{% extends 'base.html.twig' %}
{% block title %}Hello HomeController!{% endblock %}
{% block body %}
{# services #}
<div class="section">
<div class="container-fluid px-0">
<div class="banner-center bg-cover" style="background-image: url({{ asset("front/images/ban.jpg")}})">
<div class="banner-center-caption text-center">
<div class="banner-center-text1">K.S DENTAL 3D VIDEOS</div><br>
<div class="banner-center-text2"> Une équipe professionnelle, chaleureuse et attentionnée.</div>
<br><div class="banner-center-text2">Un traitement réalisé sur mesure et une clinique à la fine pointe de la technologie.</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>
{# services #}
{# videos #}
<div class="section page-content-first">
<div class="container">
<div class="text-center mb-2 mb-md-3 mb-lg-4">
<div class="h-sub theme-color"> </div>
<h1>NOS SERVICES</h1>
<div class="h-decor"></div>
</div>
</div>
<div class="container pt-lg-2">
<div class="row mt-2 mt-md-3 mt-lg-0">
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_urgencedentaire')}}"><img src="{{ asset("front/images/urgencedentaire.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_urgencedentaire')}}">Urgence dentaire</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_urgencedentaire')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_parodontologie')}}"><img src="{{ asset("front/images/parodontologie.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_parodontologie')}}">Parodontologie</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_parodontologie')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_implantologie')}}"><img src="{{ asset("front/images/implantologie.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_implantologie')}}">Implantologie</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_implantologie')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-2 mt-md-3 mt-lg-0">
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_prothesedentaire')}}"><img src="{{ asset("front/images/prothese.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_prothesedentaire')}}">Prothèse dentaire</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_prothesedentaire')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_endodontie')}}"><img src="{{ asset("front/images/endodontie.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_endodontie')}}">Endodontie ou traitement des canaux</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_endodontie')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_dentisterieesthetique')}}"><img src="{{ asset("front/images/esthetique.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_dentisterieesthetique')}}">Dentisterie esthétique</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_dentisterieesthetique')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-2 mt-md-3 mt-lg-0">
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_pedodontie')}}"><img src="{{ asset("front/images/pedodontie.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_pedodontie')}}">Pédodontie</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_pedodontie')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_chirurgiedentaire')}}"><img src="{{ asset("front/images/chirurgie.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_chirurgiedentaire')}}">Chirurgie dentaire
</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_chirurgiedentaire')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_orthodontie')}}"><img src="{{ asset("front/images/orthodontie.jpg")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_orthodontie')}}">Orthodontie</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_orthodontie')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
</div>
<div class="row mt-2 mt-md-3 mt-lg-0">
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_laser')}}"><img src="{{ asset("front/images/laser.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_laser')}}">Laser</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_laser')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_numerique')}}"><img src="{{ asset("front/images/numerique.png")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_numerique')}}">Dentisterie numérique</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_numerique')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="doctor-box text-center">
<div class="doctor-box-photo">
<a href="{{path('app_pathologies')}}"><img src="{{ asset("front/images/pathologies.jpg")}}" class="img-fluid img-service" alt=""></a>
</div>
<h5 class="doctor-box-name"><a style="font-size:17px;" href="{{path('app_pathologies')}}">Pathologies des muqueuses buccales</a></h5>
<div class="doctor-box-position"> </div>
<div class="doctor-box-bottom">
<div class="doctor-box-phone">
<a href="{{path('app_pathologies')}}" class="btn btn-xs btn-gradient"> <span style=" color: #ffffff; "> Rencontrez</span> </a>
</div>
</div>
</div>
</div>
</div>
</div>
{# videos #}
{% endblock %}