404.html

<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Barber</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

       <link rel="shortcut icon" type="images/png" href="images/favicon.png">
        <!-- Place favicon.ico in the root directory -->

        <link href='https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.default.min.css">
        <link rel="stylesheet" href="css/selectize.bootstrap3.css">
        <link rel="stylesheet" href="fonts/flaticon.css">
        <link rel="stylesheet" href="css/pe-icon-7-stroke.css">
        <link rel="stylesheet" href="css/magnific-popup.css">
        <link rel="stylesheet" href="css/unite-gallery.css">
        <link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.css">
        <link rel="stylesheet" href="css/animate.css">
        <link rel="stylesheet" href="css/menu.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/color.css">
        <link rel="stylesheet" href="css/responsive.css">
    </head>
    <body>
        <!-- Start-Header -->
        <header>            
          <nav class="header-nav dark-bg sticky-header">
            <div class="container main-menu">
                <div class="row">
                  <div class="col-md-10">           
                    <div class="nav-menu cssmenu menu-line-off" id="header-menu-wrap">  
                      <ul class="menu list-inline">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about-us.html">About</a></li>
                        <li><a href="service.html">Services</a>
                          <ul>
                            <li><a href="service-single.html">Service Details</a></li>
                          </ul>
                        </li>
                        <li><a href="#" class="active">Pages</a>
                          <ul>
                             <li><a href="protfolio.html">Protfolio</a></li>
                             <li><a href="protfolio-details.html">Protfolio Details</a></li>
                             <li><a href="shop.html">Shop</a></li>
                             <li><a href="shop-single.html">Shop Single</a></li>
                             <li><a href="cart.html">Cart</a></li>
                             <li><a href="checkout.html">Checkout</a></li>
                             <li><a href="404.html">404 Page</a></li>
                          </ul>
                        </li><!-- li -->
                        <li><a href="blog.html">Blog</a>
                          <ul>
                            <li><a href="blog-single.html">Blog Single Post</a></li>                
                          </ul>
                        </li><!-- li -->
                        <li><a href="contact-us.html">Contact</a></li>
                        <li class="search-box"><a href="#"><i class="fa fa-search"></i></a>
                            <ul>
                                <li>
                                    <div class="search-form">
                                        <div class="row">
                                          <div class="col-md-8 col-sm-8 col-xs-8"><input type="text" placeholder="Search Here?" name="s" class="form-control"></div>
                                          <div class="col-md-4 col-sm-4 col-xs-4"><input type="submit" class="btn btn-dark" value="Search" name="submit"></div>
                                        </div>
                                      </div>
                                </li>
                            </ul>
                        </li><!-- li -->
                      </ul>
                    </div><!-- #header-menu-wrap -->
                   </div>
                   <div class="col-md-2 appointment">
                     <a href="contact-us.html">MAKE APPOINTMENT</a>
                   </div>
                </div>
            </div><!-- .container -->          
          </nav><!-- .header-nav -->    
        </header>     
        <!-- End-Header -->

        <div class="about-header">
          <div class="container">
            <div class="row">
              <div class="col-md-12 text-center">
                <div class="heading-table">
                  <div class="heading-table-cell">
                    <h2 class="heading-text">404</h2>   
                     <div class="header-menu">
                       <ul class="list-inline">
                          <li ><a href="index.html">Home /</a></li>
                           <li><span class="active">404</span></li>
                       </ul>
                     </div>
                    </div>
                  </div>
                </div><!-- col-md-12 -->
              </div><!-- .row -->
            </div><!-- .container -->
        </div><!-- .about-header -->
          
        <div class="404-main-content">
          <img src="images/404.jpg" alt="404">
        </div>

        <footer class="dark-bg">
          <div class="container">
            <div class="row">
              <div class="col-md-4 col-sm-4">
                <div class="widget">
                  <div class="logo">
                    <a href="index.html"><h1 class="text-left"><img src="images/logo2.png" alt="logo"></h1></a>
                  </div>
                  <div class="saparator2"></div>
                  <p>These days are Happy and Free these days are all share them with me baby the Brady Bunch the Brady Bunch at the way we all became the Brady Bunch Flipper Flipper.</p>
                  <a href="contact-us.html" class="btn btn-default">CONTACT US</a>                  
                </div>
              </div>
              <div class="col-md-4 col-sm-4">
                <div class="widget">
                  <div class="row">
                    <div class="col-md-12 col-sm-12">                    
                      <h4>Working hours</h4>
                      <div class="saparator2"></div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6 border-right"> 
                      <div class="working-hour">
                        <ul>
                          <li class="active">Monday  to  Thursday </li>
                          <li>7.00AM to 12.00PM</li>
                          <li>1.00PM to 4.00PM</li>
                          <li>5.00PM to 8.00PM</li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6"> 
                      <div class="working-hour">
                        <ul>
                          <li class="active">Friday  to  Sunday</li>
                          <li>8.00AM to 11.00PM</li>
                          <li>12.00PM to 3.00PM</li>
                          <li>4.00PM to 6.00PM</li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div> 
              </div>    
              <div class="col-md-4 col-sm-4">
                <div class="widget">
                  <h4>Newsletter</h4>
                  <div class="saparator2"></div>
                  <p>The Brady Bunch that's way we all became the Brady Bunch you see is smarter Flipper.</p>
                  <div class="header-search newsletter">
                    <form>                      
                     <input type="email" class="form-control" placeholder="Your Email id" required>
                     <input type="submit" value="submit" class="form-control submit-button">
                      <i class="fa fa-paper-plane"></i>
                    </form>                     
                  </div>
                  <div class="follow-us">                    
                    <ul class="list-inline">
                      <li><span>Follow us: </span><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-behance"></i></a></li>
                      <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </footer>
        <div class=" footer-nav">
          <div class="container">
              <div class="row">              
                 <div class="col-md-5">
                  <p class="copyright text-uppercase">Barber &copy;Copyrights 2016. All Rights Reserved</p>
                 </div>
                <div class="col-md-7">    
                  <ul class="list-inline text-right text-uppercase">
                      <li class="active"><a href="index.html">Home</a></li>
                      <li><a href="about-us.html">About</a></li>
                      <li><a href="#">Services</a></li>
                      <li><a href="#">Pages</a></li>
                      <li><a href="#">Blog</a></li>
                      <li><a href="contact-us.html">Contact</a></li>
                  </ul>
                 </div>
              </div>
          </div><!-- .container -->          
        </div><!-- .footer-nav -->

        <script src="http://maps.google.com/maps/api/js?sensor=false&amp;libraries=geometry&amp;v=3.7"></script>
        <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
        <script src="js/jquery-1.12.3.min.js"></script>
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/selectize.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
        <script src="js/jquery.counterup.min.js"></script> 
        <script src="js/jquery.magnific-popup.min.js"></script>
        <script src="js/unitegallery.min.js"></script>
        <script src="js/ug-theme-compact.js"></script>
        <script src="js/jquery-ui-1.10.3.custom.min.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/menu.js"></script>
        <script src="js/main.js"></script>   
    </body>
</html>