index.php 9.1 KB
<?php

/* @var $this yii\web\View */

$this->title = 'My Yii Application';
?>


<section class="no-mb">
  <!-- *** JUMBOTRON ***
_________________________________________________________ -->
  
  <div class="jumbotron header-kristal">
    
    <div class="dark-mask"></div>
    
    <div class="container">
      <div class="row mb-small">
        <div class="col-sm-12 text-center">
            <h1><span>"Кристал Эстет"</span> — ваш стоматологический центр</h1>
        </div>
          <div class="col-sm-12 col-md-8 col-md-offset-4">
              <p class="header-text-right">Мы заботимся о Вашем здоровье.<br />Все виды стоматологических услуг европейского качества.</p>
          </div>
      </div>
      
      <div class="row">
        <div class="col-sm-6 mb-small hidden-xs hidden-sm">
          <img class="img-responsive" src="/img/girl_01.png" alt="">
        </div>
        
        <div class="col-sm-6 text-center-xs mtop90">
          <p>Приглашаем на диагностику.<br />Первая консультация — бесплатно.</p>
          <p>
              <a href="#" class="btn btn-template-transparent-black modal-link" data-form="appointment-modal" data-modalname="Записаться на приём">Записаться</a>
          </p>
        
        </div>
      </div>
    </div>
  </div>
  
  <!-- *** JUMBOTRON END *** -->
</section>

<section class="bar background-white kristal-cont">
  <div class="container">
    <div class="col-md-12">
      <div class="heading text-center">
        <h2>Наши услуги</h2>
      </div>
      
      <div class="row">
        <div class="col-md-4">
          <div class="box-simple">
            <div class="icon">
                <img src="/img/main_icons/icon1.png" alt="">
            </div>
            <h3>Профилактика</h3>
              <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="box-simple">
            <div class="icon">
                <img src="/img/main_icons/icon2.png" alt="">
            </div>
            <h3>Терапия</h3>
              <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="box-simple">
            <div class="icon">
                <img src="/img/main_icons/icon3.png" alt="">
            </div>
            <h3>Ортопедия</h3>
              <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
          </div>
        </div>
      </div>
      
      <div class="row">
        <div class="col-md-4">
          <div class="box-simple">
            <div class="icon">
                <img src="/img/main_icons/icon4.png" alt="">
            </div>
            <h3>Хирургия</h3>
              <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="box-simple">
            <div class="icon">
                <img src="/img/main_icons/icon5.png" alt="">
            </div>
            <h3>Ортодонтия</h3>
              <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="box-simple">
            <div class="icon">
                <img src="/img/main_icons/icon6.png" alt="">
            </div>
            <h3>Косметология</h3>
              <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="bar background-pentagon no-mb kristal-cont">
  <div class="container">
    <div class="row showcase">
      <div class="col-md-3 col-sm-6">
        <div class="item">
          <h4><span class="counter">580</span><br>
            
            Клиентов</h4>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="item">
          <h4><span class="counter">2</span><br>
            
            Года работы</h4>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="item">
          <h4><span class="counter">7</span><br>
            
            Сертифицированных докторов</h4>
        </div>
      </div>
      <div class="col-md-3 col-sm-6">
        <div class="item">
          <h4><span class="counter">200</span><br>
            
            Видов услуг</h4>
        </div>
      </div>
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container -->
</section>
<!-- /.bar -->
<section class="image-full-screen">
</section>


<section class="bar background-gray no-mb kristal-cont">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="heading text-center">
          <h2>Наши партнёры</h2>
        </div>
        
        <ul class="owl-carousel customers">
          <li class="item">
            <img src="/img/customer-1.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-2.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-3.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-4.png" alt="" class="img-responsive">
          </li>
          <li class="item">
            <img src="/img/customer-5.png" alt="" class="img-responsive">
          </li>
        </ul>
        <!-- /.owl-carousel -->
      </div>
    
    </div>
  </div>
</section>

<!-- /.bar -->

<section class="bar background-white kristal-cont">
    <div class="container">
        <div class="col-md-12">
            <div class="heading text-center">
                <h2>Стоматологический центр «Кристал-Естет»</h2>
            </div>
        </div>
        <div class="col-md-12 text-down">
            <p>Наш центр предлагает полный спектр стоматологических услуг. Основанный в 2015 году, сочетает в себе новейшие технологии, современное оборудование и опыт команды профессионалов. В клинике представлены все существующие в мире стоматологии направления: терапия, ортопедия, ортодонтия, хирургия, имплантология, пародонтология, гигиена, детская стоматология, эстетическая стоматология и профилактика заболеваний зубов и полости рта</p>
            <p>Технологическое оснащение представлено фирмами Sirona, Kaeser, Durr, KaVo, и другими немецкими производителями.</p>
            <p>Мы стараемся уделить максимальное внимание каждому клиенту, заботимся о его комфорте. Обеспечиваем комплексный подход и реальную помощь первоклассной команды врачей. Идём в ногу со временем и постоянно совершенствуем рабочие навыки, используя современные стоматологические технологии. Наша команда делает все, чтобы пациенты навсегда избавились не только от зубной боли, но и от своих страхов и негативных представлений о стоматологии.</p>
        </div>
    </div>
</section>


<div id="get-it" class="kristal-cont">
    <div class="container">
        <div class="col-md-8 col-sm-12">
            <h3>Ждем Вас в нашей клинике!</h3>
        </div>
        <div class="col-md-4 col-sm-12">
            <a href="#" class="btn btn-template-transparent-primary modal-link" data-form="appointment-modal" data-modalname="Записаться на приём">Записаться на прием</a>
        </div>
    </div>
</div>