index.html

---
layout: default
---

<div class="hero"> 
  <img src="/images/avatar.jpg"/>
  <h1>Hi. Introduce yourself.</h1>
  <p>Introduce yourself.</p>
  <div style="clear:both;"></div>
</div>

<div class="articles"> 
  <h2><a href="/blog">Blog</a></h2>

  <div class="article">
    <!-- <img src="assets/img/article1.jpg"/> -->
    <h3>Article Title</h3>
    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
    </p>
  </div>

  <div class="article">
    <!-- <img src="assets/img/article2.jpg"/> -->
    <h3>Article Title</h3>
    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
    </p>
  </div>

  <div class="article">
    <!-- <img src="assets/img/article3.jpg"/> -->
    <h3>Article Title</h3>
    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
    </p>
  </div>
</div>