<nav class='pi-navigation' data-menu-responsive='992'>
          <div class='container'>

 <div class='open-menu'>
              <span class='item item-1'/>
              <span class='item item-2'/>
              <span class='item item-3'/>
            </div>
            <div class='close-menu'/>
            <ul class='navlist'>
              <li><a href='/'>Home</a></li>
              <li><a href='/p/about.html'>About us</a></li>
              <li><a href='#'>Drop Down</a>
                <ul class='sub-menu'>
                  <li><a href='/search/label/Shooter'>Minimal</a></li>
                  <li><a href='#'>Sub Menu with Subs</a>
                    <ul class='sub-menu'>
                      <li><a href='#'>Feminist</a></li>
                      <li><a href='#'>Persona</a></li>
                      <li><a href='#'>Expose</a></li>
                    </ul>
                  </li>
                  <li><a href='#'>Powergame</a></li>
                  <li><a href='#'>Fashion</a></li>
                </ul>
              </li>
              <li><a href='#'>Restaurant</a></li>
              <li class='megamenu col-5'><a href='#'>Mega menu</a>
                <script class='java' type='text/javascript'>//<![CDATA[
                  var numposts = 5;
                  var outerclass = "sub-menu";
                  var starttag = "<li>";
                  var endtag = "</li>";
                  var intag = "div";
                  //]]>
                </script>
                <script class='java' src='/feeds/posts/default/-/LABEL?alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/>
              </li>
              <li><a href='#'>Download</a></li>
            </ul>
 <div class='search-box'>
              <span class='icon-search'>
                <i class='fa fa-search'/>
              </span>
              <form action='/search' method='get'>
                <input name='q' type='search' value='Search and hit enter'/>
              </form>
            </div>
          </div>
        </nav>