Untitled

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="">
      <meta name="author" content="">
      <title>ООО "Мастер" - изготопление светопрозрачных конструкций</title>
      <link rel="stylesheet" href="css/font-awesome.min.css">
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <link rel="stylesheet" href="css/animate.min.css">
      <link rel="stylesheet" href="css/style.css">
      <link rel="stylesheet" href="css/responsive.css">
      <link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,800,700,300' rel='stylesheet' type='text/css'>
      <script src="js/modernizr.js"></script>
      <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body style="overflow-x: hidden;">
      <header class="top-header">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <nav class="navbar navbar-default">
                     <div class="container-fluid nav-bar">
                        <div class="navbar-header">
                           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                           <span class="sr-only">Toggle navigation</span>
                           <span class="icon-bar"></span>
                           <span class="icon-bar"></span>
                           <span class="icon-bar"></span>
                           </button>
                           <a href="index.html"><img src="img/logo.png" alt="" class="img-responsive logo"></a>
                        </div>
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                           <ul class="nav navbar-nav navbar-right">
                              <li><a href="#home">Начало</a></li>
                              <li><a href="#about">О нас</a></li>
                              <li><a href="#pricing">услуги</a></li>
                              <li><a href="#contact">контакты</a></li>
                           </ul>
                        </div>
                     </div>
                  </nav>
               </div>
            </div>
         </div>
      </header>
      <section class="banner" id="home">
         <div class="container">
            <div class="row">
               <div class="col-xs-8 wow fadeInLeft animated" style="margin-bottom: 60px;">
                  <h3>Коротко о нашей компании:</h3>
                  <h1>Изготовление светопрозрачных конструкций!</h1>
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                  <div class="features-buttons">
                     <a class="download-btn" href="#about">О компании</a>
                     <a class="features-btn" href="#contact">Наши контакты</a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="details" id="about">
         <div class="container">
            <div class="row">
               <div class="col-md-5 col-xs-6 col-sm-6 wow slideInUp animated">
                  <img class="img-responsive details-product" src="img/laid2.png" alt="">
               </div>
               <div class="col-md-6 col-md-offset-1 col-xs-6 col-sm-6 wow slideInUp animated">
                  <h4>Что мы умеем?</h4>
                  <h2>Производство фасадов</h2>
                  <img class="img-responsive" src="img/daag.png" alt="">
                  <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. </p>
               </div>
            </div>
         </div>
      </section>
      <section class="feature-detail">
         <div class="container">
            <div class="row">
               <div class="col-xs-5 wow fadeInLeft animated">
                  <h4>Что мы умеем?</h4>
                  <h2>Остекление фасадов</h2>
                  <img src="img/daag.png" alt="">
                  <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
               </div>
               <div class="col-xs-7 horizontal-product wow fadeInRight animated">
                  <img class="img-responsive detail-product-one" src="img/laid1.png" alt="phone">
               </div>
            </div>
         </div>
      </section>
      <section class="details" id="about">
         <div class="container">
            <div class="row">
               <div class="col-md-5 col-xs-6 col-sm-6 wow fadeInRight animated">
                  <img class="img-responsive details-product" src="img/laid3.png" alt="">
               </div>
               <div class="col-md-6 col-md-offset-1 col-xs-6 col-sm-6 wow fadeInRight animated">
                  <h4>Что мы умеем?</h4>
                  <h2>Вентилируемые фасады</h2>
                  <img class="img-responsive" src="img/daag.png" alt="">
                  <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. </p>
               </div>
            </div>
         </div>
      </section>
      <section class="price-plan text-center" id="pricing">
         <div class="container">
            <div class="row">
               <div class="pricing-heading">
                  <h4>Мы в ответе за качествок</h4>
                  <h2>Расценки на наши услуги</h2>
                  <img class="img-responsive" src="img/daag.png" alt="">
               </div>
               <div class="container-fluid pricing-tables">
                  <!-- ТУТ НАЧИНАЕТСЯ КАКА!!! -->
                  <div class="col-md-3 col-sm-6 col-xs-12 wow zoomIn animated">
                     <div class="single-table personal">
                        <div class="table-heading">
                           <h3>Производство фасадов</h3>
                        </div>
                        <div class="table-price">
                           <h5>от 15 000</h5>
                           <p>рублей</p>
                        </div>
                        <div class="table-description">
                           <p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum <a href="#">lacinia</a> consectetur.</p>
                           <button>ЗАКАЗАТЬ</button>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-3 col-sm-6 col-xs-12 wow zoomIn animated">
                     <div class="single-table personal">
                        <div class="table-heading">
                           <h3>Остекление фасадов</h3>
                        </div>
                        <div class="table-price">
                           <h5>от 25 000</h5>
                           <p>рублей</p>
                        </div>
                        <div class="table-description">
                           <p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum <a href="#">lacinia</a> consectetur.</p>
                           <button>ЗАКАЗАТЬ</button>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-3 col-sm-6 col-xs-12 wow zoomIn animated">
                     <div class="single-table personal">
                        <div class="table-heading">
                           <h3>Вентилируемые фасады</h3>
                        </div>
                        <div class="table-price">
                           <h5>от 50 000</h5>
                           <p>рублей</p>
                        </div>
                        <div class="table-description">
                           <p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum <a href="#">lacinia</a> consectetur.</p>
                           <button>ЗАКАЗАТЬ</button>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-3 col-sm-6 col-xs-12 wow zoomIn animated">
                     <div class="single-table ultimate">
                        <div class="table-heading">
                           <h3>Производство стеклопакетов</h3>
                        </div>
                        <div class="table-price">
                           <h5>от 100 000</h5>
                           <p>рублей</p>
                        </div>
                        <div class="table-description">
                           <p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum <a href="#">lacinia</a> consectetur.</p>
                           <button>ЗАКАЗАТЬ</button>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="contact text-center" id="contact">
         <div class="container">
            <div class="row">
               <div class="contact-heading">
                  <h4>Всегда на связи</h4>
                  <h2>Наши контакты:</h2>
                  <img class="img-responsive" src="img/daag.png" alt="">
               </div>
               <div class="col-md-2 col-md-offset-1 col-xs-4 col-sm-4">
                  <i class="fa fa-phone"></i>
                  <p>Телефон:</p>
                  <p>8 (495) 123-45-67</p>
               </div>
               <div class="col-md-2 col-md-offset-2 col-xs-4 col-sm-4">
                  <i class="fa fa-map-marker"></i>
                  <p>город Москва</p>
                  <p>Варшавское шоссе</p>
                  <p>д. 47, корп. 4</p>
               </div>
               <div class="col-md-2 col-md-offset-2 col-xs-4 col-sm-4 clearfix">
                  <i class="fa fa-envelope-o"></i>
                  <p>master@master-ooo.ru</p>
               </div>
            </div>
         </div>
      </section>
      <div class="map">
         <div class="container-fluid">
            <div class="row">
               <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A3eb4ada14276327ddd0fcc37279313acdf78a998dc62e9b0e89c8dad32d1ce2a&amp;source=constructor" width="100%" height="400" frameborder="0"></iframe>
            </div>
         </div>
      </div>
      <footer class="footer text-center">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="icons">
                     <a href=""><i class="fa fa-twitter"></i></a>
                     <a href=""><i class="fa fa-facebook"></i></a>
                  </div>
                  <p>COPYRIGHT &copy; 2017 <a href="0x452.pw/contact/">0x452</a></p>
               </div>
            </div>
         </div>
      </footer>
      <script src="js/jquery-2.1.1.js"></script>
      <script src="js/smoothscroll.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <script src="js/wow.js"></script>
      <!--  <script src="http://maps.google.com/maps/api/js?key=AIzaSyDG9J0JsLb9gBDpVjGkZcySTY8KRi4Ynes"></script>  -->
      <script src="js/gmaps.js"></script>
      <script src="js/custom.js"></script>
   </body>
</html>