{% extends 'pages/new/base.html.twig' %}
{% block title %}DSANTE ✅{% endblock %}
{% block body %}
{# <div id="preloader"></div> #}
<div class="up">
<a href="#" class="scrollup text-center"><i class="fas fa-chevron-up"></i></a>
</div>
<!-- Start of slider section
============================================= -->
<section id="in-sv-slider" class="in-sv-slider-section">
<rs-module-wrap id="rev_slider_23_1_wrapper" data-alias="slider-15" data-source="gallery"
style="visibility:hidden;background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
<rs-module id="rev_slider_23_1" style="" data-version="6.5.16">
<rs-slides>
<rs-slide style="position: absolute;" data-key="rs-51" data-title="Slide"
data-thumb="{{ asset('assets_new/img/slider/bg4.jpg') }}"
data-anim="d:20;ms:1500ms;f:slidebased;"
data-in="o:-0.5;x:(15%);y:(15%);sx:0.8;sy:0.8;row:5;col:5;"
data-out="o:0.5;x:(-15%);y:(-15%);sx:0.8;sy:0.8;row:5;col:5;">
<img src="{{ asset('assets_new/img/slider/bg4.jpg') }}" alt="" title="Background" width="1920"
height="810" class="rev-slidebg tp-rs-img" data-no-retina>
<!--
-->
<rs-layer
id="slider-23-slide-51-layer-0"
data-type="text"
data-rsp_ch="on"
data-xy="xo:15px,16px,12px,7px;yo:290px,230px,220px,144px;"
data-text="w:normal;s:15,16,16,14;l:25,21,15,20;"
data-padding="t:3,3,3,2;r:15,13,10,15;b:3,3,3,2;l:15,13,10,15;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:5;background-color:#034b5b;font-family:'Libre Baskerville';"
><strong>Rapide</strong>
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-51-layer-1"
data-type="text"
data-color="#FFFFFF"
data-rsp_ch="on"
data-xy="xo:15px,13px,9px,5px;y:m;yo:-7px,-6px,-4px,-2px;"
data-text="w:normal;s:72,63,47,36;l:80,70,53,40;fw:700;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:600;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:6;font-family:'Libre Baskerville';"
>Consulter <br> immédiatement
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-51-layer-2"
data-type="text"
data-color="#FFFFFF"
data-rsp_ch="on"
data-xy="xo:15px,13px,9px,5px;y:m;yo:166px,145px,110px,89px;"
data-text="w:normal;s:20,18,16,16;l:30,26,22,20;fw:500;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1000;sp:2200;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:7;font-family:'Montserrat';"
>Choisissez un professionnel de santé et consulter immédiatement
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-51-layer-3"
data-type="button"
data-rsp_ch="on"
data-xy="xo:14px,12px,9px,5px;y:m;yo:245px,214px,162px,131px;"
data-text="w:normal;s:20,17,12,7;l:25,21,15,9;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1200;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:8;font-family:'Montserrat'; font-size: 14px; font-weight: 500;"
>
<div class="in-sv-btn text-uppercase"><br/>
<a href="{{ path('consultation_request') }}">Prendre RDV <span><i
class="fal fa-long-arrow-right"></i></span></a><br/>
</div>
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-51-layer-5"
data-type="image"
data-rsp_ch="on"
data-xy="x:r;xo:70px,61px,46px,28px;y:b;yo:111px,97px,73px,45px;"
data-text="w:normal;s:20,17,12,7;l:0,21,15,9;"
data-dim="w:200px,175px,132px,81px;h:200px,175px,132px,81px;"
data-basealign="slide"
data-frame_0="x:100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1500;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
data-loop_999="rZ:360;sp:8000;st:500;"
style="z-index:10;"
><img src="{{ asset('assets_new/circle.png') }}" alt="" class="tp-rs-img" width="200"
height="200"
data-no-retina>
</rs-layer><!--
-->
{# <rs-layer #}
{# id="slider-23-slide-53-layer-8" #}
{# data-type="image" #}
{# data-rsp_ch="on" #}
{# data-xy="xo:50px,43px,32px,19px;y:b;yo:57px,49px,37px,22px;" #}
{# data-text="w:normal;s:20,17,12,7;l:0,21,15,9;" #}
{# data-dim="w:176px,154px,117px,72px;h:204px,178px,135px,83px;" #}
{# data-vbility="t,t,f,f" #}
{# data-basealign="slide" #}
{# data-frame_0="x:175%;o:1;" #}
{# data-frame_0_mask="u:t;x:-100%;" #}
{# data-frame_1="e:power3.out;st:2500;sp:2000;" #}
{# data-frame_1_mask="u:t;" #}
{# data-frame_999="o:0;st:w;" #}
{# style="z-index:11;" #}
{# ><img src="assets_new/sh1.png" alt="" class="tp-rs-img" width="176" height="204" data-no-retina> #}
{# </rs-layer><!- -#}
-->
{# <rs-layer #}
{# id="slider-23-slide-53-layer-9" #}
{# data-type="image" #}
{# data-rsp_ch="on" #}
{# data-xy="x:c;xo:86px,75px,56px,34px;yo:112px,98px,74px,45px;" #}
{# data-text="w:normal;s:20,17,12,7;l:0,21,15,9;" #}
{# data-dim="w:247px,216px,164px,101px;h:169px,147px,111px,68px;" #}
{# data-frame_0="x:-175%;o:1;" #}
{# data-frame_0_mask="u:t;x:100%;" #}
{# data-frame_1="e:power3.out;st:2500;sp:2000;" #}
{# data-frame_1_mask="u:t;" #}
{# data-frame_999="o:0;st:w;" #}
{# style="z-index:12;" #}
{# ><img src="assets_new/sh2.png" alt="" class="tp-rs-img" width="247" height="169" data-no-retina> #}
{# </rs-layer><!- -#}
-->
</rs-slide>
<rs-slide style="position: absolute;" data-key="rs-53" data-title="Slide"
data-thumb="{{ asset('assets_new/img/slider/bg1.jpg') }}"
data-anim="d:20;ms:1500ms;f:slidebased;"
data-in="o:-0.5;x:(15%);y:(15%);sx:0.8;sy:0.8;row:5;col:5;"
data-out="o:0.5;x:(-15%);y:(-15%);sx:0.8;sy:0.8;row:5;col:5;">
<img src="{{ asset('assets_new/img/slider/bg1.jpg') }}" alt="" title="Background" width="1920"
height="810" class="rev-slidebg tp-rs-img" data-no-retina>
<!--
-->
<rs-layer
id="slider-23-slide-53-layer-0"
data-type="text"
data-rsp_ch="on"
data-xy="xo:15px,16px,12px,7px;yo:290px,230px,220px,144px;"
data-text="w:normal;s:15,16,16,14;l:25,21,15,20;"
data-padding="t:3,3,3,2;r:15,13,10,15;b:3,3,3,2;l:15,13,10,15;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:5;background-color:#034b5b;font-family:'Libre Baskerville';"
><strong>Facile</strong>
</rs-layer>
<rs-layer
id="slider-23-slide-53-layer-1"
data-type="text"
data-color="#FFFFFF"
data-rsp_ch="on"
data-xy="xo:15px,13px,9px,5px;y:m;yo:-7px,-6px,-4px,-2px;"
data-text="w:normal;s:72,63,47,36;l:80,70,53,40;fw:700;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:600;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:6;font-family:'Libre Baskerville';"
>Prenez rendez-vous <br> avec vos professionnels <br> de santé
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-53-layer-2"
data-type="text"
data-color="#FFFFFF"
data-rsp_ch="on"
data-xy="xo:15px,13px,9px,5px;y:m;yo:166px,145px,110px,89px;"
data-text="w:normal;s:20,18,16,16;l:30,26,22,20;fw:500;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1000;sp:2200;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:7;font-family:'Montserrat';"
>Prenez rendez-vous avec votre docteur, médecin généraliste, <br>spécialiste (dentiste,
dermatologue, gynécologue, cardiologue, pédiatre, ophtalmologue...)
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-53-layer-3"
data-type="button"
data-rsp_ch="on"
data-xy="xo:14px,12px,9px,5px;y:m;yo:245px,214px,162px,131px;"
data-text="w:normal;s:20,17,12,7;l:25,21,15,9;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1200;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:8;font-family:'Montserrat'; font-size: 14px; font-weight: 500;"
>
<div class="in-sv-btn text-uppercase"><br/>
<a href="{{ path('consultation_request') }}">Prendre RDV <span><i
class="fal fa-long-arrow-right"></i></span></a><br/>
</div>
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-53-layer-5"
data-type="image"
data-rsp_ch="on"
data-xy="x:r;xo:70px,61px,46px,28px;y:b;yo:111px,97px,73px,45px;"
data-text="w:normal;s:20,17,12,7;l:0,21,15,9;"
data-dim="w:200px,175px,132px,81px;h:200px,175px,132px,81px;"
data-basealign="slide"
data-frame_0="x:100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1500;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
data-loop_999="rZ:360;sp:8000;st:500;"
style="z-index:10;"
><img src="{{ asset('assets_new/circle.png') }}" alt="" class="tp-rs-img" width="200"
height="200"
data-no-retina>
</rs-layer><!--
-->
{# <rs-layer #}
{# id="slider-23-slide-53-layer-8" #}
{# data-type="image" #}
{# data-rsp_ch="on" #}
{# data-xy="xo:50px,43px,32px,19px;y:b;yo:57px,49px,37px,22px;" #}
{# data-text="w:normal;s:20,17,12,7;l:0,21,15,9;" #}
{# data-dim="w:176px,154px,117px,72px;h:204px,178px,135px,83px;" #}
{# data-vbility="t,t,f,f" #}
{# data-basealign="slide" #}
{# data-frame_0="x:175%;o:1;" #}
{# data-frame_0_mask="u:t;x:-100%;" #}
{# data-frame_1="e:power3.out;st:2500;sp:2000;" #}
{# data-frame_1_mask="u:t;" #}
{# data-frame_999="o:0;st:w;" #}
{# style="z-index:11;" #}
{# ><img src="assets_new/sh1.png" alt="" class="tp-rs-img" width="176" height="204" data-no-retina> #}
{# </rs-layer><!- -#}
-->
{# <rs-layer #}
{# id="slider-23-slide-53-layer-9" #}
{# data-type="image" #}
{# data-rsp_ch="on" #}
{# data-xy="x:c;xo:86px,75px,56px,34px;yo:112px,98px,74px,45px;" #}
{# data-text="w:normal;s:20,17,12,7;l:0,21,15,9;" #}
{# data-dim="w:247px,216px,164px,101px;h:169px,147px,111px,68px;" #}
{# data-frame_0="x:-175%;o:1;" #}
{# data-frame_0_mask="u:t;x:100%;" #}
{# data-frame_1="e:power3.out;st:2500;sp:2000;" #}
{# data-frame_1_mask="u:t;" #}
{# data-frame_999="o:0;st:w;" #}
{# style="z-index:12;" #}
{# ><img src="assets_new/sh2.png" alt="" class="tp-rs-img" width="247" height="169" data-no-retina> #}
{# </rs-layer><!- -#}
-->
</rs-slide>
<rs-slide style="position: absolute;" data-key="rs-58" data-title="Slide"
data-thumb="{{ asset('assets_new/img/slider/bg2.jpg') }}"
data-anim="d:20;ms:1500ms;f:slidebased;"
data-in="o:-0.5;x:(15%);y:(15%);sx:0.8;sy:0.8;row:5;col:5;"
data-out="o:0.5;x:(-15%);y:(-15%);sx:0.8;sy:0.8;row:5;col:5;">
<img src="{{ asset('assets_new/img/slider/bg2.jpg') }}" alt="" title="Background" width="1920"
height="810" class="rev-slidebg tp-rs-img" data-no-retina>
<!--
-->
<rs-layer
id="slider-23-slide-58-layer-0"
data-type="text"
data-rsp_ch="on"
data-xy="xo:15px,16px,12px,7px;yo:290px,230px,220px,144px;"
data-text="w:normal;s:15,16,16,14;l:25,21,15,20;"
data-padding="t:3,3,3,2;r:15,13,10,15;b:3,3,3,2;l:15,13,10,15;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:5;background-color:#034b5b;font-family:'Libre Baskerville';"
><strong>Fiabilité</strong>
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-58-layer-1"
data-type="text"
data-color="#0b0b0b"
data-rsp_ch="on"
data-xy="xo:15px,13px,9px,5px;y:m;yo:-7px,-6px,-4px,-2px;"
data-text="w:normal;s:72,63,47,36;l:80,70,53,40;fw:700;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:600;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:6;font-family:'Libre Baskerville';"
><i>DSANTE:</i>
<br/>Votre téléconsultation<br/> à tout moment<br/>
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-58-layer-2"
data-type="text"
data-color="#202020"
data-rsp_ch="on"
data-xy="xo:15px,13px,9px,5px;y:m;yo:166px,145px,110px,89px;"
data-text="w:normal;s:20,18,16,16;l:30,26,22,20;fw:500;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1000;sp:2200;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:7;font-family:'Montserrat';"
>Avez-vous besoin d'un diagnostic rapidement ? Sans vous déplacer ?<br/>
Nos professionnels sont disponibles tout de suite pour une consultation vidéo.
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-58-layer-3"
data-type="button"
data-rsp_ch="on"
data-xy="xo:14px,12px,9px,5px;y:m;yo:245px,214px,162px,131px;"
data-text="w:normal;s:20,17,12,7;l:25,21,15,9;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1200;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:8;font-family:'Montserrat'; font-size: 14px; font-weight: 500;"
>
<div class="in-sv-btn text-uppercase"><br/>
<a href="{{ path('consultation_request') }}">Commencez maintenant <span><i
class="fal fa-long-arrow-right"></i></span></a><br/>
</div>
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-58-layer-5"
data-type="image"
data-rsp_ch="on"
data-xy="x:r;xo:70px,61px,46px,28px;y:b;yo:111px,97px,73px,45px;"
data-text="w:normal;s:20,17,12,7;l:0,21,15,9;"
data-dim="w:200px,175px,132px,81px;h:200px,175px,132px,81px;"
data-basealign="slide"
data-frame_0="x:100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1500;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
data-loop_999="rZ:360;sp:8000;st:500;"
style="z-index:10;"
><img src="{{ asset('assets_new/circle.png') }}" alt="" class="tp-rs-img" width="200"
height="200"
data-no-retina>
</rs-layer><!--
-->
{# <rs-layer #}
{# id="slider-23-slide-58-layer-8" #}
{# data-type="image" #}
{# data-rsp_ch="on" #}
{# data-xy="xo:50px,43px,32px,19px;y:b;yo:57px,49px,37px,22px;" #}
{# data-text="w:normal;s:20,17,12,7;l:0,21,15,9;" #}
{# data-dim="w:176px,154px,117px,72px;h:204px,178px,135px,83px;" #}
{# data-vbility="t,t,f,f" #}
{# data-basealign="slide" #}
{# data-frame_0="x:175%;o:1;" #}
{# data-frame_0_mask="u:t;x:-100%;" #}
{# data-frame_1="e:power3.out;st:2500;sp:2000;" #}
{# data-frame_1_mask="u:t;" #}
{# data-frame_999="o:0;st:w;" #}
{# style="z-index:11;" #}
{# ><img src="assets_new/sh1.png" alt="" class="tp-rs-img" width="176" height="204" data-no-retina> #}
{# </rs-layer><!- -#}
-->
{# <rs-layer #}
{# id="slider-23-slide-58-layer-9" #}
{# data-type="image" #}
{# data-rsp_ch="on" #}
{# data-xy="x:c;xo:86px,75px,56px,34px;yo:112px,98px,74px,45px;" #}
{# data-text="w:normal;s:20,17,12,7;l:0,21,15,9;" #}
{# data-dim="w:247px,216px,164px,101px;h:169px,147px,111px,68px;" #}
{# data-frame_0="x:-175%;o:1;" #}
{# data-frame_0_mask="u:t;x:100%;" #}
{# data-frame_1="e:power3.out;st:2500;sp:2000;" #}
{# data-frame_1_mask="u:t;" #}
{# data-frame_999="o:0;st:w;" #}
{# style="z-index:12;" #}
{# ><img src="assets_new/sh2.png" alt="" class="tp-rs-img" width="247" height="169" data-no-retina> #}
{# </rs-layer><!- -#}
-->
</rs-slide>
<rs-slide style="position: absolute;" data-key="rs-59" data-title="Slide"
data-thumb="{{ asset('assets_new/img/slider/bg3.jpg') }}"
data-anim="d:20;ms:1500ms;f:slidebased;"
data-in="o:-0.5;x:(15%);y:(15%);sx:0.8;sy:0.8;row:5;col:5;"
data-out="o:0.5;x:(-15%);y:(-15%);sx:0.8;sy:0.8;row:5;col:5;">
<img src="{{ asset('assets_new/img/slider/bg3.jpg') }}" alt="" title="Background" width="1920"
height="810" class="rev-slidebg tp-rs-img" data-no-retina>
<!--
-->
<rs-layer
id="slider-23-slide-59-layer-0"
data-type="text"
data-rsp_ch="on"
data-xy="xo:15px,16px,12px,7px;yo:290px,230px,220px,144px;"
data-text="w:normal;s:15,16,16,14;l:25,21,15,20;"
data-padding="t:3,3,3,2;r:15,13,10,15;b:3,3,3,2;l:15,13,10,15;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:5;background-color:#034b5b;font-family:'Libre Baskerville';"
><strong>Sécurité</strong>
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-59-layer-1"
data-type="text"
data-color="#FFFFFF"
data-rsp_ch="on"
data-xy="xo:15px,13px,9px,5px;y:m;yo:-7px,-6px,-4px,-2px;"
data-text="w:normal;s:72,63,47,36;l:80,70,53,40;fw:700;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:600;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:6;font-family:'Libre Baskerville';"
>Vos documents médicaux,<br/> toujours avec vous
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-59-layer-2"
data-type="text"
data-color="#FFFFFF"
data-rsp_ch="on"
data-xy="xo:15px,13px,9px,5px;y:m;yo:166px,145px,110px,89px;"
data-text="w:normal;s:20,18,16,16;l:30,26,22,20;fw:500;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1000;sp:2200;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:7;font-family:'Montserrat';"
>Conservez vos ordonnances, résultats d'examen, certificats dans un environnement sécurisé.<br/>
Partagez-les en direct avant, pendant ou après vos rendez-vous médicaux.
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-59-layer-3"
data-type="button"
data-rsp_ch="on"
data-xy="xo:14px,12px,9px,5px;y:m;yo:245px,214px,162px,131px;"
data-text="w:normal;s:20,17,12,7;l:25,21,15,9;"
data-frame_0="x:-100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1200;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
style="z-index:8;font-family:'Montserrat'; font-size: 14px; font-weight: 500;"
>
<div class="in-sv-btn text-uppercase"><br/>
<a href="{{ path('consultation_request') }}">Prendre RDV <span><i
class="fal fa-long-arrow-right"></i></span></a><br/>
</div>
</rs-layer><!--
-->
<rs-layer
id="slider-23-slide-59-layer-5"
data-type="image"
data-rsp_ch="on"
data-xy="x:r;xo:70px,61px,46px,28px;y:b;yo:111px,97px,73px,45px;"
data-text="w:normal;s:20,17,12,7;l:0,21,15,9;"
data-dim="w:200px,175px,132px,81px;h:200px,175px,132px,81px;"
data-basealign="slide"
data-frame_0="x:100%;"
data-frame_0_mask="u:t;"
data-frame_1="st:1500;sp:2000;"
data-frame_1_mask="u:t;"
data-frame_999="o:0;st:w;"
data-loop_999="rZ:360;sp:8000;st:500;"
style="z-index:10;"
><img src="{{ asset('assets_new/circle.png') }}" alt="" class="tp-rs-img" width="200"
height="200"
data-no-retina>
</rs-layer><!--
-->
{# <rs-layer #}
{# id="slider-23-slide-59-layer-8" #}
{# data-type="image" #}
{# data-rsp_ch="on" #}
{# data-xy="xo:50px,43px,32px,19px;y:b;yo:57px,49px,37px,22px;" #}
{# data-text="w:normal;s:20,17,12,7;l:0,21,15,9;" #}
{# data-dim="w:176px,154px,117px,72px;h:204px,178px,135px,83px;" #}
{# data-vbility="t,t,f,f" #}
{# data-basealign="slide" #}
{# data-frame_0="x:175%;o:1;" #}
{# data-frame_0_mask="u:t;x:-100%;" #}
{# data-frame_1="e:power3.out;st:2500;sp:2000;" #}
{# data-frame_1_mask="u:t;" #}
{# data-frame_999="o:0;st:w;" #}
{# style="z-index:11;" #}
{# ><img src="assets_new/sh1.png" alt="" class="tp-rs-img" width="176" height="204" data-no-retina> #}
{# </rs-layer><!- -#}
-->
{# <rs-layer #}
{# id="slider-23-slide-59-layer-9" #}
{# data-type="image" #}
{# data-rsp_ch="on" #}
{# data-xy="x:c;xo:86px,75px,56px,34px;yo:112px,98px,74px,45px;" #}
{# data-text="w:normal;s:20,17,12,7;l:0,21,15,9;" #}
{# data-dim="w:247px,216px,164px,101px;h:169px,147px,111px,68px;" #}
{# data-frame_0="x:-175%;o:1;" #}
{# data-frame_0_mask="u:t;x:100%;" #}
{# data-frame_1="e:power3.out;st:2500;sp:2000;" #}
{# data-frame_1_mask="u:t;" #}
{# data-frame_999="o:0;st:w;" #}
{# style="z-index:12;" #}
{# ><img src="assets_new/sh2.png" alt="" class="tp-rs-img" width="247" height="169" data-no-retina> #}
{# </rs-layer><!- -#}
-->
</rs-slide>
</rs-slides>
<rs-static-layers><!--
--></rs-static-layers>
</rs-module>
</rs-module-wrap>
<!-- END REVOLUTION SLIDER -->
</section>
<!-- End of slider section
============================================= -->
<!-- Start of insurance type section
============================================= -->
<section id="in-sv-insurance-type" class="in-sv-insurance-type-section position-relative">
<div class="container">
<div class="in-sv-insurance-type-content" style="text-align: center;">
<div class="row">
<div class="col-lg-3">
<div class="in-sv-insurance-type-item position-relative d-flex actives">
<div class="in-sv-insurance-type-text headline-sv pera-content">
<h3>Accès rapide quelle que soit la spécialité</h3>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="in-sv-insurance-type-item position-relative d-flex">
{# <span class="hover-shape position-absolute"><img src="assets_new/img/h7/shape/sh1.png" #}
{# alt=""></span> #}
<div class="in-sv-insurance-type-text headline-sv pera-content">
<h3>100% sécurisée et confidentielle</h3>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="in-sv-insurance-type-item position-relative d-flex actives">
{# <span class="hover-shape position-absolute"><img src="assets_new/img/h7/shape/sh1.png" #}
{# alt=""></span> #}
<div class="in-sv-insurance-type-text headline-sv pera-content">
<h3>Fini les ordonnances perdues</h3>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="in-sv-insurance-type-item position-relative d-flex actives">
{# <span class="hover-shape position-absolute"><img src="assets_new/img/h7/shape/sh1.png" #}
{# alt=""></span> #}
<div class="in-sv-insurance-type-text headline-sv pera-content">
<h3>Plus besoin de vous déplacer
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of insurance type section
============================================= -->
<!-- Start of Service section
============================================= -->
{# <section id="in-sv-service" class="in-sv-service-section position-relative"> #}
{# <span class="in-sv-service-bg position-absolute"><img src="assets_new/img/h7/bg/ser-bg.png" alt=""></span> #}
{# <div class="container"> #}
{# <div class="in-sv-service-top-content d-flex align-items-center justify-content-between"> #}
{# <div class="in-sv-section-title headline-sv"> #}
{# <div class="in-sv-subtitle"> #}
{# Our Services #}
{# </div> #}
{# <h2>Our Effective Insurence #}
{# Services & Solutions</h2> #}
{# </div> #}
{# <div class="in-sv-title-text"> #}
{# On the other hand we denounce with righteous indignation and dislike men who are so beguiled and demoralized bite the finan charms of pleasure of blinded. #}
{# </div> #}
{# <div class="in-sv-carousel"> #}
{# <div class="carousel_nav text-center position-relative"> #}
{# <button type="button" class="ser_sv_left_arrow text-uppercase"><i class="far fa-long-arrow-left"></i></button> #}
{# <button type="button" class="ser_sv_right_arrow text-uppercase"><i class="far fa-long-arrow-right"></i></button> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-service-content"> #}
{# <div class="in-sv-service-slider-content"> #}
{# <div class="in-sv-service-slider"> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-service-item position-relative"> #}
{# <div class="in-service-img position-relative"> #}
{# <img src="assets_new/img/h7/service/ser1.jpg" alt=""> #}
{# </div> #}
{# <div class="in-service-text-icon position-absolute"> #}
{# <div class="in-service-icon position-relative"> #}
{# <i class="flaticon-life-insurance"></i> #}
{# </div> #}
{# <div class="in-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Life Insurence</a></h3> #}
{# <p>On the other hand we denounce with righteous indignation and dislike men who are so the the beguiled... #}
{# </p> #}
{# </div> #}
{# </div> #}
{# <div class="in-service-read-more position-absolute"> #}
{# <a class="d-flex align-items-center justify-content-center" href="#"><i class="fal fa-long-arrow-right"></i></a> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-service-item position-relative"> #}
{# <div class="in-service-img position-relative"> #}
{# <img src="assets_new/img/h7/service/ser2.jpg" alt=""> #}
{# </div> #}
{# <div class="in-service-text-icon position-absolute"> #}
{# <div class="in-service-icon position-relative"> #}
{# <i class="flaticon-car"></i> #}
{# </div> #}
{# <div class="in-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Car Insurence</a></h3> #}
{# <p>On the other hand we denounce with righteous indignation and dislike men who are so the the beguiled... #}
{# </p> #}
{# </div> #}
{# </div> #}
{# <div class="in-service-read-more position-absolute"> #}
{# <a class="d-flex align-items-center justify-content-center" href="#"><i class="fal fa-long-arrow-right"></i></a> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-service-item position-relative"> #}
{# <div class="in-service-img position-relative"> #}
{# <img src="assets_new/img/h7/service/ser3.jpg" alt=""> #}
{# </div> #}
{# <div class="in-service-text-icon position-absolute"> #}
{# <div class="in-service-icon position-relative"> #}
{# <i class="flaticon-insurance-1"></i> #}
{# </div> #}
{# <div class="in-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Travel Insurence</a></h3> #}
{# <p>On the other hand we denounce with righteous indignation and dislike men who are so the the beguiled... #}
{# </p> #}
{# </div> #}
{# </div> #}
{# <div class="in-service-read-more position-absolute"> #}
{# <a class="d-flex align-items-center justify-content-center" href="#"><i class="fal fa-long-arrow-right"></i></a> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-service-item position-relative"> #}
{# <div class="in-service-img position-relative"> #}
{# <img src="assets_new/img/h7/service/ser4.jpg" alt=""> #}
{# </div> #}
{# <div class="in-service-text-icon position-absolute"> #}
{# <div class="in-service-icon position-relative"> #}
{# <i class="flaticon-life-insurance"></i> #}
{# </div> #}
{# <div class="in-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Life In surence</a></h3> #}
{# <p>On the other hand we denounce with righteous indignation and dislike men who are so the the beguiled... #}
{# </p> #}
{# </div> #}
{# </div> #}
{# <div class="in-service-read-more position-absolute"> #}
{# <a class="d-flex align-items-center justify-content-center" href="#"><i class="fal fa-long-arrow-right"></i></a> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-service-item position-relative"> #}
{# <div class="in-service-img position-relative"> #}
{# <img src="assets_new/img/h7/service/ser5.jpg" alt=""> #}
{# </div> #}
{# <div class="in-service-text-icon position-absolute"> #}
{# <div class="in-service-icon position-relative"> #}
{# <i class="flaticon-life-insurance"></i> #}
{# </div> #}
{# <div class="in-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Life In surence</a></h3> #}
{# <p>On the other hand we denounce with righteous indignation and dislike men who are so the the beguiled... #}
{# </p> #}
{# </div> #}
{# </div> #}
{# <div class="in-service-read-more position-absolute"> #}
{# <a class="d-flex align-items-center justify-content-center" href="#"><i class="fal fa-long-arrow-right"></i></a> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-service-item position-relative"> #}
{# <div class="in-service-img position-relative"> #}
{# <img src="assets_new/img/h7/service/ser1.jpg" alt=""> #}
{# </div> #}
{# <div class="in-service-text-icon position-absolute"> #}
{# <div class="in-service-icon position-relative"> #}
{# <i class="flaticon-life-insurance"></i> #}
{# </div> #}
{# <div class="in-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Life In surence</a></h3> #}
{# <p>On the other hand we denounce with righteous indignation and dislike men who are so the the beguiled... #}
{# </p> #}
{# </div> #}
{# </div> #}
{# <div class="in-service-read-more position-absolute"> #}
{# <a class="d-flex align-items-center justify-content-center" href="#"><i class="fal fa-long-arrow-right"></i></a> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-service-item position-relative"> #}
{# <div class="in-service-img position-relative"> #}
{# <img src="assets_new/img/h7/service/ser2.jpg" alt=""> #}
{# </div> #}
{# <div class="in-service-text-icon position-absolute"> #}
{# <div class="in-service-icon position-relative"> #}
{# <i class="flaticon-life-insurance"></i> #}
{# </div> #}
{# <div class="in-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Life In surence</a></h3> #}
{# <p>On the other hand we denounce with righteous indignation and dislike men who are so the the beguiled... #}
{# </p> #}
{# </div> #}
{# </div> #}
{# <div class="in-service-read-more position-absolute"> #}
{# <a class="d-flex align-items-center justify-content-center" href="#"><i class="fal fa-long-arrow-right"></i></a> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-sponsor-area"> #}
{# <div class="in-sv-sponsor-slider"> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-sponsor-item"> #}
{# <img src="assets_new/img/h7/sponsor/sp1.png" alt=""> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-sponsor-item"> #}
{# <img src="assets_new/img/h7/sponsor/sp2.png" alt=""> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-sponsor-item"> #}
{# <img src="assets_new/img/h7/sponsor/sp3.png" alt=""> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-sponsor-item"> #}
{# <img src="assets_new/img/h7/sponsor/sp4.png" alt=""> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-sponsor-item"> #}
{# <img src="assets_new/img/h7/sponsor/sp1.png" alt=""> #}
{# </div> #}
{# </div> #}
{# <div class="in-slider-item"> #}
{# <div class="in-sv-sponsor-item"> #}
{# <img src="assets_new/img/h7/sponsor/sp2.png" alt=""> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </section> #}
<!-- End of Service section
============================================= -->
<!-- Start of section
============================================= -->
<section id="in-sv-about" class="in-sv-about-section">
<div class="container">
<div class="in-sv-about-content">
<div class="row">
<div class="col-lg-6">
<div class="in-sv-about-img-area position-relative">
<div class="in-sv-about-img1">
<img src="{{ asset('assets_new/img/mob-app.png') }}" alt="" width="250px">
</div>
{# <div class="in-sv-about-img2 position-absolute"> #}
{# <img src="{{ asset('assets_new/img/zh-mobileapp.png') }}"> #}
{# </div> #}
{# <div class="in-sv-happy-client-area text-center d-flex align-items-center justify-content-center position-absolute"> #}
{# <div class="in-sv-happy-client pera-content position-relative ul-li"> #}
{# <ul> #}
{# <li><img src="assets_new/img/h7/about/bt1.jpg" alt=""></li> #}
{# <li><img src="assets_new/img/h7/about/bt2.jpg" alt=""></li> #}
{# <li><img src="assets_new/img/h7/about/bt3.jpg" alt=""></li> #}
{# </ul> #}
{# <p>1k+ Happy Client</p> #}
{# <div class="in-sv-happy-counter"><span class="counter">100</span>+</div> #}
{# </div> #}
{# </div> #}
</div>
</div>
<div class="col-lg-6">
<div class="in-sv-about-text-area">
<div class="in-sv-section-title pera-content headline-sv">
<div class="in-sv-subtitle">
Notre application
</div>
<h2>Une application 100% sécurisée </h2>
<p>Accédez à un médecin immédiatement ou prenez un rendez-vous.
Consultez un médecin par vidéo ou par téléphone.
Accédez à vos documents médicaux.
Accédez à tous nos services sur notre application mobile.
</p>
</div>
<div class="in-sv-about-feature-list ul-li-block">
<div class="row">
<div class="col-md-12" style="display: flex;">
<div class="col-md-6">
<a href="https://play.google.com/store/apps/details?id=com.dsi.ehealth&pcampaignid=web_share" target="_blank">
<img src="{{ asset('assets_new/img/google-play-badge.png') }}"
alt="" style="">
</a>
</div>
<div class="col-md-6">
<a href="https://apps.apple.com/us/app/dsante/id6451201765" target="_blank">
<img src="{{ asset('assets_new/img/logo_app_store.png') }}"
alt="" style="">
</a>
</div>
</div>
</div>
</div>
<div class="in-sv-satisfection">
<div class="skill-set-percent headline-sv">
<h4>Clients satisfaits</h4>
<div class="progress">
<div class="progress-bar" data-percent="95"></div>
</div>
</div>
</div>
<div class="in-sv-about-btn-cta d-flex align-items-center">
{# <div class="in-sv-btn text-uppercase"> #}
{# <a href="contact.html">Contactez-nous <span> #}
{# <i class="fal fa-long-arrow-right"></i></span></a> #}
{# </div> #}
<div class="in-sv-about-cta d-flex align-items-center">
<div class="cta-icon d-flex align-items-center justify-content-center">
<i class="fal fa-phone-alt"></i>
</div>
<div class="cta-text headline-sv">
<span>Appelez-nous à tout moment</span>
<h3>+225 07 07 040 755 || +1 418 914 5444</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of section
============================================= -->
<!-- Start of section
============================================= -->
<section id="in-sv-about" class="in-sv-about-section">
<div class="container mb-5">
<div class="in-sv-service-top-content d-flex align-items-center justify-content-between">
<div class="in-sv-section-title headline-sv">
<div class="in-sv-subtitle">
DSANTE: Comment ça marche ?
</div>
<h2>
Découvrez comment effectuer la téléconsultation sur DSANTE.COM
</h2>
</div>
{# <div class="in-sv-title-text"> #}
{# Découvrez comment fonctionne la téléconsultation Made In DSANTE. #}
{# </div> #}
</div>
</div>
<div class="container">
<div class="in-sv-about-content">
<div class="row" style="margin-bottom: 6rem;">
<div class="col-lg-6">
<div class="in-sv-about-img-area position-relative">
<div class="in-sv-about-img1">
<img src="{{ asset('assets_new/img/login.png') }}" alt="">
</div>
</div>
</div>
<div class="col-lg-6" style="margin: auto;">
<div class="in-sv-about-text-area">
<div class="in-sv-section-title pera-content headline-sv">
{# <div class="in-sv-subtitle"> #}
{# Notre application #}
{# </div> #}
<h4>1. Connectez-vous</h4>
<p>Allez sur dsante.com, connectez vous ou créer votre compte
{# Rendez-vous sur dsante.com depuis un ordinateur, une tablette ou un téléphone. #}
{# Vous devez vous inscrire au préalable sur la plateforme via #}
{# https://patient.dsante.com/inscription ou avoir déjà un compte #}
</p>
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 6rem;">
<div class="col-lg-6">
<div class="in-sv-about-text-area">
<div class="in-sv-section-title pera-content headline-sv">
<h4>2. Effectuez une demande de consultation </h4>
<p>Cliquez sur "Prise de rendez-vous" et remplissez le formulaire. Validez en cliquant
sur "Continuer". Finalement, choisissez votre médecin.
</p>
{# <p>En cliquant sur "Prise de rendez-vous", vous verrez apparaitre un formulaire qui vous #}
{# permettra d’effectuer votre demande de consultation #}
{# </p> #}
{# <ul> #}
{# <li> #}
{# <strong>Type de consultation</strong>: #}
{# <ul> #}
{# <li>Immédiat</li> #}
{# <li>ou Rendez-vous: lorsque vous faites ce choix, vous serez amenez a saisir #}
{# la date et l’heure du rendez-vous dans un nouveau champ. #}
{# </li> #}
{# </ul> #}
{# </li> #}
{# <li> #}
{# <strong>Spécialité</strong>: Choisissez la spécialité souhaitée #}
{# </li> #}
{# <li> #}
{# <strong>Puis renseigné les symptômes</strong> #}
{# </li> #}
{# <li>Enfin cliquer sur le bouton #}
{# <strong>« Continuer »</strong> #}
{# </li> #}
{# </ul> #}
{# <p>En fonction des informations renseigner, vous êtes invité à choisir un médecin dans #}
{# la liste.</p> #}
</div>
</div>
</div>
<div class="col-lg-6" style="margin: auto;">
<div class="in-sv-about-img-area position-relative">
<div class="in-sv-about-img1">
<img src="{{ asset('assets_new/img/demande_consultation.png') }}" alt="">
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 6rem;">
<div class="col-lg-6">
<div class="in-sv-about-img-area position-relative">
<div class="in-sv-about-img1">
<img src="{{ asset('assets_new/img/payer.png') }}" alt="">
</div>
</div>
</div>
<div class="col-lg-6" style="margin: auto;">
<div class="in-sv-about-text-area">
<div class="in-sv-section-title pera-content headline-sv">
<h4>3. Payez votre consultation depuis votre espace personnel </h4>
{# <p>Choisissez votre opérateur et effectuez le paiement pour démarrer la consultation #}
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6" style="margin: auto;">
<div class="in-sv-about-text-area">
<div class="in-sv-section-title pera-content headline-sv">
<h4>4. Cliquez sur le bouton « Démarrer la consultation »</h4>
{# <p>Clique #}
{# </p> #}
</div>
</div>
</div>
<div class="col-lg-6">
<div class="in-sv-about-img-area position-relative">
<div class="in-sv-about-img1">
<img src="{{ asset('assets_new/img/start_consultation.png') }}" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of section
============================================= -->
<section>
<div class="container pt-5 pb-5 mb-5"
style="border-radius: 15px;background-color: rgb(255, 255, 255);
-webkit-box-shadow: 0px 0px 70px 0px rgb(0 0 0 / 6%);
box-shadow: 0px 0px 70px 0px rgb(0 0 0 / 12%);">
<div class="row">
<div class="col-md-12 text-center">
<h3>Nos spécialités</h3>
</div>
<div class="col-md-12">
<div class="in-sv-about-feature-list ul-li-block" style="max-width: 100%!important; ">
<div class="row">
<div class="col-md-4">
<ul>
<li>Médecine générale</li>
{# <li>Biologie</li> #}
<li>Cardiologie</li>
<li>Chirurgie</li>
{# <li>Dentisterie</li> #}
<li>Dermatologie</li>
<li>Neuropédiatrie</li>
</ul>
</div>
<div class="col-md-4">
<ul>
<li>Gastro-entérologie</li>
<li>Gynéco-obstétrique</li>
<li>Médecine interne</li>
<li>Médecine néonatale et périnatale</li>
<li>Neurologie</li>
<li>Ophtalmologie</li>
</ul>
</div>
<div class="col-md-4">
<ul>
<li>Pédiatrie</li>
<li>Pneumologie</li>
<li>Psychiatrie</li>
<li>ORL</li>
<li>Odonto-stomatologie</li>
<li>Urologie</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start of Service section 2
============================================= -->
<section id="in-sv-service-2" class="in-sv-service-section-2 position-relative">
<div class="container">
<div class="in-sv-service-top-content d-flex align-items-center justify-content-between">
<div class="in-sv-section-title headline-sv">
<div class="in-sv-subtitle">
Comment ça fonctionne ?
</div>
<h2>Comment fonctionne une téléconsultation avec DSANTE.COM
</h2>
</div>
<div class="in-sv-title-text">
{# Découvrez comment fonctionne la téléconsultation Made In DSANTE. #}
</div>
<div class="in-sv-carousel">
<div class="carousel_nav text-center position-relative">
<button type="button" class="ser_sv_left_arrow_2 text-uppercase"><i
class="far fa-long-arrow-left"></i></button>
<button type="button" class="ser_sv_right_arrow_2 text-uppercase"><i
class="far fa-long-arrow-right"></i></button>
</div>
</div>
</div>
</div>
<div class="in-sv-service-content-2">
<div class="in-sv-service-slider-2">
<div class="in-sv-service-item-2 position-relative">
<div class="in-sv-service-img position-absolute">
<img src="{{ asset('assets_new/img/make_an_appointment.jpg') }}" alt="">
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3>Prenez rendez-vous en ligne</h3>
<p>Recherchez une spécialité puis choisissez le praticien et l'horaire qui vous conviennent.
Connectez-vous à la salle d’attente 15 min avant le démarrage de la téléconsultation.
</p>
</div>
</div>
<div class="in-sv-service-item-2 position-relative">
<div class="in-sv-service-img position-absolute">
<img src="{{ asset('assets_new/img/make_your_teleconsultation.jpg') }}" alt="">
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3>Effectuez votre téléconsultation</h3>
<p>Décrivez vos symptômes en toute confidentialité à votre médecin.
</p>
</div>
</div>
<div class="in-sv-service-item-2 position-relative">
<div class="in-sv-service-img position-absolute">
<img src="{{ asset('assets_new/img/get_prescription.jpg') }}" alt="">
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3>Obtenez un avis médical</h3>
<p>Recevez un avis ou un diagnostic médical, et si necessaire une ordonance, accesible en ligne
depuis votre espace personnel.
</p>
</div>
</div>
<div class="in-sv-service-item-2 position-relative">
<div class="in-sv-service-img position-absolute">
<img src="{{ asset('assets_new/img/specialists.jpg') }}" alt="">
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3><a href="#">Des spécialistes disponibles rapidement</a></h3>
<p>Consulter rapidement un spécialiste.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- End of Service section 2
============================================= -->
<!-- Start of Service section 3
============================================= -->
<section id="in-sv-service-3" class="in-sv-service-section-3 position-relative"
data-background="{{ asset('assets_new/img/bg/profesionnels_sante.jpg') }}" style="margin-bottom: 10em;">
<div class="container">
<div class="in-sv-service-top-content d-flex align-items-center justify-content-between">
<div class="in-sv-section-title headline-sv">
<div class="in-sv-subtitle">
Nos services
</div>
<h2>Un système optimisé pour les professionnels de santé</h2>
</div>
<div class="in-sv-title-text" style="color: transparent!important;">
{# Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi cumque doloribus, eligendi enim #}
{# officia quidem ratione rem voluptas! Error ipsam nulla odio optio possimus quo reiciendis? Ab beatae #}
{# dignissimos vel. #}
</div>
</div>
<div class="in-sv-service-slider-area-3">
<div class="in-sv-service-slider-3">
<div class="in-sv-service-item-3 position-relative">
<div class="in-sv-service-serial position-absolute">
01
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3><a href="{{ path('nos-services-patient') }}">Patients</a></h3>
<p style="color: transparent!important;width: 315px;height: 113px">
</div>
<div class="in-sv-waterprint-icon position-absolute">
<i class="flaticon-home-insurance"></i>
</div>
</div>
<div class="in-sv-service-item-3 position-relative">
<div class="in-sv-service-serial position-absolute">
02
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3><a href="{{ path('nos-services-pro') }}">Professionnels de santé</a></h3>
<p style="color: transparent!important;width: 315px;height: 113px">
</div>
<div class="in-sv-waterprint-icon position-absolute">
<i class="flaticon-home-insurance"></i>
</div>
</div>
<div class="in-sv-service-item-3 position-relative">
<div class="in-sv-service-serial position-absolute">
03
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3><a href="{{ path('nos-services-etablissement') }}">Établissements de santé</a></h3>
<p style="color: transparent!important;width: 315px;height: 113px">
</div>
<div class="in-sv-waterprint-icon position-absolute">
<i class="flaticon-home-insurance"></i>
</div>
</div>
<div class="in-sv-service-item-3 position-relative">
<div class="in-sv-service-serial position-absolute">
04
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3><a href="{{ path('nos-services-pharmacie') }}">Pharmacies</a></h3>
<p style="color: transparent!important;width: 315px;height: 113px">
</div>
<div class="in-sv-waterprint-icon position-absolute">
<i class="flaticon-home-insurance"></i>
</div>
</div>
<div class="in-sv-service-item-3 position-relative">
<div class="in-sv-service-serial position-absolute">
05
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3><a href="{{ path('nos-services-entreprise') }}">Entreprises</a></h3>
<p style="color: transparent!important;width: 315px;height: 113px">
</div>
<div class="in-sv-waterprint-icon position-absolute">
<i class="flaticon-home-insurance"></i>
</div>
</div>
<div class="in-sv-service-item-3 position-relative">
<div class="in-sv-service-serial position-absolute">
06
</div>
<div class="in-sv-service-text headline-sv pera-content">
<h3><a href="{{ path('nos-services-famille') }}">Familles</a></h3>
<p style="color: transparent!important;width: 315px;height: 113px">
</div>
<div class="in-sv-waterprint-icon position-absolute">
<i class="flaticon-home-insurance"></i>
</div>
</div>
</div>
</div>
<div class="in-sv-service-counter" data-background="{{ asset('assets_new/img/bg-stats.jpg') }}"
style="text-align: center;">
<div class="row">
<div class="col-lg-4">
<div class="in-sv-counter-item headline-sv pera-content">
<h3 style="color: white!important;"><span class="counter">76</span>+</h3>
<p>Rendez-vous pris sur DSANTE
</p>
</div>
</div>
<div class="col-lg-4">
<div class="in-sv-counter-item headline-sv pera-content">
<h3 style="color: white!important;"><span class="counter">25</span>+</h3>
<p>Professionnels actifs
</p>
</div>
</div>
<div class="col-lg-4">
<div class="in-sv-counter-item headline-sv pera-content">
<h3 style="color: white!important;"><span class="counter">72</span>+</h3>
<p>Patients satisfaits
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of Service section 3
============================================= -->
<!-- Start of Team Testimonial section
============================================= -->
{# <section id="in-sv-team-testimonial" class="in-sv-team-testimonial-section position-relative" #}
{# style="margin-bottom: 12em"> #}
{# <div class="in-sv-team-testimonial-content-area position-relative"> #}
{# <div class="container"> #}
{# <div class="in-sv-team-testimonial-content"> #}
{# <div class="row"> #}
{# #}{# <div class="col-lg-6"> #}
{# #}{# <div class="in-sv-testimonial-content position-relative headline-sv"> #}
{# #}{# <div class="in-sv-testi-icon-title"> #}
{# #}{# <div class="in-sv-testi-icon"> #}
{# #}{# <i class="fal fa-quote-right"></i> #}
{# #}{# </div> #}
{# #}{# <h3>What People Says About #}
{# #}{# Insurin Company</h3> #}
{# #}{# </div> #}
{# #}{# <div class="in-sv-team-testimonial-slider"> #}
{# #}{# <div class="in-sv-testimonial-item"> #}
{# #}{# <div class="in-sv-testimonial-text"> #}
{# #}{# Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod #}
{# #}{# tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse #}
{# #}{# ultrices gravida. Risuscommodo viverra maecenas accumsan What people says #}
{# #}{# company. Risuscommodo viverra maecenas accumsan What people says company #}
{# #}{# </div> #}
{# #}{# <div class="in-sv-testimonial-author d-flex align-items-center"> #}
{# #}{# <div class="author-img"> #}
{# #}{# <img src="assets_new/img/h7/about/bt1.jpg" alt=""> #}
{# #}{# </div> #}
{# #}{# <div class="author-text headline-sv"> #}
{# #}{# <h4>Arnold Logan</h4> #}
{# #}{# <span>Managing Diretor</span> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# #}{# <div class="in-sv-testimonial-item"> #}
{# #}{# <div class="in-sv-testimonial-text"> #}
{# #}{# Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod #}
{# #}{# tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse #}
{# #}{# ultrices gravida. Risuscommodo viverra maecenas accumsan What people says #}
{# #}{# company. Risuscommodo viverra maecenas accumsan What people says company #}
{# #}{# </div> #}
{# #}{# <div class="in-sv-testimonial-author d-flex align-items-center"> #}
{# #}{# <div class="author-img"> #}
{# #}{# <img src="assets_new/img/h7/about/bt1.jpg" alt=""> #}
{# #}{# </div> #}
{# #}{# <div class="author-text headline-sv"> #}
{# #}{# <h4>Arnold Logan</h4> #}
{# #}{# <span>Managing Diretor</span> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# #}{# <div class="in-sv-testimonial-item"> #}
{# #}{# <div class="in-sv-testimonial-text"> #}
{# #}{# Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod #}
{# #}{# tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse #}
{# #}{# ultrices gravida. Risuscommodo viverra maecenas accumsan What people says #}
{# #}{# company. Risuscommodo viverra maecenas accumsan What people says company #}
{# #}{# </div> #}
{# #}{# <div class="in-sv-testimonial-author d-flex align-items-center"> #}
{# #}{# <div class="author-img"> #}
{# #}{# <img src="assets_new/img/h7/about/bt1.jpg" alt=""> #}
{# #}{# </div> #}
{# #}{# <div class="author-text headline-sv"> #}
{# #}{# <h4>Arnold Logan</h4> #}
{# #}{# <span>Managing Diretor</span> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# #}{# </div> #}
{# <div class="col-lg-2"></div> #}
{# <div class="col-lg-10"> #}
{# <div class="in-sv-team-content"> #}
{# <div class="in-sv-section-title pera-content headline-sv" #}
{# style="max-width: 100%!important;"> #}
{# <div class="in-sv-subtitle"> #}
{# Besoin d'aide ? #}
{# </div> #}
{# <h2>Questions les plus fréquentes #}
{# </h2> #}
{# <p>Notre service client est à votre écoute 7j/7, de 7h à 23h. #}
{# Le temps d’attente moyen pour pouvoir discuter avec un de nos conseillers est de #}
{# quelques minutes.</p> #}
{# </div> #}
{# <div class="in-sv-team-slider-content"> #}
{# <div class="in-sv-team-slider"> #}
{# <div class="in-sv-service-item-3 position-relative mxh-354"> #}
{# <div class="in-sv-service-serial position-absolute"> #}
{# 01 #}
{# </div> #}
{# <div class="in-sv-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Comment payer une consultation ?</a></h3> #}
{# <p style="color: transparent!important;">Sodales ut etiam sit amet nislting purus in mollis nunc. Odio eu feu #}
{# giat pretium nibh #}
{# ipsum sodales ut etiam. #}
{# </p> #}
{# #}{# #}
{# </div> #}
{# <div class="in-sv-waterprint-icon position-absolute"> #}
{# <i class="flaticon-check"></i> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-service-item-3 position-relative mxh-354"> #}
{# <div class="in-sv-service-serial position-absolute"> #}
{# 02 #}
{# </div> #}
{# <div class="in-sv-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Puis-je me faire rembourser ?</a></h3> #}
{# <p style="color: transparent!important;">Sodales ut etiam sit amet nislting purus in mollis nunc. Odio eu feu #}
{# giat pretium nibh #}
{# ipsum sodales ut etiam. #}
{# </p> #}
{# #}{# #}
{# </div> #}
{# <div class="in-sv-waterprint-icon position-absolute"> #}
{# <i class="flaticon-check"></i> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-service-item-3 position-relative mxh-354"> #}
{# <div class="in-sv-service-serial position-absolute"> #}
{# 03 #}
{# </div> #}
{# <div class="in-sv-service-text headline-sv pera-content"> #}
{# <h3><a href="#">La téléconsultation, comment ça marche ?</a></h3> #}
{# <p style="color: transparent!important;">Sodales ut etiam sit amet nislting purus in mollis nunc. Odio eu feu #}
{# giat pretium nibh #}
{# ipsum sodales ut etiam. #}
{# </p> #}
{# #}{# #}
{# </div> #}
{# <div class="in-sv-waterprint-icon position-absolute"> #}
{# <i class="flaticon-check"></i> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-service-item-3 position-relative mxh-354"> #}
{# <div class="in-sv-service-serial position-absolute"> #}
{# 04 #}
{# </div> #}
{# <div class="in-sv-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Puis-je recevoir une ordonnance en ligne ?</a></h3> #}
{# <p style="color: transparent!important;">Sodales ut etiam sit amet nislting purus in mollis nunc. Odio eu feu #}
{# giat pretium nibh #}
{# ipsum sodales ut etiam. #}
{# </p> #}
{# #}{# #}
{# </div> #}
{# <div class="in-sv-waterprint-icon position-absolute"> #}
{# <i class="flaticon-check"></i> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-service-item-3 position-relative mxh-354"> #}
{# <div class="in-sv-service-serial position-absolute"> #}
{# 05 #}
{# </div> #}
{# <div class="in-sv-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Puis-je renouveler une ordonnance déjà reçu ?</a></h3> #}
{# <p style="color: transparent!important;">Sodales ut etiam sit amet nislting purus in mollis nunc. Odio eu feu #}
{# giat pretium nibh #}
{# ipsum sodales ut etiam. #}
{# </p> #}
{# #}{# #}
{# </div> #}
{# <div class="in-sv-waterprint-icon position-absolute"> #}
{# <i class="flaticon-check"></i> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-service-item-3 position-relative mxh-354"> #}
{# <div class="in-sv-service-serial position-absolute"> #}
{# 06 #}
{# </div> #}
{# <div class="in-sv-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Puis-je recevoir un certificat médical en #}
{# téléconsultation ?</a></h3> #}
{# <p style="color: transparent!important;">Sodales ut etiam sit amet nislting purus in mollis nunc. Odio eu feu #}
{# giat pretium nibh #}
{# ipsum sodales ut etiam. #}
{# </p> #}
{# #}{# #}
{# </div> #}
{# <div class="in-sv-waterprint-icon position-absolute"> #}
{# <i class="flaticon-check"></i> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-service-item-3 position-relative mxh-354"> #}
{# <div class="in-sv-service-serial position-absolute"> #}
{# 07 #}
{# </div> #}
{# <div class="in-sv-service-text headline-sv pera-content"> #}
{# <h3><a href="#">Puis-je recevoir un certificat médical en #}
{# téléconsultation ?</a></h3> #}
{# <p style="color: transparent!important;">Sodales ut etiam sit amet nislting purus in mollis nunc. Odio eu feu #}
{# giat pretium nibh #}
{# ipsum sodales ut etiam. #}
{# </p> #}
{# #}{# #}
{# </div> #}
{# <div class="in-sv-waterprint-icon position-absolute"> #}
{# <i class="flaticon-check"></i> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# <div class="in-sv-team-carousel"> #}
{# <div class="in-sv-carousel"> #}
{# <div class="carousel_nav text-center position-relative"> #}
{# <button type="button" class="team_sv_left_arrow_2 text-uppercase"><i #}
{# class="far fa-long-arrow-left"></i></button> #}
{# <button type="button" class="team_sv_right_arrow_2 text-uppercase"><i #}
{# class="far fa-long-arrow-right"></i></button> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </div> #}
{# </section> #}
<style>
.in-sv-faq-accordion .accordion-body {
font-weight: 500;
}
</style>
<section id="in-sv-faq" class="in-sv-faq-section" data-background="assets_new/img/bg/faq-bg.jpg"
style="background-image: url({{ asset('assets_new/img/bg/faq-bg.jpg') }});">
<div class="container" bis_skin_checked="1">
<div class="in-sv-faq-content" bis_skin_checked="1">
<div class="row justify-content-end" bis_skin_checked="1">
<div class="col-lg-8 d-flex justify-content-end" bis_skin_checked="1">
<div class="in-sv-faq-content-area" bis_skin_checked="1"
style="max-width: max-content!important;">
<div class="in-sv-section-title pera-content headline-sv" bis_skin_checked="1"
style="max-width: max-content!important;">
<div class="in-sv-subtitle" bis_skin_checked="1">
Besoin d'aide ?
</div>
<h2>Questions les plus fréquentes
</h2>
<p>
Notre service client est à votre écoute 7j/7, de 7h à 23h.
Le temps d’attente moyen pour pouvoir discuter avec un de nos conseillers est de
quelques minutes.
</p>
</div>
<div class="in-sv-faq-accordion" bis_skin_checked="1">
<div class="accordion" id="accordionExample2" bis_skin_checked="1">
<div class="accordion-item headline-2 pera-content wow fadeInUp"
data-wow-delay="200ms" data-wow-duration="1500ms" bis_skin_checked="1"
style="visibility: visible; animation-duration: 1500ms; animation-delay: 200ms; animation-name: fadeInUp;">
<h2 class="accordion-header" id="headingOne2">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseOne2"
aria-expanded="false" aria-controls="collapseOne">
Qu’est-ce qu’une téléconsultation médicale en ligne?
</button>
</h2>
<div id="collapseOne2" class="accordion-collapse collapse"
aria-labelledby="headingOne2" data-bs-parent="#accordionExample2"
bis_skin_checked="1" style="">
<div class="accordion-body" bis_skin_checked="1">
La téléconsultation est une consultation à distance entre un
professionnel médical (un médecin, une sage-femme,…) et son patient via
l'utilisation des technologies de l'information et de la communication.
</div>
</div>
</div>
<div class="accordion-item headline-2 pera-content wow fadeInUp"
data-wow-delay="400ms" data-wow-duration="1500ms" bis_skin_checked="1"
style="visibility: visible; animation-duration: 1500ms; animation-delay: 400ms; animation-name: fadeInUp;">
<h2 class="accordion-header" id="headingTwo2">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseTwo2"
aria-expanded="false" aria-controls="collapseTwo2">
Qu’est-ce que l’application télémédecine DSANTE ?
</button>
</h2>
<div id="collapseTwo2" class="accordion-collapse collapse"
aria-labelledby="headingTwo2" data-bs-parent="#accordionExample2"
bis_skin_checked="1" style="">
<div class="accordion-body" bis_skin_checked="1"
style="text-align: justify">
Le service de télémédecine de DSANTE est une solution technologique de
télémédecine qui a pour objectif de rendre plus accessible les soins
médicaux primaires. Elle permet aux patients d’obtenir un avis médical
rapide à partir du confort de leur cellulaire ou tablette. Nous
disposons d’un large groupe de médecin (généraliste et spécialiste), de
dentistes et de pharmaciens disponibles 24h.
</div>
</div>
</div>
<div class="accordion-item headline-2 pera-content wow fadeInUp"
data-wow-delay="600ms" data-wow-duration="1500ms" bis_skin_checked="1"
style="visibility: visible; animation-duration: 1500ms; animation-delay: 600ms; animation-name: fadeInUp;">
<h2 class="accordion-header" id="headingThree2">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree2" aria-expanded="true"
aria-controls="collapseThree2">
Dans quels cas ne dois-je pas utiliser la plateforme DSANTE ?
</button>
</h2>
<div id="collapseThree2" class="accordion-collapse collapse show"
aria-labelledby="headingThree2" data-bs-parent="#accordionExample2"
bis_skin_checked="1" style="">
<div class="accordion-body" bis_skin_checked="1">
Vous ne devez pas utiliser la plateforme DSANTE en cas d’urgence
médicale. Si vous avez besoin de soins vitaux urgents, composez le
<strong style="color: red">185</strong>. Dans de nombreux cas, nos
médecins pourraient ne pas être en mesure de vous aider en ligne.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{# Bouton flottant #}
<div class="in-btn-2 btn_float" style="">
{# <button type="button" class="btdn btn-seconddary" data-toggle="tooltip" data-placement="top" title="Tooltip on top" style="position: fixed;top: 50%;z-index: 9999;"> #}
{# Tooltip on top #}
{# </button> #}
<a href="{{ path('consultation_request') }}" id="consultation_btn_float" data-toggle="tooltip"
data-placement="top" title="Consulter"
style="position: fixed;top: 50%;z-index: 9999;width: 100px!important;">
Consulter
{# <i class="fal fa-video"></i> #}
</a>
{# <div class="tooltipFloat" id="tooltipFloat"> #}
{# <div class="arrow"></div> #}
{# <div class="tooltip-inner"> #}
{# Some tooltip text! #}
{# </div> #}
{# </div> #}
</div>
{# <div id="showcase_table" style="position: fixed;top: 50%;z-index: 9999"> #}
{# <div id="showcase_cell"> #}
{# <div class="bounce_in_animation">Prendre RDV</div> #}
{# </div> #}
{# </div> #}
{# Bouton flottant #}
<style>
.in-btn-2 a {
width: 60px !important;
/*width: min-content!important;*/
}
.in-btn-2 a:before {
width: 60px !important;
}
.in-btn-2 a:after {
width: 100% !important;
}
.in-btn-2:hover a:before, .in-btn-2:hover a:after {
width: 100% !important;
}
.mxh-354 {
height: 354px !important;
max-height: 354px !important;
}
</style>
{# Début scripts #}
<script src="{{ asset('assets_new/js/jquery.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('assets_new/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('assets_new/js/popper.min.js') }}"></script>
<script src="{{ asset('assets_new/js/appear.js') }}"></script>
<script src="{{ asset('assets_new/js/slick.js') }}"></script>
<script src="{{ asset('assets_new/js/wow.min.js') }}"></script>
<script src="{{ asset('assets_new/js/knob.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.filterizr.js') }}"></script>
<script src="{{ asset('assets_new/js/imagesloaded.pkgd.min.js') }}"></script>
<script src="{{ asset('assets_new/js/rbtools.min.js') }}"></script>
<script src="{{ asset('assets_new/js/rs6.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jarallax.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('assets_new/js/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.counterup.min.js') }}"></script>
<script src="{{ asset('assets_new/js/waypoints.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.marquee.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('assets_new/js/jquery.nice-select.min.js') }}"></script>
<script src="{{ asset('assets_new/js/roundslider.js') }}"></script>
<script src="{{ asset('assets_new/js/script.js') }}"></script>
<script>
$(document).ready(function () {
// const elem = document.getElementById("consultation_btn_float");
$("#consultation_btn_float").mouseenter(function () {
// $('#consultation_btn_float').tooltip('show')
$(".in-btn-2 a").animate({
width: "100%!important",
});
$("#consultation_btn_float_txt").text('Prendre RDV').animate({
opacity: "show"
});
}).mouseout(function () {
$("#consultation_btn_float_txt").text('').animate({
opacity: "show"
});
});
// function changeConsultationBtnFloat() {
// if (elem.text() == "Consulter maintenant") {
// elem.fadeOut(500, function () {
// // elem.text('Prendre RDV').fadeIn(500);
// elem.text('Prendre RDV').animate({
// opacity: "show"
// });
// });
// } else {
// elem.fadeOut(500, function () {
// elem.text('Consulter maintenant').animate({
// opacity: "show"
// });
// });
// }
// }
// setInterval(changeConsultationBtnFloat, 5000);
});
</script>
{# Fin scripts #}
{% endblock %}