index.html

---
layout: default
title: Home
---
</div>
</div>
<!-- We've temporary closed main-content and container to have a full width intro -->
<!-- Home Jumbotron
================================================== -->
<section class="intro">
    <div style="text-align: center;">
        <img src="/assets/images/john.jpg"
             style="border-radius: 50%;width:390px" alt="A picture of author.">
        <br><br>
        <h1 style="color:white">Hi, I am <span>John Doe.</span></h1>
        <br>
        <h3 style="color:white"> Web designer and Developer</h3>
        <br>
        <a href="/about/" class="btn" style="color:white">View More about me</a>
    </div>
</section>

<script>
  VANTA.NET({
    el: ".intro",
    mouseControls: true,
    touchControls: true,
    gyroControls: false,
    minHeight: 200.00,
    minWidth: 200.00,
    scale: 1.00,
    scaleMobile: 1.00,
    color: 0xf0ff,
    backgroundColor: 0x1b1b22,
    points: 15.00,
    maxDistance: 15.00,
    spacing: 11.00
  })
</script>

<!-- We reopen main-content and container -->
<div class="container">
    <div class="main-content">
        <!-- Featured
        ================================================== -->
        <section class="featured-posts">
            <div class="section-title">
                <h2><span>Featured Blog!</span></h2>
            </div>
            <div class="row listfeaturedtag">
                {% for post in site.posts %}
                {% if post.featured == true %}
                {% include featuredbox.html %}
                {% endif %}
                {% endfor %}
            </div>
        </section>

        <!-- Posts Index
        ================================================== -->
        {% if paginator.previous_page %}
        {% if paginator.previous_page > 0 %}
        <div id="jumptopageof"></div>
        {% endif %}
        {% endif %}
        <section class="recent-posts row">
            <div class="col-sm-8">
                <div class="section-title">
                    <h2><span>Blog Posts</span></h2>
                </div>
                <div class="masonrygrid row listrecent">
                    {% for post in paginator.posts %}
                    {% unless post.featured == true %}
                    {% include postbox.html %}
                    {% endunless %}
                    {% endfor %}
                </div>

                <!-- Pagination -->
                <div class="bottompagination">
        <span class="navigation" role="navigation">
            {% include pagination.html %}
        </span>
                </div>
            </div>

            <!-- Sidebar -->
            <div class="col-sm-4">
                {% include sidebar.html %}
            </div>
        </section>