header.html

  <header class="header">
    <div class="container">
      <div class="header-logotype">
        <a href=""><img src="./images/logo.png" width="150" alt=""></a>
      </div>

      <div class="header-search componentSearch">
        <form action="">
          <input placeholder="Search" type="text" class="search">
          <span class="icon-search"></span>
        </form>
      </div>

      <div class="header-utility">
        <ul>
          <li class="border-right">
            <a href="#">Log In</a>
          </li>
          <li>
            <a href="#">Create Account</a>
          </li>
        </ul>
        <a class="cart" href="">
          <span class="cart-text">0 Items</span>
          <span class="icon-cart"></span>
        </a>
        <div class="show-navigation-js icon-hamburger">
          &#9776;
        </div>
      </div>
    </div>
  </header>

  <div class="navigation">
    <div class="container">
      <nav class="navigation-nav">
        <ul class="">
          <li class="searchForm">
            <form action="">
              <input class="text" type="text" placeholder="Search">
              <span class="icon-search"></span>
            </form>
          </li>
          <li>
            <a href="#">I'm looking for</a>
            <ul>
              <li>
                <a class="haschild" href="#">Audio Post Tools</a>
                <ul>
                  <li><a href="#">To Clean Up Dialogue</a></li>
                  <li><a href="#">To Fix Production Audio</a></li>
                  <li><a href="#">To Mix Together Dialogue, Music & SFX</a></li>
                  <li><a href="#">To Meet Loudness Standars</a></li>
                  <li><a href="#">To Edit, Mix & Deliver Audio</a></li>
                  <li><a href="#">To Visually Monitor My Mix</a></li>
                </ul>
              </li>
              <li>
                <a class="haschild" href="#">Music Production Tools</a>
              </li>
              <li><a href="#">Free Audio Plug-ins</a></li>
            </ul>
          </li>
          <li><a href="#">Products</a></li>
          <li><a href="#">Learning</a></li>
          <li><a href="#">Community</a></li>
          <li><a href="#">Company</a></li>
          <li><a href="#">Support</a></li>
          <li><a href="#">Shop</a></li>
        </ul>
      </nav>
      <div class="navigation-search componentSearch">
        <form action="">
          <input placeholder="Search" type="text" class="search">
          <span class="icon-search"></span>
        </form>
      </div>
    </div>
  </div>