templates/services/implantologie.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Hello HomeController!{% endblock %}
  3. {% block body %}
  4. <style>
  5. a.nav-link.active {
  6.     z-index: 2;
  7.     color: #fff !important;
  8.     background-color: #007bff !important;
  9.     border-color: #007bff !important;
  10. }
  11. p {
  12.     font-size: 20px;
  13.     line-height: 36px;
  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">Implantologie :</div>
  23.                          <a href="#" class="btn btn-white mt-5" data-toggle="modal" data-target="#modalBookingForm"><i class="icon-right-arrow"></i><span>Rendez-vous</span><i class="icon-right-arrow"></i></a>
  24.                     </div>
  25.                 </div>
  26.             </div>
  27. </div>
  28. {# banner #}
  29. <div class="section page-content-first">
  30.             <div class="container mt-6">
  31.                 <div class="row">
  32.                     <div class="col-md">
  33.                         <ul class="services-nav flex-column flex-nowrap nav">
  34.                             <li class="nav-item">
  35.                                 <a class="nav-link" href="{{path('app_urgencedentaire')}}">  urgencedentaire</a>
  36.                                 <div class="collapse show" id="submenu1">
  37.                                     {# <ul class="flex-column nav">
  38.                                         <li class="nav-item"><a class="nav-link" href="">Orthodontics</a></li>
  39.                                         <li class="nav-item"><a class="nav-link active" href="">White Fillings</a></li>
  40.                                         <li class="nav-item"><a class="nav-link" href="">Porcelain Veneers</a></li>
  41.                                         <li class="nav-item"><a class="nav-link" href="">Teeth Whitening</a></li>
  42.                                         <li class="nav-item"><a class="nav-link" href="">Inlays &amp; Onlays</a></li>
  43.                                     </ul> #}
  44.                                 </div>
  45.                             </li>
  46.                             <li class="nav-item"><a class="nav-link" href="{{path('app_parodontologie')}}">Parodontologie</a></li>
  47.                             <li class="nav-item active"><a class="nav-link active" href="{{path('app_implantologie')}}">Implantologie</a></li>
  48.                             <li class="nav-item"><a class="nav-link" href="{{path('app_prothesedentaire')}}">Prothèse dentaire</a></li>
  49.                             <li class="nav-item"><a class="nav-link" href="{{path('app_endodontie')}}">Endodontie ou traitement des canaux</a></li>
  50.                             <li class="nav-item"><a class="nav-link" href="{{path('app_dentisterieesthetique')}}">Dentisterie esthétique</a></li>
  51.                             <li class="nav-item"><a class="nav-link" href="{{path('app_pedodontie')}}">Pédodontie</a></li>
  52.                             <li class="nav-item"><a class="nav-link" href="{{path('app_chirurgiedentaire')}}">Chirurgie dentaire</a></li>
  53.                             <li class="nav-item"><a class="nav-link" href="{{path('app_orthodontie')}}">Orthodontie</a></li>
  54.                             <li class="nav-item"><a class="nav-link" href="{{path('app_laser')}}">Laser</a></li>
  55.                             <li class="nav-item"><a class="nav-link" href="{{path('app_numerique')}}">Dentisterie numérique</a></li>
  56.                             <li class="nav-item"><a class="nav-link" href="{{path('app_pathologies')}}">Pathologies des muqueuses buccales</a></li>
  57.                         </ul>
  58.                         <div class="row d-flex flex-column flex-sm-row flex-md-column mt-3">
  59.                             <div class="col-auto col-sm col-md-auto">
  60.                                 <div class="contact-box contact-box-1">
  61.                                     <h5 class="contact-box-title">Working Time</h5>
  62.                                     <ul class="icn-list">
  63.                                         <li><i class="icon-clock"></i>Mon-Thu 08:00 - 20:00
  64.                                             <br>Friday 07:00 - 22:00
  65.                                             <br>Saturday 08:00 - 18:00</li>
  66.                                     </ul>
  67.                                 </div>
  68.                             </div>
  69.                             {# <div class="col-auto col-sm col-md-auto">
  70.                                 <div class="contact-box contact-box-2">
  71.                                     <h5 class="contact-box-title">Contact Info</h5>
  72.                                     <ul class="icn-list">
  73.                                         <li><i class="icon-telephone"></i>
  74.                                             <div class="d-flex flex-wrap">
  75.                                                 <span>Phone:&nbsp;&nbsp;</span>
  76.                                                 <span>1-800-267-0000<br>
  77.                                                 1-800-267-0001</span></div>
  78.                                         </li>
  79.                                         <li><i class="icon-black-envelope"></i><a href="mailto:info@dentco.net">info@dentco.net</a></li>
  80.                                     </ul>
  81.                                 </div>
  82.                             </div> #}
  83.                         </div>
  84.                         {# <div class="question-box mt-3">
  85.                             <h5 class="question-box-title">Ask the Experts</h5>
  86.                             <form id="questionForm" method="post" novalidate="novalidate">
  87.                                 <div class="successform">
  88.                                     <p>Your message was sent successfully!</p>
  89.                                 </div>
  90.                                 <div class="errorform">
  91.                                     <p>Something went wrong, try refreshing and submitting the form again.</p>
  92.                                 </div>
  93.                                 <input type="text" class="form-control" name="name" placeholder="Your name*">
  94.                                 <input type="text" class="form-control" name="email" placeholder="E-mail*">
  95.                                 <input type="text" class="form-control" name="phone" placeholder="Phone">
  96.                                 <textarea class="form-control" name="message" placeholder="Question*"></textarea>
  97.                                 <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>
  98.                             </form>
  99.                         </div> #}
  100.                     </div>
  101.                     <div class="col-md-8 col-lg-9 mt-4 mt-md-0">
  102.                         <div class="title-wrap">
  103.                             <h3>Implantologie</h3></div>
  104.                         <div class="service-img">
  105.                             <center><img src="https://ksdental.ma/img/Implantologie.png" class="img-fluid  img-service" alt=""></center>
  106.                         </div>
  107.                         <div class="pt-2 pt-md-4">
  108.                             <p>L’implant dentaire est une racine artificielle sous forme de vis en titane insérée dans l’os suite à une perte de dent. C’est donc l’une des thérapeutiques les plus conservatrices et fiables avec un taux de réussite de plus de 95 %. Cependant le protocole se déroule en deux étapes ; dans un premier temps une phase chirurgicale qui consiste à placer l’implant en bouche. Une greffe osseuse peut être nécessaire avant ou pendant l’intervention. Puis dans un second temps, 3-4 mois après la mise en place de l’implant, et que l’ostéo intégration de celui-ci sera terminée, une couronne ou une prothèse sera fixée sur l’implant.</p>
  109.                         </div>
  110.                         <br>
  111.                          
  112.                         
  113.                     </div>
  114.                 </div>
  115.             </div>
  116.         </div>
  117. <br><br>
  118. {% endblock %}