Topbar

Source

Sass styles are in template_src/src/assets/sass/block/topbar.sass .
Jade source are in template_src/src/jade/layout/topbar/* .

Variations

There are 3 variations of toolbar (see outlined block):

  1. topbar--v1
    ../../_images/header--v11.png
  2. topbar--v2
    ../../_images/header--v21.png
  3. topbar--v6
    ../../_images/header--v61.png
<!-- BEGIN topbar-->
<div class="topbar js-topbar">
  <div class="container">
    <div class="topbar__row">
      <button class="header__menu header__menu--mob js-menu-btn"></button>
      <!-- BEGIN nav block-->
      <nav class="nav js-nav nav--v1">
        <!-- menu go here >
      </nav>
      <!-- END nav block--><a href="donate.html" class="btn--flat-rounded header__donate header__donate--v1">Donate</a>
    </div>
  </div>
</div>
<!-- END topbar-->