{% extends 'base.html.twig' %}
{% block title %}Hello HomeController!
{% endblock %}
{% block body %}
<style>
a.nav-link.active {
z-index: 2;
color: #fff !important;
background-color: #007bff !important;
border-color: #007bff !important;
}
</style>
{# banner #}
<div class="section">
<div class="container-fluid px-0">
<div class="banner-center bg-cover" style="background-image: url(https://ksdental.ma/img/QQ.jpg)">
<div class="banner-center-caption text-center">
<div class="banner-center-text1">K.S DENTAL</div><br>
<div class="banner-center-text2">Dentisterie Générale</div>
<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>
</div>
</div>
</div>
</div>
{# banner #}
<div class="section page-content-first">
<div class="container mt-6">
<div class="row">
<div class="col-md">
<ul class="services-nav flex-column flex-nowrap nav">
<li class="nav-item">
<a class="nav-link" href="{{path('app_urgencedentaire')}}"> urgencedentaire</a>
<div class="collapse show" id="submenu1">
{# <ul class="flex-column nav">
<li class="nav-item"><a class="nav-link" href="">Orthodontics</a></li>
<li class="nav-item"><a class="nav-link active" href="">White Fillings</a></li>
<li class="nav-item"><a class="nav-link" href="">Porcelain Veneers</a></li>
<li class="nav-item"><a class="nav-link" href="">Teeth Whitening</a></li>
<li class="nav-item"><a class="nav-link" href="">Inlays & Onlays</a></li>
</ul> #}
</div>
</li>
<li class="nav-item"><a class="nav-link" href="{{path('app_parodontologie')}}">Parodontologie</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_implantologie')}}">Implantologie</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_prothesedentaire')}}">Prothèse dentaire</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_endodontie')}}">Endodontie ou traitement des canaux</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_dentisterieesthetique')}}">Dentisterie esthétique</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_pedodontie')}}">Pédodontie</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_chirurgiedentaire')}}">Chirurgie dentaire</a></li>
<li class="nav-item active"><a class="nav-link active" href="{{path('app_orthodontie')}}">Orthodontie</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_laser')}}">Laser</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_numerique')}}">Dentisterie numérique</a></li>
<li class="nav-item"><a class="nav-link" href="{{path('app_pathologies')}}">Pathologies des muqueuses buccales</a></li>
</ul>
<div class="row d-flex flex-column flex-sm-row flex-md-column mt-3">
<div class="col-auto col-sm col-md-auto">
<div class="contact-box contact-box-1">
<h5 class="contact-box-title">Working Time</h5>
<ul class="icn-list">
<li>
<i class="icon-clock"></i>Mon-Thu 08:00 - 20:00
<br>Friday 07:00 - 22:00
<br>Saturday 08:00 - 18:00</li>
</ul>
</div>
</div>
{# <div class="col-auto col-sm col-md-auto">
<div class="contact-box contact-box-2">
<h5 class="contact-box-title">Contact Info</h5>
<ul class="icn-list">
<li><i class="icon-telephone"></i>
<div class="d-flex flex-wrap">
<span>Phone: </span>
<span>1-800-267-0000<br>
1-800-267-0001</span></div>
</li>
<li><i class="icon-black-envelope"></i><a href="mailto:info@dentco.net">info@dentco.net</a></li>
</ul>
</div>
</div> #}
</div>
{# <div class="question-box mt-3">
<h5 class="question-box-title">Ask the Experts</h5>
<form id="questionForm" method="post" novalidate="novalidate">
<div class="successform">
<p>Your message was sent successfully!</p>
</div>
<div class="errorform">
<p>Something went wrong, try refreshing and submitting the form again.</p>
</div>
<input type="text" class="form-control" name="name" placeholder="Your name*">
<input type="text" class="form-control" name="email" placeholder="E-mail*">
<input type="text" class="form-control" name="phone" placeholder="Phone">
<textarea class="form-control" name="message" placeholder="Question*"></textarea>
<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>
</form>
</div> #}
</div>
<div class="col-md-8 col-lg-9 mt-4 mt-md-0">
<div class="title-wrap">
<h3>Orthodontie</h3>
</div>
<div class="service-img">
<center><img src="https://ksdental.ma/img/P%C3%A9dodontie.png" class="img-fluid img-service" alt=""></center>
</div>
<div class="pt-2 pt-md-4">
<p>
Le traitement d'orthodontie a pour objet d'aligner vos dents pour en améliorer l'apparence et le fonctionnement. On peut amener les dents à la position voulue en exerçant sur elles une légère pression pendant plusieurs mois, voire plusieurs années, à l'aide d'appareils orthodontiques fixes ou amovibles.
</p>
</div>
<br>
<div class="title-wrap">
<h2>Traitement d’orthodontie de L’enfant :</h2>
</div>
<div class="">
<p>Prise en charge des patients en denture mixte précoce à visée purement orthopédique afin d’harmoniser la croissance des deux mâchoires simultanément, harmoniser le visage et de prévenir des malocclusions très sévères.
<br>
Prise en charge aux moyens d’appareillages orthopédiques traditionnels ou d’aligneurs type invisalign.</p>
</div>
<div class="title-wrap">
<h2>Traitement d’orthodontie de l’adolescent.</h2>
</div>
<div class="">
<p>Avec moyen d’appareillages multi bague (tous type) ou avec des moyens de gouttières en plastique type invisalign.</p>
</div>
<div class="title-wrap">
<h2>Traitement d’orthodontie de l’adulte :</h2>
</div>
<div class="">
<p>Pris en charge avec appareillages multi bagues ou au moyen d’aligneurs types gouttière invisalign pour tous types de malocclusions.</p>
</div>
<div class="title-wrap">
<h2>Contention :</h2>
</div>
<div class="">
<p>Service de surveillance clinique et radiologique post-orthodontique pendant une durée de 4 ans aux moyens d’appareillages nocturnes, ainsi que des gouttières transparentes et un fils de contention .
</p>
</div>
</div>
</div>
</div>
</div>
<br><br>
{% endblock %}