templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Hello HomeController!
  3. {% endblock %}
  4. {% block body %}
  5.     <div
  6.         class="page-content">
  7.         <!--section slider-->
  8.         <div class="section mt-0">
  9.             <div class="quickLinks-wrap js-quickLinks-wrap-d d-none d-lg-flex">
  10.                 <div class="quickLinks js-quickLinks">
  11.                     <div class="container">
  12.                         <div class="row no-gutters">
  13.                             <div class="col">
  14.                                 <a href="#" class="link">
  15.                                     <i class="icon-placeholder"></i>
  16.                                     <span>Location</span>
  17.                                 </a>
  18.                                 <div class="link-drop p-0">
  19.                                     <div id="googleMapDrop" class="google-map">
  20.                                         <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13293.13051123823!2d-7.6556413!3d33.5979706!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xda7d295027d38ad%3A0x76d4287538a9701c!2sKs%20dental!5e0!3m2!1sfr!2sma!4v1694097121871!5m2!1sfr!2sma" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  21.                                     </div>
  22.                                 </div>
  23.                             </div>
  24.                             <div class="col">
  25.                                 <a href="#" class="link">
  26.                                     <i class="icon-clock"></i>
  27.                                     <span>Working Time</span>
  28.                                 </a>
  29.                                 <div class="link-drop">
  30.                                     <h5 class="link-drop-title">
  31.                                         <i class="icon-clock"></i>Horaires :</h5>
  32.                                     {# <table class="row-table">
  33.                                                                             <tr>
  34.                                                                                 <td>
  35.                                                                                     <i>Mon-Thu</i>
  36.                                                                                 </td>
  37.                                                                                 <td>08:00 - 20:00</td>
  38.                                                                             </tr>
  39.                                                                             <tr>
  40.                                                                                 <td>
  41.                                                                                     <i>Friday</i>
  42.                                                                                 </td>
  43.                                                                                 <td>
  44.                                                                                     07:00 - 22:00</td>
  45.                                                                             </tr>
  46.                                                                             <tr>
  47.                                                                                 <td>
  48.                                                                                     <i>Saturday</i>
  49.                                                                                 </td>
  50.                                                                                 <td>08:00 - 18:00</td>
  51.                                                                             </tr>
  52.                                                                             <tr>
  53.                                                                                 <td>
  54.                                                                                     <i>Sunday</i>
  55.                                                                                 </td>
  56.                                                                                 <td>Closed</td>
  57.                                                                             </tr>
  58.                                                                         </table> #}
  59.                                     <p>
  60.                                         lundi    : 09:00–18:30<br>
  61.                                         mardi    : 09:00–18:30<br>
  62.                                         mercredi    : 09:00–18:30<br>
  63.                                         jeudi    : 10:00–18:30<br>
  64.                                         vendredi    : 09:00–18:30<br>
  65.                                         samedi    : 09:30–12:30<br>
  66.                                         dimanche    : Fermé
  67.                                     </p>
  68.                                 </div>
  69.                             </div>
  70.                             <div class="col">
  71.                                 <a href="#" class="link">
  72.                                     <i class="icon-pencil-writing"></i>
  73.                                     <span>Request Form</span>
  74.                                 </a>
  75.                                 <div class="link-drop">
  76.                                     <h5 class="link-drop-title">
  77.                                         <i class="icon-pencil-writing"></i>Request Form</h5>
  78.                                     <form id="requestForm" method="post" novalidate>
  79.                                         <div class="successform">
  80.                                             <p>Your message was sent successfully!</p>
  81.                                         </div>
  82.                                         <div class="errorform">
  83.                                             <p>Something went wrong, try refreshing and submitting the form again.</p>
  84.                                         </div>
  85.                                         <div class="input-group">
  86.                                             <span>
  87.                                                 <i class="icon-user"></i>
  88.                                             </span>
  89.                                             <input name="requestname" type="text" class="form-control" placeholder="Your Name"/>
  90.                                         </div>
  91.                                         <div class="row row-sm-space mt-1">
  92.                                             <div class="col">
  93.                                                 <div class="input-group">
  94.                                                     <span>
  95.                                                         <i class="icon-email2"></i>
  96.                                                     </span>
  97.                                                     <input name="requestemail" type="text" class="form-control" placeholder="Your Email"/>
  98.                                                 </div>
  99.                                             </div>
  100.                                             <div class="col">
  101.                                                 <div class="input-group">
  102.                                                     <span>
  103.                                                         <i class="icon-smartphone"></i>
  104.                                                     </span>
  105.                                                     <input name="requestphone" type="text" class="form-control" placeholder="Your Phone"/>
  106.                                                 </div>
  107.                                             </div>
  108.                                         </div>
  109.                                         <div class="selectWrapper input-group mt-1">
  110.                                             <span>
  111.                                                 <i class="icon-tooth"></i>
  112.                                             </span>
  113.                                             <select name="requestservice" class="form-control">
  114.                                                 <option selected="selected" disabled="disabled">Select Service</option>
  115.                                                 <option value="Cosmetic Dentistry">Cosmetic Dentistry</option>
  116.                                                 <option value="General Dentistry">General Dentistry</option>
  117.                                                 <option value="Orthodontics">Orthodontics</option>
  118.                                                 <option value="Children`s Dentistry">Children`s Dentistry</option>
  119.                                                 <option value="Dental Implants">Dental Implants</option>
  120.                                                 <option value="Dental Emergency">Dental Emergency</option>
  121.                                             </select>
  122.                                         </div>
  123.                                         <div class="row row-sm-space mt-1">
  124.                                             <div class="col-sm-6">
  125.                                                 <div class="input-group flex-nowrap">
  126.                                                     <span>
  127.                                                         <i class="icon-calendar2"></i>
  128.                                                     </span>
  129.                                                     <div class="datepicker-wrap">
  130.                                                         <input name="requestdate" type="text" class="form-control datetimepicker" placeholder="Date" readonly>
  131.                                                     </div>
  132.                                                 </div>
  133.                                             </div>
  134.                                             <div class="col-sm-6 mt-1 mt-sm-0">
  135.                                                 <div class="input-group flex-nowrap">
  136.                                                     <span>
  137.                                                         <i class="icon-clock"></i>
  138.                                                     </span>
  139.                                                     <div class="datepicker-wrap">
  140.                                                         <input name="requesttime" type="text" class="form-control timepicker" placeholder="Time" readonly>
  141.                                                     </div>
  142.                                                 </div>
  143.                                             </div>
  144.                                         </div>
  145.                                         <div class="text-right mt-2">
  146.                                             <button type="submit" class="btn btn-sm btn-hover-fill">Request</button>
  147.                                         </div>
  148.                                     </form>
  149.                                 </div>
  150.                             </div>
  151.                             {# <div class="col">
  152.                                                             <a href="#" class="link">
  153.                                                                 <i class="icon-calendar"></i>
  154.                                                                 <span>Doctors Timetable</span>
  155.                                                             </a>
  156.                                                             <div class="link-drop">
  157.                                                                 <h5 class="link-drop-title">
  158.                                                                     <i class="icon-calendar"></i>Doctors Timetable</h5>
  159.                                                                 <p>This simply works as a guide and helps you to connect with dentists of your choice. Please confirm the doctor’s availability before leaving your premises.</p>
  160.                                                                 <p class="text-right">
  161.                                                                     <a href="schedule.html" class="btn btn-sm btn-hover-fill">Details</a>
  162.                                                                 </p>
  163.                                                             </div>
  164.                                                         </div>
  165.                                                         <div class="col">
  166.                                                             <a href="#" class="link">
  167.                                                                 <i class="icon-price-tag"></i>
  168.                                                                 <span>Calculator</span>
  169.                                                             </a>
  170.                                                             <div class="link-drop">
  171.                                                                 <h5 class="link-drop-title">
  172.                                                                     <i class="icon-price-tag"></i>Quick Pricing</h5>
  173.                                                                 <table class="row-table">
  174.                                                                     <tr>
  175.                                                                         <td>Initial Consultation</td>
  176.                                                                         <td>$10</td>
  177.                                                                     </tr>
  178.                                                                     <tr>
  179.                                                                         <td>Dental check-up</td>
  180.                                                                         <td>$15</td>
  181.                                                                     </tr>
  182.                                                                     <tr>
  183.                                                                         <td>Routine Exam (no xrays)</td>
  184.                                                                         <td>$50</td>
  185.                                                                     </tr>
  186.                                                                     <tr>
  187.                                                                         <td>Simple Removal of a tooth</td>
  188.                                                                         <td>$122</td>
  189.                                                                     </tr>
  190.                                                                     <tr>
  191.                                                                         <td>Teeth cleaning</td>
  192.                                                                         <td>$50 - $75</td>
  193.                                                                     </tr>
  194.                                                                     <tr>
  195.                                                                         <td>X-ray image</td>
  196.                                                                         <td>$10</td>
  197.                                                                     </tr>
  198.                                                                 </table>
  199.                                                                 <p class="text-right mt-15">
  200.                                                                     <a href="prices.html" class="btn btn-sm btn-hover-fill">Calculator</a>
  201.                                                                     <a href="prices.html" class="btn btn-sm btn-hover-fill">Details</a>
  202.                                                                 </p>
  203.                                                             </div>
  204.                                                         </div> #}
  205.                             <div class="col">
  206.                                 <a href="#" class="link">
  207.                                     <i class="icon-emergency-call"></i>
  208.                                     <span>Emergency Case</span>
  209.                                 </a>
  210.                                 <div class="link-drop">
  211.                                     <h5 class="link-drop-title">
  212.                                         <i class="icon-emergency-call"></i>Emergency Case</h5>
  213.                                      
  214.                                         <ul class="icn-list">
  215.                          
  216.                         <li><i class="icon-telephone"></i><b><span class="phone"><span class="text-nowrap">0701902926</span></span></b>
  217.                         </li>
  218.                         <br>
  219.                         <li><i class="icon-black-envelope"></i><a href="mailto:contact@ksdental.ma">contact@ksdental.ma</a></li>
  220.                     </ul>
  221.                                     <p class="text-right mt-2">
  222.                                         <a href="contact.html" class="btn btn-sm btn-hover-fill">Our Contacts</a>
  223.                                     </p>
  224.                                 </div>
  225.                             </div>
  226.                             <div class="col col-close">
  227.                                 <a href="#" class="js-quickLinks-close">
  228.                                     <i class="icon-top" data-toggle="tooltip" data-placement="top" title="Close panel"></i>
  229.                                 </a>
  230.                             </div>
  231.                         </div>
  232.                     </div>
  233.                     <div class="quickLinks-open js-quickLinks-open">
  234.                         <span data-toggle="tooltip" data-placement="left" title="Open panel">+</span>
  235.                     </div>
  236.                 </div>
  237.             </div>
  238.             <div id="mainSliderWrapper">
  239.                 <div class="loading-content">
  240.                     <div class="inner-circles-loader"></div>
  241.                 </div>
  242.                 <div class="main-slider arrows-white arrows-bottom" id="mainSlider" data-slick='{"arrows": false, "dots": false}'>
  243.                     <div class="slide">
  244.                         <div class="img--holder" data-animation="kenburns" data-bg="{{ asset("front/images/slide.jpg")}}"></div>
  245.                         <div class="slide-content center">
  246.                             <div class="vert-wrap container">
  247.                                 <div class="vert">
  248.                                     <div class="container">
  249.                                         <div class="slide-txt1" data-animation="fadeInDown" data-animation-delay="1s">
  250.                                             {# <b style="color:#ccc2ff !important">K.S DENTAL</b>
  251.                                             <br>Notre fierté: votre plus beau sourire. #}
  252.                                             </div>
  253.                                         {# <div class="slide-txt2" data-animation="fadeInUp" data-animation-delay="1.5s">Helping Thousands of People to Get Perfect Smile</div> #}
  254.                                         <div class="slide-btn">
  255.                                             <a href="{{path('contact')}}" class="btn btn-white" data-animation="fadeInUp" data-animation-delay="2s">
  256.                                                 <i class="icon-right-arrow"></i>
  257.                                                 <span>Rendez-vous</span>
  258.                                                 <i class="icon-right-arrow"></i>
  259.                                             </a>
  260.                                         </div>
  261.                                     </div>
  262.                                 </div>
  263.                             </div>
  264.                         </div>
  265.                     </div>
  266.                 </div>
  267.             </div>
  268.         </div>
  269.         <!--//section slider-->
  270.         <!--section welcome-->
  271.         <div class="section">
  272.             <div class="container pt-lg-2">
  273.                 <div class="title-wrap text-center text-md-left d-lg-none mb-lg-2">
  274.                     <div class="h-sub">25 Years of Dental Excellence</div>
  275.                     <h2 class="h1">Welcome
  276.                         <br class="d-sm-none">to
  277.                         <span class="theme-color">Dental Clinic</span>
  278.                     </h2>
  279.                 </div>
  280.                 <div class="row mt-2 mt-md-3 mt-lg-0">
  281.                     <div class="col-md-6">
  282.                         <div class="title-wrap hidden d-none d-lg-block text-center text-md-left">
  283.                             <div class="h-sub">QUI SOMMES-NOUS</div>
  284.                             <h2 class="h1">
  285.                                 <span class="theme-color">K.S DENTAL</span>
  286.                             </h2>
  287.                         </div>
  288.                         <div>
  289.                             <p>Désireux de vous offrir une expérience unique, K.S DENTAL met tout en œuvre pour vous accueillir dans la meilleure des atmosphères. Avec plus de vingt ans d’expérience, notre équipe aussi dynamique que professionnelle est à votre disposition pour vous assurer une prise en charge de qualité répondant aux besoins des tous petits au plus grands.</p>
  290.                         </div>
  291.                         <div class="mt-2 mt-md-4"></div>
  292.                         {# <a href="#" class="btn-link" data-toggle="modal" data-target="#modalBookingForm">Booking a visit<i class="icon-right-arrow"></i></a> #}
  293.                     </div>
  294.                     <div
  295.                         class="col-md-6 mt-3 mt-md-0">
  296.                         {# <div class="video-wrap embed-responsive embed-responsive-16by9">
  297.                                                                                                                             <iframe src="https://www.youtube.com/embed/YZEvkRbQgHY?autoplay=0&amp;rel=0&amp;controls=0&amp;showinfo=0&amp;start=70" allowfullscreen></iframe>
  298.                                                                                                                         </div> #}
  299.                         <img src="{{ asset("front/images/somme.png")}}" alt="" class="img-fluid"></a>
  300.                 </div>
  301.             </div>
  302.         </div>
  303.     </div>
  304.     <!--//section welcome-->
  305.     {% include 'dentistes.html.twig' %}
  306.     <!--section achieved-->
  307.     <br><br>
  308.     <div class="section">
  309.         <div class="container">
  310.             <div class="title-wrap text-center">
  311.                 <div class="h-sub theme-color">K.S DENTAL</div>
  312.                 <h2 class="h1">Qu'avons-nous réalisé</h2>
  313.                 <div class="h-decor"></div>
  314.             </div>
  315.             <div class="row d-block js-counter-carousel slick-initialized slick-slider">
  316.                 <div aria-live="polite" class="slick-list draggable" tabindex="0">
  317.                     <div class="slick-track" style="opacity: 1; width: 1200px; transform: translate3d(0px, 0px, 0px);">
  318.                         <div class="col slick-slide slick-active" data-slick-index="0" aria-hidden="false" style="width: 300px;">
  319.                             <div class="counter-box counted">
  320.                                 <div class="counter-box-icon">
  321.                                     <i class="icon-hand"></i>
  322.                                 </div>
  323.                                 <div class="counter-box-number">
  324.                                     <span class="count" data-to="25" data-speed="1500">25</span>ans</div>
  325.                                 <div class="decor"></div>
  326.                                 <div class="counter-box-text">D’expériences</div>
  327.                             </div>
  328.                         </div>
  329.                         <div class="col slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 300px;">
  330.                             <div class="counter-box counted">
  331.                                 <div class="counter-box-icon">
  332.                                     <i class="icon-tooth-1"></i>
  333.                                 </div>
  334.                                 <div class="counter-box-number">
  335.                                     <span class="count" data-to="10" data-speed="1500">10</span>K</div>
  336.                                 <div class="decor"></div>
  337.                                 <div class="counter-box-text">Sourires améliorés</div>
  338.                             </div>
  339.                         </div>
  340.                         <div class="col slick-slide slick-active" data-slick-index="2" aria-hidden="false" style="width: 300px;">
  341.                             <div class="counter-box counted">
  342.                                 <div class="counter-box-icon">
  343.                                     <i class="icon-team"></i>
  344.                                 </div>
  345.                                 <div class="counter-box-number">
  346.                                     <span class="count" data-to="4" data-speed="1500">4</span>
  347.                                 </div>
  348.                                 <div class="decor"></div>
  349.                                 <div class="counter-box-text">Dentistes</div>
  350.                             </div>
  351.                         </div>
  352.                         <div class="col slick-slide slick-active" data-slick-index="3" aria-hidden="false" style="width: 300px;">
  353.                             <div class="counter-box counted">
  354.                                 <div class="counter-box-icon">
  355.                                     <i class="icon-placeholder3"></i>
  356.                                 </div>
  357.                                 <div class="counter-box-number">
  358.                                     <span class="count" data-to="1" data-speed="1500">1</span>
  359.                                 </div>
  360.                                 <div class="decor"></div>
  361.                                 <div class="counter-box-text">Localisation</div>
  362.                             </div>
  363.                         </div>
  364.                     </div>
  365.                 </div>
  366.             </div>
  367.         </div>
  368.     </div>
  369.     <!--//section welcome-->
  370.     <!--section welcome-->
  371.     <div class="section" style="margin-top: 90px !important;">
  372.         <div class="container pt-lg-2">
  373.             <div class="title-wrap text-center text-md-left d-lg-none mb-lg-2">
  374.                 <div class="h-sub">25 Years of Dental Excellence</div>
  375.                 <h2 class="h1">Welcome
  376.                     <br class="d-sm-none">to
  377.                     <span class="theme-color">Dental Clinic</span>
  378.                 </h2>
  379.             </div>
  380.             <div class="row mt-2 mt-md-3 mt-lg-0">
  381.                 <div
  382.                     class="col-md-6 mt-3 mt-md-0">
  383.                     {# <div class="video-wrap embed-responsive embed-responsive-16by9">
  384.                                                                                                             <iframe src="https://www.youtube.com/embed/YZEvkRbQgHY?autoplay=0&amp;rel=0&amp;controls=0&amp;showinfo=0&amp;start=70" allowfullscreen></iframe>
  385.                                                                                                         </div> #}
  386.                     <img src="{{ asset("front/images/mission.jpg")}}" alt="" class="img-fluid"></a>
  387.             </div>
  388.             <div class="col-md-6">
  389.                 <div class="title-wrap hidden d-none d-lg-block text-center text-md-left">
  390.                     <div class="h-sub"></div>
  391.                     <h2 class="h1">
  392.                         <span class="theme-color">NOTRE MISSION</span>
  393.                     </h2>
  394.                 </div>
  395.                 <div>
  396.                     <p>Nous reconnaissons que chaque patient a des besoins différents. Nous sommes fiers d’offrir un service courtois à chaque personne qui franchit notre porte d’entrée.
  397.                     </p>
  398.                     <p>
  399.                         Que vous soyez adulte, adolescent ou enfant, nos spécialistes et nos employés ont tous les outils à leur disposition pour vous aider à perfectionner votre sourire, afin qu’il soit en santé et que vos dents brillent à merveille.
  400.                     </p>
  401.                     <p>
  402.                         lun - ven : 9:00 AM - 7:00 PM
  403.                         <br>
  404.                         samedi : 9:00 AM - 13:00 PM
  405.                     </p>
  406.                 </div>
  407.                 <div class="mt-2 mt-md-4"></div>
  408.                 <a href="#" class="btn-link" data-toggle="modal" data-target="#modalBookingForm">RENDEZ-VOUS<i class="icon-right-arrow"></i>
  409.                 </a>
  410.             </div>
  411.         </div>
  412.     </div>
  413. </div>
  414. <!--//section welcome-->
  415. <br><br>
  416. <!--section testimonials-->
  417. <div class="section bg-grey py-0" style="margin-bottom: 50px;">
  418.     <div class="container-fluid px-0">
  419.         <div class="row no-gutters">
  420.             <div class="col-sm-8 col-lg-6 mt-2 mt-lg-0 order-1 order-sm-0">
  421.                 <div class="reviews-wrap ml-auto d-flex flex-column justify-content-center">
  422.                     <div class="title-wrap text-center text-md-right">
  423.                         <div class="h-sub">TOUS LES AVIS</div>
  424.                         <h2 class="h1">
  425.                             <span class="theme-color">Avis patients !</span>
  426.                         </h2>
  427.                     </div>
  428.                     <div class="js-reviews-carousel reviews-carousel text-center text-md-right">
  429.                         <div class="review">
  430.                             <p class="review-text">Excellente dentiste. Très professionnelle. Qualité impeccable. Très à l'écoute. Propreté irréprochable. Accueil parfait. Soins parfaits. Rien à ajouter. Je recommande les yeux fermés.</p>
  431.                             <p>
  432.                                 <span class="review-author">Ismail Boukili</span>
  433.                                 <span class="review-author-position"></span>
  434.                             </p>
  435.                         </div>
  436.                         <div class="review">
  437.                             <p class="review-text">
  438.                                 Résultats très satisfaisants sur mon cas qui me rendait complexe alors qu avec les résultats que j ai obtenu sur ma dentition une transformation totale avec un nouveau sourire et des dents bien alignées grâce au travail et à la performance du Dr Jenza Belkhayat ainsi qu a son équipe très accueuillante et agréable et efficace</p>
  439.                             <p>
  440.                                 <span class="review-author">Yasmina Laraki</span>
  441.                                 <span class="review-author-position"></span>
  442.                             </p>
  443.                         </div>
  444.                         <div class="review">
  445.                             <p class="review-text">Je suis suivi chez Dr Belkhayat Kenza. J'ai eu un Traitement par invisalign, j'en suis très satisfait.
  446.                                                                                                                                                                 Le Dr Belkhayat se donne les moyens de faire du bon travail, de plus, dans un cadre très agréable. Elle a su s'entourer d'une équipe dynamique, agréable, et professionnelle.
  447.                                                                                                                                                                 Je la recommande vivement.</p>
  448.                             <p>
  449.                                 <span class="review-author">Omar bennis</span>
  450.                                 <span class="review-author-position"></span>
  451.                             </p>
  452.                         </div>
  453.                     </div>
  454.                 </div>
  455.             </div>
  456.             <div
  457.                 class="col-sm-4 col-lg-6 order-0 order-sm-1 reviews-photo">
  458.                 {# <img src="{{ asset("front/images/content/testimonials-right.jpg")}}" alt=""> #}
  459.                 <img style=" width: 100%; " src="{{ asset("front/images/testimonials.png")}}" alt="">
  460.             </div>
  461.         </div>
  462.     </div>
  463. </div>
  464. <!--//section testimonials--></div>{% endblock %}