<!DOCTYPE html> <html lang=“en”>

{% include head.html %}

<body>
  {% include facebook-init.html %}
  <div class="layout">

    {% include header.html %}

    <main class="main-wrapper">
      <div class="page wrapper">
      <h2 id="home-title">
        <div class="sign-frame"><img class="pixelated" src="{{ "/assets/images/avatar.png" | relative_url }}" alt="Logo" /></div>
      </h2>
      <!-- Vcard -->
      <div id="vcard">
        <p class="vc-greeting">Hi, I am</p>
        <h1 class="vc-name">{{ page.person.name.first }} <span class="alias">{{ page.person.name.alias }}</span> {{ page.person.name.last }}</h1>
        <p class="vc-description">{{ page.person.description }}</p>
      </div>
      <!-- Search box -->
      <div id="search-container" class="pure-form ninja">
        <input type="text" class="pure-input-1 pure-input-rounded" id="search-input" placeholder="What are you looking for?...">
        <ul id="results-container"></ul>
      </div>
      </div>
    </main>

    {% include footer.html %}

  </div>
  <!-- Back to Top -->
  {% include back-top.html %}
  {% include scripts.html 
    jquery=true
    responsive-menu=true
    backtop=true
    search=true
  %}

</body>

</html>