<!DOCTYPE html>
<!--
**********************************************************************************************************
    Copyright (c) 2016 .
**********************************************************************************************************  -->
<!-- 
Template Name: Auto Plus – Car Wash and Car Repair HTML Template
Version: 1.0.0
Author: Media City
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]> -->
<html lang="en">
<!-- <![endif]-->
<!-- head -->
<head>
<title>Auto Plus – Car Wash &amp; Car Repair HTML Template</title>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta name="description" content="Auto Plus" />
<meta name="keywords" content="car wash, html template, car wash template, auto plus, car repair, auto wash, auto detail, auto detailing, car, cleaning, mechanic, repair, wash, car service, workshop">
<meta name="author" content="Media City" />
<meta name="MobileOptimized" content="320" />
<link rel="icon" type="image/icon" href="images/favicon/favicon.ico"> <!-- favicon-icon -->
<!-- theme style -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <!-- bootstrap css -->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/> <!-- fontawesome css -->
<link href="css/icon-font.css" rel="stylesheet" type="text/css"/> <!-- icon-font css -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700|Poppins:400,500,700" rel="stylesheet"> <!-- google font -->
<link href="css/menumaker.css" rel="stylesheet" type="text/css"/> <!-- menu css -->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css"/> <!-- owl carousel css -->
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css"/> <!-- magnify popup css -->
<link href="css/datepicker.css" rel="stylesheet" type="text/css"/> <!-- datepicker css -->
<link href="css/style.css" rel="stylesheet" type="text/css"/> <!-- custom css -->
<!-- end theme style -->
</head>
<!-- end head -->
<!--body start-->
<body>
<!-- preloader --> 
  <div class="preloader">
    <div class="status">
      <div class="status-message">
      </div>
    </div>
  </div>
<!-- end preloader --> 
<!--  top bar -->
  <div class="top-bar hidden-xs">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-6">
          <div class="info-bar">
            <ul>
              <li><i class="fa fa-envelope" aria-hidden="true"></i> info@carwash.com</li>
              <li>|</li>
              <li><i class="fa fa-phone" aria-hidden="true"></i>(+01) 123 456 7890</li>
            </ul>
          </div>          
        </div>
        <div class="col-md-6 col-sm-6">
          <div class="top-bar-right">
            <div class="top-menu hidden-sm">
              <ul>
                <li><a href="#">Schedule</a></li>
                <li>|</li>
                <li><a href="#">News</a></li>
                <li>|</li>
                <li><a href="#">Faq</a></li>
              </ul>
            </div>
            <div class="social-icon">
              <ul>
                <li><a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                <li><a href="#" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                <li><a href="#" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                <li><a href="#" target="_blank"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<!--  end top bar -->
<!--  navigation -->
  <div class="nav-bar">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-6">
          <div class="logo">
            <a href="index.html"><img src="images/logo.png" alt="logo"></a>
          </div>
        </div>
        <div class="col-md-2 col-sm-3 col-xs-6">
          <div class="info-box">
            <div class="info-box">
              <div class="info-box-heading"><i class="fa fa-car" aria-hidden="true"></i> Help Line</div>
              <div class="info-box-details">+01-123-456-7891</div>
            </div>
          </div>
        </div>
        <div class="col-md-2 col-sm-3 col-xs-6">
          <div class="info-box">
            <div class="info-box-heading"><i class="fa fa-phone" aria-hidden="true"></i> Phone</div>
            <div class="info-box-details">+01-123-456-7891</div>
          </div>
        </div>
        <div class="col-md-2 hidden-sm hidden-xs">
          <div class="info-box-btn pull-right">
            <a href="appointment.html" class="btn btn-default">Book Appointment</a>
          </div>
        </div>
      </div>
    </div>    
    <div class="navigation">
      <div class="container">
        <div id="cssmenu">
          <ul>
            <li><a href="#">Home</a>
              <ul>
                <li> <a href="../version1/index.html">Home Style 1</a></li>
                <li><a href="index.html">Home Style 2</a></li>
              </ul>
            </li>                
            <li><a href="#">Pages</a>
              <ul>    
                <li><a href="about-us.html">About Us</a></li>
                <li><a href="appointment.html">Appointment</a></li>
                <li><a href="location.html">Location</a></li>
                <li><a href="feedback.html">Feedback</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="process.html">Process</a></li>
                <li><a href="pricing-plan.html">Pricing Plan</a></li>
                <li><a href="faq.html">Faq's</a></li>                    
                <li><a href="404.html">404 Page</a></li>                
                <li><a href="403.html">403</a></li>
                <li><a href="coming-soon.html">Coming Soon</a></li>  
                <li><a href="under-construction.html">Under Construction</a></li>                  
              </ul>
            </li>
            <li><a href="#">Services</a>
              <ul>
                <li><a href="services.html">Services Style 1</a></li>
                <li><a href="services-style-2.html">Services Style 2</a></li>
                <li><a href="services-details.html">Services Details</a></li>
              </ul>
            </li>                
            <li><a href="#">Gallery</a>
              <ul>
                <li><a href="gallery-col3.html">Portfolio 3 Column</a></li>
                <li><a href="gallery-col4.html">Portfolio 4 Column</a></li>
                <li><a href="gallery-col5.html">Portfolio 5 Column</a></li>
                <li><a href="gallery-full-width.html">Portfolio Full Width</a></li>
                <li><a href="gallery-full-width-2.html">Portfolio Full Width</a></li>
                <li><a href="gallery-full-width-3.html">Portfolio Full Width</a></li>
                <li><a href="gallery-masonry.html">Portfolio Masonry</a></li>
                <li><a href="gallery-with-slider.html">Portfolio With Slider</a></li>
              </ul>
            </li>
             <li><a href="#">Team</a>
              <ul>
                <li><a href="team.html">Team</a></li>
                <li><a href="team-details.html">Team Details</a></li>
              </ul>
            </li>
            <li><a href="#">Blog</a>
              <ul>
                <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                <li><a href="blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
                <li><a href="blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
              </ul>
            </li>        
            <li><a href="#">Shop</a>
              <ul>    
                <li><a href="shop.html">Shop Style 1</a></li>
                <li><a href="shop-style-2.html">Shop Style 2</a></li>
                <li><a href="shop-style-3.html">Shop Style 3</a></li>
                <li><a href="shop-style-4.html">Shop Style 4</a></li>
                <li><a href="product-details.html">Product Details</a></li>
                <li><a href="product-details-sidebar.html">Product Details Sidebar</a></li>
                <li><a href="cart.html">Cart Page</a></li>                 
              </ul>
            </li>       
            <li><a href="#">Contact</a>
              <ul>
                <li><a href="contact.html">Contact Style 1</a></li>
                <li><a href="contact-style-2.html">Contact Style 2</a></li>
                <li><a href="contact-style-3.html">Contact Style 3</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>    
  </div> 
<!--  end navigation -->
<!--  page banner -->
  <div id="page-banner" class="page-banner-main" style="background-image: url('images/bg/page-banner.jpg')">
    <div class="container">
      <div class="page-banner-block">
        <div class="section">
          <h3 class="section-heading">404 Page</h3>
        </div>
        <ol class="breadcrumb">
          <li><a href="index.html">Home</a></li>
          <li><a href="#">Page</a></li>
          <li class="active"><a>404 Page</a></li>
        </ol>
      </div>
    </div>
  </div>
<!--  end page banner  -->
<!-- error block -->
  <div id="error-page" class="error-page-main text-center">
    <div class="container">
      <div class="row">
        <div class="col-md-12">  
          <div class="error-dtl">      
            <h1 class="error-heading">4<span>0</span>4</h1>
            <p>Please go back to home and try to find out once again.</p>        
            <div class="error-btn">
              <a href="index.html" class="btn btn-default">Go to Home</a>
            </div>
          </div>
        </div>  
      </div>
    </div>
  </div>
<!-- end error block -->
<!--  footer -->
  <footer id="footer" class="footer-main-block">
    <div class="footer-block">
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <div class="footer-widget">              
              <img src="images/logo-white.png" class="img-responsive" alt="logo">
            </div>
          </div>           
          <div class="col-md-3 col-sm-3">
            <div class="footer-subscribe footer-widget">
              <h5 class="footer-heading">Subscribe Newsletter</h5>
            </div>
          </div>
          <div class="col-md-5 col-sm-5">
            <div class="footer-subscribe footer-widget">           
              <form id="subscribe-form" class="subscribe-form">
                <div class="form-group">
                  <label class="sr-only">Your Email address</label>
                  <input type="email" class="form-control" id="mc-email" placeholder="Enter email address">
                </div>
                <button type="submit" class="btn btn-default"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
                <label for="mc-email"></label>
              </form>              
            </div>
          </div>
        </div>
      </div>
      <hr>
      <div class="container">
        <div class="row">          
          <div class="col-md-7 col-sm-12">
            <div class="footer-about footer-widget">  
              <p>Lorem ipsum dolor sit amet, consectetuer a dipiscing elit aenean commodo ligula eget in
              dolor aenean massa cum sociis natoque penatibus et magnis dis parturie. Rapidiously network revolutionary technology for integrated synergy. Collaboratively plagiarize competitive core competencies through multifunctional paradigms. Rapidiously deploy client-focused ROI for resource maximizing outsourcing. </p> 
              <div class="footer-subscribe footer-widget">
                <div class="social-icon">
                  <span>Follow us on:</span>
                  <ul>
                    <li><a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                    <li><a href="#" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                    <li><a href="#" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                    <li><a href="#" target="_blank"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                  </ul>
                </div>
              </div>             
            </div>
          </div>            
          <div class="col-md-2 col-sm-6">
            <div class="footer-services footer-widget">              
              <ul>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Home</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>About Us</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Appointment</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Services</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Gallery</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Blog</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Shop</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-3 col-sm-6">
            <div class="footer-services footer-widget">              
              <ul>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Vehicle Hand Wash Service</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Headlight Lens Restoration Service</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Scratch Removal Service</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Tar Removal Service</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Odor Elimination Service</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Engine Cleaning Service</a></li>
                <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i>Valet Car Service</a></li>
              </ul>
            </div>
          </div>  
        </div>
      </div>      
    </div>
    <hr>
    <div class="copyright">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="copyright-text text-center">
              <p>&copy; Copyrights 2016 <a href="index.html">Auto Plus</a>. | All Rights Reserved.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
<!--  end footer -->
<!-- jquery -->
<script type="text/javascript" src="js/jquery.min.js"></script> <!-- jquery library js -->
<script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- bootstrap js -->
<script type="text/javascript" src="js/owl.carousel.js"></script> <!-- owl carousel js -->
<script type="text/javascript" src="js/jquery.ajaxchimp.js"></script> <!-- mail chimp js -->
<script type="text/javascript" src="js/smooth-scroll.js"></script> <!-- smooth scroll js -->
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script> <!-- magnify popup js --> 
<script type="text/javascript" src="js/waypoints.min.js"></script> <!-- facts count js required for jquery.counterup.js file -->
<script type="text/javascript" src="js/jquery.counterup.js"></script> <!-- facts count js-->
<script type="text/javascript" src="js/menumaker.js"></script> <!-- menu js--> 
<script type="text/javascript" src="js/jquery.appear.js"></script> <!-- progress bar js -->
<script type="text/javascript" src="js/jquery.countdown.js"></script>  <!-- event countdown js -->
<script type="text/javascript" src="js/price-slider.js"></script> <!-- price slider / filter js-->
<script type="text/javascript" src="js/bootstrap-datepicker.js"></script> <!-- bootstrap datepicker js--> 
<script type="text/javascript" src="js/jquery.elevatezoom.js"></script> <!-- image zoom js-->
<script type="text/javascript" src="js/theme.js"></script> <!-- custom js -->  
<!-- end jquery -->
</body>
<!--body end -->
</html>
