<header id=“site-header”>

<input type="checkbox" id="header-vegburger-toggle"/>
<div id="mobile-header-extended-background">&nbsp;</div>

<div id="header-nav-container">
  <h1 id="logo-text"><a href="/">{{ site.title }}</a></h1>
  <label id="vegburger" for="header-vegburger-toggle">&#9776;</label>

  <nav id="header-nav-menu-icons-container">
    <a href="/about/">
      <div class="header-nav-menu-item">
        <div class="header-nav-menu-icon">{% include icons/icon-about.html %}</div>
        <p class="header-nav-menu-text">About</p>
      </div>
    </a>

    <a href="/articles/">
      <div class="header-nav-menu-item">
        <div class="header-nav-menu-icon">{% include icons/icon-articles.html %}</div>
        <p class="header-nav-menu-text">Articles</p>
      </div>
    </a>

    <a href="/contact/">
      <div class="header-nav-menu-item">
        <div class="header-nav-menu-icon">{% include icons/icon-contact.html %}</div>
        <p class="header-nav-menu-text">Contact</p>
      </div>
    </a>

    <a href="{{ site.resume-link }}">
      <div class="header-nav-menu-item">
        <div class="header-nav-menu-icon">{% include icons/icon-resume.html %}</div>
        <p class="header-nav-menu-text">Resume</p>
      </div>
    </a>

  </nav>
</div>

</header>

<div class=“header-spacer”>

&nbsp;

</div>