templates/services/urgencedentaire.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello HomeController!{% endblock %}
  5. {% block body %}
  6. <style>
  7. a.nav-link.active {
  8.     z-index: 2;
  9.     color: #fff !important;
  10.     background-color: #007bff !important;
  11.     border-color: #007bff !important;
  12. }
  14. </style>
  15. {# banner #}
  16. <div class="section">
  17.             <div class="container-fluid px-0">
  18.                 <div class="banner-center bg-cover" style="background-image: url(https://ksdental.ma/img/QQ.jpg)">
  19.                     <div class="banner-center-caption text-center">
  20.                         <div class="banner-center-text1">K.S DENTAL</div><br>
  21.                         <div class="banner-center-text2">urgencedentaire :</div>
  22.                          <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>
  23.                     </div>
  24.                 </div>
  25.             </div>
  26. </div>
  27. {# banner #}
  28. <div class="section page-content-first">
  29.             <div class="container mt-6">
  30.                 <div class="row">
  31.                     <div class="col-md">
  32.                         <ul class="services-nav flex-column flex-nowrap nav">
  33.                             <li class="nav-item active">
  34.                                 <a class="nav-link active" href="{{path('app_urgencedentaire')}}">  urgencedentaire</a>
  35.                                 <div class="collapse show" id="submenu1">
  36.                                     {# <ul class="flex-column nav">
  37.                                         <li class="nav-item"><a class="nav-link" href="">Orthodontics</a></li>
  38.                                         <li class="nav-item"><a class="nav-link active" href="">White Fillings</a></li>
  39.                                         <li class="nav-item"><a class="nav-link" href="">Porcelain Veneers</a></li>
  40.                                         <li class="nav-item"><a class="nav-link" href="">Teeth Whitening</a></li>
  41.                                         <li class="nav-item"><a class="nav-link" href="">Inlays &amp; Onlays</a></li>
  42.                                     </ul> #}
  43.                                 </div>
  44.                             </li>
  45.                             <li class="nav-item"><a class="nav-link" href="{{path('app_parodontologie')}}">Parodontologie</a></li>
  46.                             <li class="nav-item"><a class="nav-link" href="{{path('app_implantologie')}}">Implantologie</a></li>
  47.                             <li class="nav-item"><a class="nav-link" href="{{path('app_prothesedentaire')}}">Prothèse dentaire</a></li>
  48.                             <li class="nav-item"><a class="nav-link" href="{{path('app_endodontie')}}">Endodontie ou traitement des canaux</a></li>
  49.                             <li class="nav-item"><a class="nav-link" href="{{path('app_dentisterieesthetique')}}">Dentisterie esthétique</a></li>
  50.                             <li class="nav-item"><a class="nav-link" href="{{path('app_pedodontie')}}">Pédodontie</a></li>
  51.                             <li class="nav-item"><a class="nav-link" href="{{path('app_chirurgiedentaire')}}">Chirurgie dentaire</a></li>
  52.                             <li class="nav-item"><a class="nav-link" href="{{path('app_orthodontie')}}">Orthodontie</a></li>
  53.                             <li class="nav-item"><a class="nav-link" href="{{path('app_laser')}}">Laser</a></li>
  54.                             <li class="nav-item"><a class="nav-link" href="{{path('app_numerique')}}">Dentisterie numérique</a></li>
  55.                             <li class="nav-item"><a class="nav-link" href="{{path('app_pathologies')}}">Pathologies des muqueuses buccales</a></li>
  56.                         </ul>
  57.                         <div class="row d-flex flex-column flex-sm-row flex-md-column mt-3">
  58.                             <div class="col-auto col-sm col-md-auto">
  59.                                 <div class="contact-box contact-box-1">
  60.                                     <h5 class="contact-box-title">Working Time</h5>
  61.                                     <ul class="icn-list">
  62.                                         <li><i class="icon-clock"></i>Mon-Thu 08:00 - 20:00
  63.                                             <br>Friday 07:00 - 22:00
  64.                                             <br>Saturday 08:00 - 18:00</li>
  65.                                     </ul>
  66.                                 </div>
  67.                             </div>
  68.                             {# <div class="col-auto col-sm col-md-auto">
  69.                                 <div class="contact-box contact-box-2">
  70.                                     <h5 class="contact-box-title">Contact Info</h5>
  71.                                     <ul class="icn-list">
  72.                                         <li><i class="icon-telephone"></i>
  73.                                             <div class="d-flex flex-wrap">
  74.                                                 <span>Phone:&nbsp;&nbsp;</span>
  75.                                                 <span>1-800-267-0000<br>
  76.                                                 1-800-267-0001</span></div>
  77.                                         </li>
  78.                                         <li><i class="icon-black-envelope"></i><a href="mailto:info@dentco.net">info@dentco.net</a></li>
  79.                                     </ul>
  80.                                 </div>
  81.                             </div> #}
  82.                         </div>
  83.                         {# <div class="question-box mt-3">
  84.                             <h5 class="question-box-title">Ask the Experts</h5>
  85.                             <form id="questionForm" method="post" novalidate="novalidate">
  86.                                 <div class="successform">
  87.                                     <p>Your message was sent successfully!</p>
  88.                                 </div>
  89.                                 <div class="errorform">
  90.                                     <p>Something went wrong, try refreshing and submitting the form again.</p>
  91.                                 </div>
  92.                                 <input type="text" class="form-control" name="name" placeholder="Your name*">
  93.                                 <input type="text" class="form-control" name="email" placeholder="E-mail*">
  94.                                 <input type="text" class="form-control" name="phone" placeholder="Phone">
  95.                                 <textarea class="form-control" name="message" placeholder="Question*"></textarea>
  96.                                 <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>
  97.                             </form>
  98.                         </div> #}
  99.                     </div>
  100.                     <div class="col-md-8 col-lg-9 mt-4 mt-md-0">
  101.                         <div class="title-wrap">
  102.                             <h3>Urgence dentaire</h3></div>
  103.                         <div class="service-img">
  104.                             <center><img src="https://ksdental.ma/img/Urgence%20dentaire.png" class="img-fluid img-service" alt=""></center>
  105.                         </div>
  106.                         <div class="pt-2 pt-md-4">
  107.                             <p >En cas d’accident, douleur ou d’enflure, il est important de ne pas négliger vos symptômes. Un personnel qualifié est disponible pour répondre à vos questions tout en vous proposant un rendez-vous dans les plus brefs des délais afin de soulager votre inconfort.</p>
  108.                             
  109.                          
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.             </div>
  114.  </div>
  118. {% endblock %}