<header class="header">
  <div class="l-underlay body-bg header-bg"></div>
  <div class="l-wrapper">
    <nav class="nav">
      <ul class="l-flex-list-row">
        <li><a href="{{ .Site.BaseURL }}"><span class="site-title">{{ .Site.Title }}</span></a></li>
      </ul>
      <ul class="l-flex-list-row nav__item">
        <li><a class="nav__link nav-link" href="{{ .Site.BaseURL }}">Home</a></li>
        <li><a class="nav__link nav-link" href="#about">About</a></li>
        <li><a class="nav__link nav-link" href="#services">Services</a></li>
        <li><a class="nav__link nav-link" href="#contact">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>