layout: default


<section id=“home”>

<div id="hero-section">
  <div id="hero-content">

    <h1 id="hero-header">{{ site.tagline }}</h1>
    <p id="hero-paragraph">{{ site.description }}</p>

  </div>
</div>

<div id="features-section">
  <div id="features-container">

    <div class="feature">
      <div class="feature-icon">
        <a href="/about/">{% include icons/icon-about.html %}</a>
      </div>

      <h3 class="feature-heading">About</h3>
      <p class="feature-text">Learn more about the author</p>
    </div>

    <div class="feature">
      <div class="feature-icon">
        <a href="/articles/">{% include icons/icon-articles.html %}</a>
      </div>

      <h3 class="feature-heading">Articles</h3>
      <p class="feature-text">Read and comment on articles</p>
    </div>

    <div class="feature">
      <div class="feature-icon">
        <a href="/contact/">{% include icons/icon-contact.html %}</a>
      </div>

      <h3 class="feature-heading">Contact</h3>
      <p class="feature-text">Connect with the author</p>
    </div>

  </div>
</div>

</section>