templates/services/dentisterieesthetique.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello HomeController!
  4. {% endblock %}
  6. {% block body %}
  7.     <style>
  8.         a.nav-link.active {
  9.             z-index: 2;
  10.             color: #fff !important;
  11.             background-color: #007bff !important;
  12.             border-color: #007bff !important;
  13.         }
  14.         
  15.     </style>
  16.     {# banner #}
  17.     <div class="section">
  18.         <div class="container-fluid px-0">
  19.             <div class="banner-center bg-cover" style="background-image: url(https://ksdental.ma/img/QQ.jpg)">
  20.                 <div class="banner-center-caption text-center">
  21.                     <div class="banner-center-text1">K.S DENTAL</div><br>
  22.                     <div class="banner-center-text2">Dentisterie esthétique</div>
  23.                     <a href="#" class="btn btn-white mt-5" data-toggle="modal" data-target="#modalBookingForm">
  24.                         <i class="icon-right-arrow"></i>
  25.                         <span>Rendez-vous</span>
  26.                         <i class="icon-right-arrow"></i>
  27.                     </a>
  28.                 </div>
  29.             </div>
  30.         </div>
  31.     </div>
  32.     {# banner #}
  33.     <div class="section page-content-first">
  34.         <div class="container mt-6">
  35.             <div class="row">
  36.                 <div class="col-md">
  37.                     <ul class="services-nav flex-column flex-nowrap nav">
  38.                             <li class="nav-item">
  39.                                 <a class="nav-link" href="{{path('app_urgencedentaire')}}">  urgencedentaire</a>
  40.                                 <div class="collapse show" id="submenu1">
  41.                                     {# <ul class="flex-column nav">
  42.                                         <li class="nav-item"><a class="nav-link" href="">Orthodontics</a></li>
  43.                                         <li class="nav-item"><a class="nav-link active" href="">White Fillings</a></li>
  44.                                         <li class="nav-item"><a class="nav-link" href="">Porcelain Veneers</a></li>
  45.                                         <li class="nav-item"><a class="nav-link" href="">Teeth Whitening</a></li>
  46.                                         <li class="nav-item"><a class="nav-link" href="">Inlays &amp; Onlays</a></li>
  47.                                     </ul> #}
  48.                                 </div>
  49.                             </li>
  50.                             <li class="nav-item"><a class="nav-link" href="{{path('app_parodontologie')}}">Parodontologie</a></li>
  51.                             <li class="nav-item"><a class="nav-link" href="{{path('app_implantologie')}}">Implantologie</a></li>
  52.                             <li class="nav-item"><a class="nav-link" href="{{path('app_prothesedentaire')}}">Prothèse dentaire</a></li>
  53.                             <li class="nav-item"><a class="nav-link" href="{{path('app_endodontie')}}">Endodontie ou traitement des canaux</a></li>
  54.                             <li class="nav-item active"><a class="nav-link active" href="{{path('app_dentisterieesthetique')}}">Dentisterie esthétique</a></li>
  55.                             <li class="nav-item"><a class="nav-link" href="{{path('app_pedodontie')}}">Pédodontie</a></li>
  56.                             <li class="nav-item"><a class="nav-link" href="{{path('app_chirurgiedentaire')}}">Chirurgie dentaire</a></li>
  57.                             <li class="nav-item"><a class="nav-link" href="{{path('app_orthodontie')}}">Orthodontie</a></li>
  58.                             <li class="nav-item"><a class="nav-link" href="{{path('app_laser')}}">Laser</a></li>
  59.                             <li class="nav-item"><a class="nav-link" href="{{path('app_numerique')}}">Dentisterie numérique</a></li>
  60.                             <li class="nav-item"><a class="nav-link" href="{{path('app_pathologies')}}">Pathologies des muqueuses buccales</a></li>
  61.                         </ul>
  62.                     <div class="row d-flex flex-column flex-sm-row flex-md-column mt-3">
  63.                         <div class="col-auto col-sm col-md-auto">
  64.                             <div class="contact-box contact-box-1">
  65.                                 <h5 class="contact-box-title">Working Time</h5>
  66.                                 <ul class="icn-list">
  67.                                     <li>
  68.                                         <i class="icon-clock"></i>Mon-Thu 08:00 - 20:00
  69.                                         <br>Friday 07:00 - 22:00
  70.                                         <br>Saturday 08:00 - 18:00</li>
  71.                                 </ul>
  72.                             </div>
  73.                         </div>
  74.                         {# <div class="col-auto col-sm col-md-auto">
  75.                                                         <div class="contact-box contact-box-2">
  76.                                                             <h5 class="contact-box-title">Contact Info</h5>
  77.                                                             <ul class="icn-list">
  78.                                                                 <li><i class="icon-telephone"></i>
  79.                                                                     <div class="d-flex flex-wrap">
  80.                                                                         <span>Phone:&nbsp;&nbsp;</span>
  81.                                                                         <span>1-800-267-0000<br>
  82.                                                                         1-800-267-0001</span></div>
  83.                                                                 </li>
  84.                                                                 <li><i class="icon-black-envelope"></i><a href="mailto:info@dentco.net">info@dentco.net</a></li>
  85.                                                             </ul>
  86.                                                         </div>
  87.                                                     </div> #}
  88.                     </div>
  89.                     {# <div class="question-box mt-3">
  90.                                                 <h5 class="question-box-title">Ask the Experts</h5>
  91.                                                 <form id="questionForm" method="post" novalidate="novalidate">
  92.                                                     <div class="successform">
  93.                                                         <p>Your message was sent successfully!</p>
  94.                                                     </div>
  95.                                                     <div class="errorform">
  96.                                                         <p>Something went wrong, try refreshing and submitting the form again.</p>
  97.                                                     </div>
  98.                                                     <input type="text" class="form-control" name="name" placeholder="Your name*">
  99.                                                     <input type="text" class="form-control" name="email" placeholder="E-mail*">
  100.                                                     <input type="text" class="form-control" name="phone" placeholder="Phone">
  101.                                                     <textarea class="form-control" name="message" placeholder="Question*"></textarea>
  102.                                                     <button type="submit" class="btn btn-sm btn-hover-fill mt-15"><i class="icon-right-arrow"></i><span>Ask Now</span><i class="icon-right-arrow"></i></button>
  103.                                                 </form>
  104.                                             </div> #}
  105.                 </div>
  106.                 <div class="col-md-8 col-lg-9 mt-4 mt-md-0">
  107.                     <div class="title-wrap">
  108.                         <h3>Dentisterie esthétique</h3>
  109.                     </div>
  110.                     <div class="service-img">
  111.                         <center><img src="https://ksdental.ma/img/dentisterie-esthetique-image.png" class="img-fluid  img-service" alt=""></center>
  112.                     </div>
  113.                     <div class="pt-2 pt-md-4">
  114.                         <p>
  115.                         Un beau sourire peut souvent donner de la confiance en soi et de l’assurance au quotidien, d’où le désir de certaines personnes de changer leur sourire. L’esthétique dentaire est donc un art combiné à la science mettant à disposition du praticien plusieurs outils et techniques pour améliorer l’apparence du sourire des patients allant du simple blanchiment dentaire, jusqu’aux facettes.
  116.                         </p>
  117.                     </div>
  118.                     <br>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.     </div>
  125.     <br><br>
  128. {% endblock %}