PK

<header class="main_header_area">
   <!-- <div class="header_top_area">
      <div class="container">
         <div class="pull-left">
            <a href="#"><i class="fa fa-phone"></i>(012) - 3456789</a>
            <a href="#"><i class="fa fa-map-marker"></i>1234 Cafficic, California</a>
            <a href="#"><i class="mdi mdi-clock"></i>08 AM - 10 PM</a>
         </div>
         <div class="pull-right">
            <ul class="header_social">
               <li><a href="#"><i class="fa fa-facebook"></i></a></li>
               <li><a href="#"><i class="fa fa-twitter"></i></a></li>
               <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
               <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
            </ul>
         </div>
      </div>
   </div> -->
   <div class="main_menu_area">
      <div class="container">
         <nav class="navbar navbar-default">
            <div class="navbar-header">
               <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
               <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               </button>
               <a class="navbar-brand" href="http://ferrohyde.com"><img src="img/logo.png" alt=""></a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
               <ul class="nav navbar-nav navbar-right">
                  <li><a href="http://ferrohyde.com">Home</a></li>
                  <li><a href="about">About</a></li>
                  <li><a href="product">Products</a></li>
                  <li><a href="interior-and-exterior">interior & Exteriors</a></li>
                  <li><a href="contact">Contact</a></li>
               </ul>
            </div>
         </nav>
      </div>
   </div>
</header>

PK 99