<nav class="navbar" id="navbar">
  <div class="container-fluid">
    <div class="navbar-nav__container">
      <ul class="navbar-nav list list--unstyled">
        <li class="navbar-nav__item {% if activePage == 'aboutus' %} navbar-nav__item--active {% endif %}" data-page-id="1">
          <a href="/">About Us</a>
        </li>
        <li class="navbar-nav__item {% if activePage == 'services' %} navbar-nav__item--active {% endif %}" data-page-id="2">
          <a href="/services.html">Services</a>
        </li>
        <li class="navbar-nav__item {% if activePage == 'knowhow' %} navbar-nav__item--active {% endif %}" data-page-id="3">
          <a href="/know-how.html">Know-how</a>
        </li>
        <li class="navbar-nav__item {% if activePage == 'contacts' %} navbar-nav__item--active {% endif %}" data-page-id="4">
          <a href="/contacts.html" >Contacts</a>
        </li>
      </ul>
    </div>
  </div>
  <div class="menu-toggle" id="menuToggle">
    <div class="menu-toggle__lines">
      <div class="menu-toggle__line1"></div>
      <div class="menu-toggle__line2"></div>
      <div class="menu-toggle__line3"></div>
    </div>
  </div>
</nav>