index.html

---
layout: default
---

<div class="left clearfix">
  <div class="widget-container">
    <div class="widget about-me shadow">
      <img class="image" src="images/avatar-250x250px.jpg" alt="Me">
      <h1 class="name" itemprop="name">{{ site.name }}</h1>
      <div class="job" itemprop="jobTitle">{{ site.job }}</div>
      <div class="academic-title" itemprop="honorificSuffix">{{ site.honorificSuffix }}</div>
      <div class="location" itemprop="workLocation">{{ site.location }}</div>
      <div class="contact">
        <div class="email" itemprop="email">{{ site.email }}</div>
        <a href="{{ site.blog }}" class="blog">{{ site.blog }}</a>
      </div>
    </div>
  </div>
</div>

<div class="right shadow">
  <h2>Curriculum Vitae</h2>
  <section class="experience">
    <h3>
      <svg xmlns="http://www.w3.org/2000/svg" fill="#444444" height="24" viewBox="0 0 24 24" width="24">
        <path d="M0 0h24v24H0z" fill="none"/>
        <path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/>
      </svg>Experience</h3>
    <ul class="vita-list">
      {% for item in site.vita %}
      <li class="entry" itemscope itemtype="http://schema.org/Organization">
        <div class="period">{{ item.period }}</div>
        <div class="company" itemprop="name">
          {% if item.url != "" %}
            <a href="{{ item.url }}">{{ item.company }}</a>
          {% else %}
            {{ item.company }}
          {% endif %}
        </div>
        <div class="job">{{ item.job }}</div>
      </li>
      {% endfor %}
    </ul>
  </section>

  <section class="education">
    <h3>
      <svg xmlns="http://www.w3.org/2000/svg" fill="#444444" height="24" viewBox="0 0 24 24" width="24">
        <path d="M0 0h24v24H0z" fill="none"/>
        <path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/>
      </svg>Education</h3>
    <ul class="vita-list">
      {% for item in site.education %}
      <li class="entry" itemscope itemtype="http://schema.org/EducationalOrganization">
        <div class="period">{{ item.period }}</div>
        <div class="name" itemprop="name">{{ item.name }}</div>
        <div class="location" itemprop="location">{{ item.location }}</div>
        <div class="studies">{{ item.studies }}</div>
      </li>
      {% endfor %}
    </ul>
  </section>
</div>