templates/specilites/hydrafacial.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Maison Eiffel - HydraFacial{% endblock %}
  3. {% block description %}Découvrez le soin HydraFacial, une expérience de beauté révolutionnaire qui nettoie, exfolie et hydrate votre peau en profondeur. Obtenez une peau éclatante et revitalisée grâce à cette technologie innovante. Maison Eiffel vous invite à découvrir les bienfaits de l'HydraFacial pour une peau radieuse et saine.{% endblock %}
  4. {% block keywords %}HydraFacial, soin du visage, nettoyage de peau, exfoliation, hydratation, beauté, Maison Eiffel{% endblock %}
  5. {% block og_title %}Maison Eiffel - HydraFacial{% endblock %}
  6. {% block og_description %}Découvrez le soin HydraFacial, une expérience de beauté révolutionnaire qui nettoie, exfolie et hydrate votre peau en profondeur. Obtenez une peau éclatante et revitalisée grâce à cette technologie innovante. Maison Eiffel vous invite à découvrir les bienfaits de l'HydraFacial pour une peau radieuse et saine.{% endblock %}
  7. {% block stylesheets %}
  8.     <style rel="stylesheet">
  9.         .table-container {
  10.             width: 100%;
  11.             max-width: 90%;
  12.             margin-left: 5%;
  13.             overflow-x: auto;
  14.             display: flex;
  15.             justify-content: center;
  16.         }
  17.         .table-wrapper {
  18.             border: 1px solid #E0C15B;
  19.             border-radius: 8px;
  20.             padding: 12px;
  21.             background-color: #fff;
  22.             position: relative;
  23.             width: 100%;
  24.         }
  25.         table {
  26.             width: 100%;
  27.             border-collapse: collapse;
  28.         }
  29.         td {
  30.             padding: 8px 12px;
  31.             text-align: left;
  32.             border-bottom: 1px solid #E0C15B;
  33.         }
  34.         .text {
  35.             font-weight: bold;
  36.             width: 30%;
  37.         }
  38.         .prix, .temps {
  39.             text-align: right;
  40.             padding: 8px 4px;
  41.         }
  42.         .prix {
  43.             width: 50%;
  44.         }
  45.         .temps {
  46.             width: 50%;
  47.         }
  48.         tr:last-child td {
  49.             border-bottom: 1px solid #E0C15B;
  50.         }
  51.         .legal-notice {
  52.             font-size: 9px;
  53.             color: #555;
  54.             margin-top: 16px;
  55.             text-align: center;
  56.         }
  57.         @media (max-width: 600px) {
  58.             .table-container {
  59.                 width: 80%;
  60.                 margin-left: 10%;
  61.             }
  62.             .table-wrapper {
  63.                 width: 100%;
  64.             }
  65.             table {
  66.                 font-size: 14px;
  67.             }
  68.             td {
  69.                 padding: 6px 8px;
  70.             }
  71.             .text {
  72.                 font-weight: bold;
  73.                 width: auto;
  74.             }
  75.             .prix, .temps {
  76.                 width: auto;
  77.             }
  78.         }
  79.     </style>
  80. {% endblock %}
  81. {% block body %}
  82.     <div class="mainContainer" id="container-specialtes">
  83.         <header class="header">
  84.             <div class="header__top">
  85.                 <p class="adress-top">
  86.                     <a target="_blank" href="https://www.google.fr/maps/place/Maison+Esth%C3%A9tique/@48.8615633,2.2789474,16.69z/data=!4m6!3m5!1s0x47e66f5e9a727869:0x49ccc3d8e92e5224!8m2!3d48.8614277!4d2.2820639!16s%2Fg%2F11pxx2nfx0?entry=ttu">
  87.                         <i class='fas fa-map-marker-alt'></i>
  88.                         Nous trouver sur la carte</a>
  89.                     <a href="/avis">
  90.                         <i class="far fa-star"></i>
  91.                         Avis certifiés</a>
  92.                 </p>
  93.             </div>
  94.             <div class="header__main">
  95.                 <div class="header__main__content">
  96.                     <a href="{{ path('home') }}" class="logo">
  97.                         <img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
  98.                     <ul class='menu'>
  99.                         <li>
  100.                             <a href="{{ path('home') }}">Notre centre</a>
  101.                         </li>
  102.                         <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
  103.                             <a>Nos spécialités</a>
  104.                         </li>
  105.                         <li class="deroul-specialites">
  106.                             <a href="{{ path('besoins') }}">Vos besoins</a>
  107.                         </li>
  108.                         <li>
  109.                             <a href="{{ path('blog') }}">Blog</a>
  110.                         </li>
  111.                         <li>
  112.                             <a href="{{ path('avis') }}">Avis</a>
  113.                         </li>
  114.                         <li class="link-contact">
  115.                             <a href="{{ path('contact') }}">Contact</a>
  116.                             <div class="link-border-contact"></div>
  117.                             <div class="link-back-contact"></div>
  118.                         </li>
  119.                     </ul>
  120.                     <label class="mobile-menu-btn">
  121.                         <i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
  122.                         <i class="fas fa-times" onclick='closeMenu()' id='close'></i>
  123.                     </label>
  124.                     <div class="adress">
  125.                         <div class="adress-box">
  126.                             <strong>
  127.                                 <a href="tel:0153700512" style="color:black;">
  128.                                     <i class="far fa-calendar"></i>
  129.                                     01 53 70 05 12</strong>
  130.                             </a>
  131.                             <br>
  132.                             <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
  133.                         </div>
  134.                     </div>
  135.                     <div class="header__list" id='header__list'>
  136.                         <ul class="menu-mobile">
  137.                             <li>
  138.                                 <a href="{{ path('home') }}">Notre centre</a>
  139.                             </li>
  140.                             <li><a href="{{ path('specialites_microneedling') }}">Microneedling</a></li>
  141.                             <li><a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a></li>
  142.                             <li><a href="{{ path('specialites_peeling') }}">Peeling</a></li>
  143.                             <li><a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie capillaire</a></li>
  144.                             <li><a href="{{ path('specialites_injection') }}">Injection hyaluronique</a></li>
  145.                             <li><a href="{{ path('specialites_toxine') }}">Toxine</a></li>
  146.                             <li><a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a></li>
  147.                             <li><a href="{{ path('specialites_philart') }}">Polynucléotides</a></li>
  148.                             <li><a href="{{ path('specialites_epilation-laser') }}">Épilation laser</a></li>
  149.                             <li><a href="{{ path('specialites_morpheus') }}">Virtu RF</a></li>
  150.                             <li><a href="{{ path('specialites_morpheus') }}">Morpheus</a></li>
  151.                             <li><a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a></li>
  152.                             <li><a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a></li>
  153.                             <li><a href="{{ path('specialites_zaffiro') }}">Zaffiro</a></li>
  154.                             <li><a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment dentaire</a></li>
  155.                             <li><a href="{{ path('specialites_luminotherapie') }}">Luminothérapie</a></li>
  156.                             <li><a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a></li>
  157.                             <li><a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a></li>
  158.                             <li><a href="{{ path('specialites_plasma') }}">Plasma</a></li>
  159.                             <li><a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a></li>
  160.                             <li><a href="#">PRP</a></li>
  161.                             <li>
  162.                                 <a href="{{ path('besoins') }}">Vos besoins</a>
  163.                             </li>
  164.                             <li>
  165.                                 <a href="{{ path('blog') }}">Blog</a>
  166.                             </li>
  167.                             <li>
  168.                                 <a href="{{ path('avis') }}">
  169.                                     Avis
  170.                                 </a>
  171.                             </li>
  172.                             <li>
  173.                                 <a href="{{ path('contact') }}">
  174.                                     Contact
  175.                                 </a>
  176.                             </li>
  177.                         </ul>
  178.                     </div>
  179.                 </div>
  180.                 <ul class="deroul n1" id="deroulant-spe">
  181.                                     <li>
  182.                                         <a href="{{ path('specialites_microneedling') }}">Microneedling</a>  
  183.                                     </li>
  184.                                     <li>
  185.                                         <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
  186.                                     </li>
  187.                                     <li>
  188.                                         <a href="{{ path('specialites_peeling') }}">Peeling</a>
  189.                                     </li>
  190.                                     <li>
  191.                                         <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
  192.                                     </li>
  193.                                     <li>
  194.                                         <a href="{{ path('specialites_injection') }}">Injection hyaluronique</a>
  195.                                     </li>
  196.                                     <li>
  197.                                         <a href="{{ path('specialites_toxine') }}">Toxine</a>
  198.                                     </li>
  199.                                     <li>
  200.                                         <a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a>
  201.                                     </li>                                    
  202.                                     <li>
  203.                                         <a href="{{ path('specialites_philart') }}">Polynucléotides</a>
  204.                                     </li>
  205.                                     <li>
  206.                                         <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
  207.                                     </li>
  208.                                     <li>
  209.                                         <a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
  210.                                     </li>
  211.                                     <li>
  212.                                         <a href="{{ path('specialites_morpheus') }}">Morpheus</a>
  213.                                     </li>
  214.                                     <li>
  215.                                         <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
  216.                                     </li>
  217.                                     <li>
  218.                                         <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
  219.                                     </li>
  220.                                     <li>
  221.                                         <a href="{{ path('specialites_zaffiro') }}">Zaffiro</a>
  222.                                     </li>
  223.                                    <li>
  224.                                         <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
  225.                                     </li>
  226.                                     <li>
  227.                                         <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
  228.                                     </li>
  229.                                     <li>
  230.                                         <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
  231.                                     </li>
  232.                                     <li>
  233.                                         <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
  234.                                     </li>
  235.                                     <li>
  236.                                         <a href="{{ path('specialites_plasma') }}">Plasma</a>
  237.                                     </li>
  238.                                     <li>
  239.                                         <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
  240.                                     </li>
  241.                                     <li>
  242.                                         <a href="#">Prp</a>
  243.                                     </li>
  244.                 </ul>
  245.             </header>
  246.             <!--<div class="wrapper">
  247.                 <input type="radio" name="slider" checked id="el">
  248.                 <input type="radio" name="slider" id="me">
  249.                 <input type="radio" name="slider" id="hy">
  250.                 <input type="radio" name="slider" id="sv">
  251.                 <input type="radio" name="slider" id="sc">
  252.                 <input type="radio" name="slider" id="tp">
  253.                 <!--<nav>
  254.                 <label for="el" class="label">Epilation laser</label>
  255.                 <label for="me" class="label">Medecine esthetique</label>
  256.                 <label for="hy" class="label">Hydrafacial</label>
  257.                 <label for="sv" class="lanel">Soins Visages</label>
  258.                 <label for="sc" class="label">Soins capillaires</label>
  259.                 <label for="tp" class="label">Traitements de peau</label>
  260.                  <div class="slider"></div>
  261.             </nav>
  262.                 <section>
  263.                     <div class="content content-1">
  264.                         <div class="hero video-hero" data-aos="fade-up" data-aos-duration="1500">
  265.                             <video class="video-hero-content" id="hero-video" autoplay muted loop onclick="toggleSound()">
  266.                                 <source src="../../assets/videos/video_demo.mp4" type="video/mp4"/>
  267.                                 Votre navigateur ne prend pas en charge la lecture de vidéos HTML5.
  268.                             </video>
  269.                             <div class="sound-icon" onclick="toggleSound()">
  270.                                 <img id="sound-image" src="../../assets/images/speaker-muted.png" alt="Activer/désactiver le son">
  271.                             </div>
  272.                         </div>
  273.                         <div class="hero speciality-hero" data-aos="fade-up" data-aos-duration="1500">
  274.                             <h1>
  275.                                 L’Hydrafacial
  276.                             </h1>
  277.                             <h2 class="subtitle" data-aos="fade-up" data-aos-duration="1500">
  278.                                 NOTRE CENTRE ET NOS EQUIPES
  279.                             </h2>
  280.                             <p class="text" data-aos="fade-up" data-aos-duration="1500">
  281.                                 Hydrafacial utilise la technologie brevetée Vortex-Fusion® pour déloger et éliminer aisément les impuretés de façon totalement indolore, optimiser la pénétration des actifs et prolonger les résultats du soin
  282.                                 <br/>
  283.                                 Nettoie la peau en profondeur et apporte efficacement des actifs là où ils sont les plus bénéfiques
  284.                                 <br/>
  285.                                 Une peau extraite de toutes les impuretés, une hydratation immédiate et un coup d’éclat qui dure plusieurs jours
  286.                                 <br/>
  287.                                 Au fur et à mesure des séances, les rides et ridules sont estompées, les pores resserrés et les tâches éclaircies
  288.                             </p>
  289.                             <div class="btn">
  290.                                 <a href="{{ path('contact') }}">
  291.                                     En savoir plus
  292.                                 </a>
  293.                             </div>
  294.                         </div>
  295.                     </div>
  296.                     <!--<div class="content content-2">
  297.                         <div class="hero speciality-hero2">
  298.                             <h1>
  299.                                 Médécine esthétique
  300.                             </h1>
  301.                             <p class="text">
  302.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  303.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  304.                             </p>
  305.                             <div class="btn">
  306.                                 <a href="{{ path('contact') }}">
  307.                                     En savoir plus
  308.                                 </a>
  309.                             </div>
  310.                         </div>
  311.                     </div>
  312.                     <div class="content content-3">
  313.                         <div class="hero speciality-hero3">
  314.                             <h1>
  315.                                 Hydrafacial
  316.                             </h1>
  317.                             <p class="text">
  318.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  319.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  320.                             </p>
  321.                             <div class="btn">
  322.                                 <a href="{{ path('contact') }}">
  323.                                     En savoir plus
  324.                                 </a>
  325.                             </div>
  326.                         </div>
  327.                     </div>
  328.                     <div class="content content-4">
  329.                         <div class="hero speciality-hero">
  330.                             <h1>
  331.                                 Soins visages
  332.                             </h1>
  333.                             <p class="text">
  334.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  335.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  336.                             </p>
  337.                             <div class="btn">
  338.                                 <a href="{{ path('contact') }}">
  339.                                     En savoir plus
  340.                                 </a>
  341.                             </div>
  342.                         </div>
  343.                     </div>
  344.                     <div class="content content-5">
  345.                         <div class="hero speciality-hero">
  346.                             <h1>
  347.                                 Soins capillaires
  348.                             </h1>
  349.                             <p class="text">
  350.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  351.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  352.                             </p>
  353.                             <div class="btn">
  354.                                 <a href="{{ path('contact') }}">
  355.                                     En savoir plus
  356.                                 </a>
  357.                             </div>
  358.                         </div>
  359.                     </div>
  360.                     <div class="content content-6">
  361.                         <div class="hero speciality-hero6">
  362.                             <h1>
  363.                                 Traitementsde la peau
  364.                             </h1>
  365.                             <p class="text">
  366.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  367.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  368.                             </p>
  369.                             <div class="btn">
  370.                                 <a href="{{ path('contact') }}">
  371.                                     En savoir plus
  372.                                 </a>
  373.                             </div>
  374.                         </div>
  375.                     </div>
  376.                 </section>
  377.             </div>-->
  378.             <section style="padding-top:130px;">
  379.                 <div class="about-us">
  380.                     <div class="container-about-infos">
  381.                         <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  382.                             <h2 class="title-about">L’Hydrafacial</h2>
  383.                             <p class='about-text'>
  384.                                 L’Hydrafacial utilise la technologie brevetée Vortex-Fusion® pour déloger et éliminer aisément les impuretés de façon totalement indolore, optimise la pénétration des actifs et prolonge les résultats du soin.
  385.                                 <br/><br/>Il nettoie la peau en profondeur et apporte efficacement des actifs là où ils sont les plus bénéfiques.
  386.                                 <br/><br/>Une peau débarrassée de toutes les impuretés, une hydratation immédiate et un coup d’éclat qui dure plusieurs jours.
  387.                                 <br/>Au fur et à mesure des séances, les rides et ridules sont estompées, les pores resserrés et les taches éclaircies.
  388.                             </p>
  389.                             
  390.                         </div>
  391.                     </div>
  392.                     
  393.                     <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  394.                         <div class="video-container-test" style="text-align: center;">
  395.                             <video controls autoplay muted loop width="600">
  396.                                 <source src="{{asset('assets/videos/21_Hydrafacial.mp4')}}" type="video/mp4">
  397.                                 Your browser does not support the video tag.
  398.                             </video>
  399.                         </div>
  400.                     </div>
  401.                 </div>
  402.                 <div class="detail-circle-container">
  403.                     <div class="detail-circle">
  404.                         <h3 class="details-circle-title">Éviction Sociale</h3>
  405.                         <p class="details-circle-text">Non</p>
  406.                     </div>
  407.                     <div class="detail-circle">
  408.                         <h3 class="details-circle-title">Douleur</h3>
  409.                         <p class="details-circle-text">1/10</p>
  410.                     </div>
  411.                     <div class="detail-circle circle-price" onclick="window.location='#section-price';">
  412.                         <h3 class="details-circle-title">Coût</h3>
  413.                         <p class="details-circle-text">Voir prix</p>
  414.                     </div>
  415.                     <div class="detail-circle">
  416.                         <h3 class="details-circle-title">Durabilité</h3>
  417.                         <p class="details-circle-text">Entretien</p>
  418.                     </div>
  419.                 </div>
  420.                 <div class="detail-timeline-containers">
  421.                     <div class="detail-timeline detail-timeline-long">
  422.                         <div class="detail-timeline-event detail-timeline-event-first">
  423.                             <h4 class="detail-timeline-title">Séance 1</h4>
  424.                             <p class="detail-timeline-text">j-0</p>
  425.                         </div>
  426.                         <div class="detail-timeline-event">
  427.                             <h4 class="detail-timeline-title">Séance 2</h4>
  428.                             <p class="detail-timeline-text">j-30</p>
  429.                         </div>
  430.                         <div class="detail-timeline-event">
  431.                             <h4 class="detail-timeline-title">Séance 3</h4>
  432.                             <p class="detail-timeline-text">j-60</p>
  433.                         </div>
  434.                         <div class="detail-timeline-event detail-timeline-event-last">
  435.                             <h4 class="detail-timeline-title">Nouvelle Séance</h4>
  436.                             <p class="detail-timeline-text">+/- 6 mois</p>
  437.                         </div>
  438.                         <div class="detail-timeline-arrow">
  439.                             <div class="detail-timeline-arrow-line"></div>
  440.                             <div class="detail-timeline-arrow-line"></div>
  441.                         </div>
  442.                     </div>
  443.                 </div>
  444.             </section>
  445.             <section class="section-doctor specialite">
  446.                 <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
  447.                     <img class="doctor-img specialite" src="{{ asset('assets/spe/hydrafacial/3.png') }}" alt="docteur"/>
  448.                     <div class="square-border-doctor specialite"></div>
  449.                 </div>
  450.                 <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
  451.                     <h1 class="title-doctor specialite">Déroulé du soin</h1>
  452.                     <ul>
  453.                         <li>
  454.                             <div class="circle">
  455.                                 1
  456.                             </div>
  457.                             Démaquillage du visage
  458.                         </li>
  459.                         <li>
  460.                             <div class="circle">
  461.                                 2
  462.                             </div>
  463.                             Nettoyage en profondeur
  464.                         </li>
  465.                         <li>
  466.                             <div class="circle">
  467.                                 3
  468.                             </div>
  469.                             Exfoliation : avec un peeling doux (7,5%, 15% ou 30%, choisi par le praticien en fonction de votre peau) pour déloger les impuretés en profondeur
  470.                         </li>
  471.                         <li>
  472.                             <div class="circle">
  473.                                 4
  474.                             </div>
  475.                             Extraction : la peau étant préparée durant l’étape 3, grâce à une aspiration douce et indolore, on élimine les impuretés des pores, les points noirs et les peaux mortes
  476.                         </li>
  477.                         <li>
  478.                             <div class="circle">
  479.                                 5
  480.                             </div>
  481.                             Passage de LED bleues et rouges sur l’ensemble du visage pendant 10 minutes
  482.                         </li>
  483.                         <li>
  484.                             <div class="circle">
  485.                                 6
  486.                             </div>
  487.                             Infusion d'actifs hydratants, possibilité de combiner le soin avec des boosters (Hydrafacial Deluxe) ou encore du microneedling & LED
  488.                         </li>
  489.                     </ul>
  490.                 </div>
  491.                 <div class="square-border-info n1"></div>
  492.                 <div class="square-border-info n2"></div>
  493.             </section>
  494.             <!-- <div class="inner">
  495.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__text">
  496.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text__content">
  497.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500">
  498.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Des traitements adaptes
  499.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </h2>
  500.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  501.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <p class="text" data-aos="fade-right" data-aos-duration="1500">
  502.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  503.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  504.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  505.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  506.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  507.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  508.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  509.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  510.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </p>
  511.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  512.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  513.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  514.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  515.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image__content">
  516.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  517.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
  518.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Hydrafacial</span>
  519.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  520.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  521.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  522.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
  523.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Mesotherapie</span>
  524.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  525.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  526.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  527.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
  528.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Peeling</span>
  529.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  530.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  531.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  532.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  533.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  534.             <div class="about-us nosBesoin">
  535.                 <div class="container-about-infos">
  536.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  537.                         <h2 class="title-about">Après la séance</h2>
  538.                         <br/>
  539.                         <p class="about-text besoin">
  540.                             - Éviter de toucher votre peau et laisser les actifs pénétrer pendant au moins 6 h. Vous pourrez ensuite reprendre votre routine de soins habituelle
  541.                             <br/>
  542.                             - De nombreux patients déclarent avoir constaté un affinement du grain de peau ainsi qu’un teint plus uniforme et plus éclatant dès le premier soin
  543.                             <br/>
  544.                             - L’effet coup d’éclat et l’hydratation peuvent durer jusqu’à 7 jours, voire plus
  545.                             <br/>
  546.                             - Afin d’optimiser et de prolonger les résultats, il est recommandé de renouveler le soin une fois par mois
  547.                                 
  548.                         </p>
  549.                         <br/>
  550.                     </div>
  551.                 </div>
  552.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  553.                     <img class="about-img" src="{{ asset('assets/spe/hydrafacial/5.png') }}" alt="image d'illustration centre"/>
  554.                     <div class="about-border-square"></div>
  555.                 </div>
  556.             </div>
  557.             <!-- <div class="inner">
  558.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-right" data-aos-duration="1500">
  559.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  560.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  561.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  562.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text" data-aos="fade-left" data-aos-duration="1500">
  563.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  564.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  565.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  566.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  567.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  568.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem</div>
  569.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  570.             <div class="about-us specialite">
  571.                 <div class="container-about-infos">
  572.                     <div class="about-info" data-aos="fade-left" data-aos-duration="1500">
  573.                         <h2 class="title-about">Suis-je éligible ?</h2>
  574.                         <p class='about-text'>
  575.                             Le soin Hydrafacial est adapté à tous les types de peau et aide à améliorer l’apparence de la peau, y compris les plus sensibles. Le soin est personnalisé en fonction des besoins individuels de chaque personne.
  576.                         </p>
  577.                         <br/>
  578.                         <p class='about-text'>
  579.                             Nous ne vous proposerons pas ce traitement dans les contextes suivants :<br/><br/>
  580.                             - Grossesse
  581.                             <br/>
  582.                             - Eczéma inflammatoire
  583.                             <br/>
  584.                             - Infections cutanées ou lésions cutanées ouvertes
  585.                             <br/>
  586.                             - Personnes souffrant de maladies auto-immunes ou de troubles de la coagulation sanguine
  587.                             <br/>
  588.                         </p>
  589.                     </div>
  590.                 </div>
  591.                 <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
  592.                     <img class="about-img" src="{{ asset('assets/spe/hydrafacial/2.png') }}" alt="image d'illustration centre"/>
  593.                     <div class="about-border-square"></div>
  594.                 </div>
  595.             </div>
  596.             <br/>
  597.             <div class="about-us nosBesoin">
  598.                 <div class="container-about-infos">
  599.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  600.                         <h2 class="title-about">En résumé</h2>
  601.                         <p class="about-text besoin">
  602.                             L’HydraFacial est un soin non invasif, indolore et sans éviction sociale qui combine plusieurs étapes pour nettoyer, exfolier, extraire, hydrater et protéger la peau. Il est conçu pour nettoyer les pores en profondeur et améliorer l’apparence de la peau en ciblant divers problèmes cutanés, notamment l’acné, les rides, les taches pigmentaires, la texture inégale de la peau et la déshydratation.  Ce soin fournit de puissants antioxydants pour lutter contre les dommages causés par les radicaux libres, qui peuvent dégrader la peau et accélérer le processus de vieillissement.
  603.                             <br/>
  604.                             Il ne provoque pas de lésions disgracieuses. Vous pourrez reprendre vos activités normales immédiatement après le soin.
  605.                         </p>
  606.                         <br/>
  607.                     </div>
  608.                 </div>
  609.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  610.                     <img class="about-img" src="{{ asset('assets/spe/hydrafacial/1.png') }}" alt="image d'illustration centre"/>
  611.                     <div class="about-border-square"></div>
  612.                 </div>
  613.             </div>
  614.             <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
  615.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <div class="inner__text">
  616.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  617.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  618.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  619.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  620.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  621.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
  622.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 sed diam nonumy eirmod tempor invidunt ut labore et
  623.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 dolore magna aliquyam erat, sed diam voluptua
  624.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  625.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </p>
  626.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <ul>
  627.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  628.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  629.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  630.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  631.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  632.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  633.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  634.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  635.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  636.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  637.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  638.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  639.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  640.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  641.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  642.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  643.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  644.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  645.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  646.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  647.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  648.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  649.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  650.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  651.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  652.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  653.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  654.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  655.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  656.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  657.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  658.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  659.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  660.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  661.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </ul>
  662.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  663.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  664.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  665.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  666.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  667.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  668.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  669.             <div style="text-align:center; max-width:700px; margin:0 auto;">
  670.                 
  671.                 <h2 class="title-about">Témoignage</h2>
  672.                 
  673.                 <video controls autoplay muted loop style="width:100%; max-width:600px; border-radius:8px;">
  674.                     <source src="{{asset('assets/videos/15_Témoignage_Nadia.mp4')}}" type="video/mp4">
  675.                     Your browser does not support the video tag.
  676.                 </video>
  677.                 <br /><br />
  678.             </div>
  679.             
  680.             <div class="price" data-aos="fade-up" data-aos-duration="1500" id="section-price">
  681.                 <h2 class="title-about">
  682.                     Notre grille tarifaire
  683.                 </h2>
  684.                 <div class="table-container">
  685.                     <div class="table-wrapper">
  686.                         <table>
  687.                             <tbody>
  688.                                 <tr>
  689.                                     <td class="text">Soin Signature</td>
  690.                                     <td class="prix">180€</td>
  691.                                     <td class="temps">40 min</td>
  692.                                 </tr>
  693.                                 <tr>
  694.                                     <td class="text">Soin Deluxe Booster</td>
  695.                                     <td class="prix">250€</td>
  696.                                     <td class="temps">55 min</td>
  697.                                 </tr>
  698.                                 <tr>
  699.                                     <td class="text">Soin nettoyage du cuir chevelu</td>
  700.                                     <td class="prix">200€</td>
  701.                                     <td class="temps">30 min</td>
  702.                                 </tr>
  703.                                 <tr>
  704.                                     <td class="text">Soin Keravive</td>
  705.                                     <td class="prix">380€</td>
  706.                                     <td class="temps">45 min</td>
  707.                                 </tr>
  708.                                 <tr>
  709.                                     <td colspan="3" style="border: none;"></td>
  710.                                 </tr>
  711.                                 <tr>
  712.                                     <td colspan="3" style="border: none;">Nos combinaisons:</td> 
  713.                                 </tr>
  714.                                 <tr>
  715.                                     <td class="text">Glow Skin (Hydrafacial signature + Microneedling & LED)</td>
  716.                                     <td class="prix">270€</td>
  717.                                     <td class="temps">1h</td>
  718.                                 </tr>
  719.                                 <tr>
  720.                                     <td class="text">Glow Boost (Hydrafacial signature + Laser resurfacing)</td>
  721.                                     <td class="prix">350€</td>
  722.                                     <td class="temps">1h45</td>
  723.                                 </tr>
  724.                                 <tr>
  725.                                     <td class="text">Hair Care (Hydrafacial signature + Virtue RF + Mésothérapie)</td>
  726.                                     <td class="prix">550€</td>
  727.                                     <td class="temps">1h30</td>
  728.                                 </tr>
  729.                             </tbody>
  730.                         </table>
  731.                         <div class="legal-notice">
  732.                             <p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br>
  733.                             La prestation délivrée par votre professionnel de santé ne fait pas l’objet d’un conventionnement. Dès lors, elle n’est pas prise en charge par la sécurité sociale. Le montant des honoraires doit cependant être déterminé avec tact et mesure.</p>
  734.                         </div>
  735.                     </div>
  736.                 </div>
  737.                 <!--<div class="price__list">
  738.                     <div class="price-card">
  739.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  740.                         <h3>
  741.                             Skinbooster
  742.                         </h3>
  743.                         <p class="amount">
  744.                             A partir de 200 €
  745.                         </p>
  746.                     </div>
  747.                     <div class="price-card">
  748.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  749.                         <h3>
  750.                             Skinbooster
  751.                         </h3>
  752.                         <p class="amount">
  753.                             A partir de 200 €
  754.                         </p>
  755.                     </div>
  756.                     <div class="price-card">
  757.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  758.                         <h3>
  759.                             Skinbooster
  760.                         </h3>
  761.                         <p class="amount">
  762.                             A partir de 200 €
  763.                         </p>
  764.                     </div>
  765.                     <div class="price-card">
  766.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  767.                         <h3>
  768.                             Skinbooster
  769.                         </h3>
  770.                         <p class="amount">
  771.                             A partir de 200 €
  772.                         </p>
  773.                     </div>
  774.                 </div>
  775.                 <div class="price__list">
  776.                     <div class="price-card">
  777.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  778.                         <h3>
  779.                             Skinbooster
  780.                         </h3>
  781.                         <p class="amount">
  782.                             A partir de 200 €
  783.                         </p>
  784.                     </div>
  785.                     <div class="price-card">
  786.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  787.                         <h3>
  788.                             Skinbooster
  789.                         </h3>
  790.                         <p class="amount">
  791.                             A partir de 200 €
  792.                         </p>
  793.                     </div>
  794.                     <div class="price-card">
  795.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  796.                         <h3>
  797.                             Skinbooster
  798.                         </h3>
  799.                         <p class="amount">
  800.                             A partir de 200 €
  801.                         </p>
  802.                     </div>
  803.                     <div class="price-card">
  804.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  805.                         <h3>
  806.                             Skinbooster
  807.                         </h3>
  808.                         <p class="amount">
  809.                             A partir de 200 €
  810.                         </p>
  811.                     </div>
  812.                 </div>-->
  813.                 <br>
  814.                 <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/" target="_blank">
  815.                     <button class="container-buttonBorder">
  816.                         <p class="buttonBorder">Prendre rendez-vous</p>
  817.                         <p class="border-buttonBorder"></p>
  818.                         <p class="back-buttonBorder"></p>
  819.                     </button>
  820.                 </a>
  821.             </div>
  822.             <br>
  823.             <br>
  824. <footer>
  825.   <div class="footerNew-container">
  826.     <div class="footerNew-left">
  827.       <div class="footerNew-contact-info">
  828.         <div class="footerNew-contact-item">
  829.           <div class="footerNew-icon-circle">
  830.             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  831.               <path d="M21 15.8V18a2 2 0 0 1-2 2h-1a16.009 16.009 0 0 1-13-13V5a2 2 0 0 1 2-2h2.2a1 1 0 0 1 1 .76l.72 3.18a1 1 0 0 1-.27.95L8.53 9.47a12 12 0 0 0 6 6l1.58-1.58a1 1 0 0 1 .95-.27l3.18.72a1 1 0 0 1 .76 1Z" />
  832.             </svg>
  833.           </div>
  834.           <a href="tel:0153700512"> 01 53 70 05 12</a>
  835.         </div>
  836.         <div class="footerNew-contact-item">
  837.           <div class="footerNew-icon-circle">
  838.             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  839.               <path d="M21 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2m18 0v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8m18 0L12 13 3 8" />
  840.             </svg>
  841.           </div>
  842.           <a href="mailto:contact@maison-eiffel-esthetique.fr">Envoyez-nous un message</a>
  843.         </div>
  844.         <div class="footerNew-contact-item">
  845.           <div class="footerNew-icon-circle">
  846.             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  847.               <path d="M12 2a10 10 0 0 1 10 10c0 7.5-10 10-10 10S2 19.5 2 12A10 10 0 0 1 12 2Z" />
  848.               <circle cx="12" cy="12" r="3" />
  849.             </svg>
  850.           </div>
  851.           <a href="#">Nous trouver</a>
  852.         </div>
  853.       </div>
  854.     </div>
  855.     <div class="footerNew-right">
  856.       <div class="footerNew-column">
  857.         <h4>Nos spécialités</h4>
  858.         <ul>
  859.           <li><a href="/specialites/epilation-laser">Épilation laser</a></li>
  860.           <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  861.           <li><a href="/specialites/injection">Injection</a></li>
  862.           <li><a href="#">Polynucléotides</a></li>
  863.           <li><a href="/specialites/morpheus">Morpheus</a></li>
  864.           <li><a href="#">Virtu RF</a></li>
  865.         </ul>
  866.       </div>
  867.     <div class="footerNew-column">
  868.         <h4>Vos besoins</h4>
  869.         <ul class="footerNew-dropdown">
  870.             <li>
  871.             <button class="footerNew-dropdown-button">Qualité de peau</button>
  872.             <ul class="footerNew-submenu">
  873.                 <li><a href="/specialites/peeling">Peeling</a></li>
  874.                 <li><a href="/specialites/laser-resurfacing">Laser resurfacing</a></li>
  875.                 <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  876.                 <li><a href="/specialites/microneedling">Microneedling</a></li>
  877.             </ul>
  878.             </li>
  879.             <li>
  880.             <button class="footerNew-dropdown-button">Relâchement cutané</button>
  881.             <ul class="footerNew-submenu">
  882.                 <li><a href="/specialites/virturf">Virtu RF</a></li>
  883.             </ul>
  884.             </li>
  885.             <li>
  886.             <button class="footerNew-dropdown-button">Vieillissement cutané</button>
  887.             <ul class="footerNew-submenu">
  888.                 <li><a href="/specialites/philart">Philart</a></li>
  889.             </ul>
  890.             </li>
  891.             <li>
  892.             <button class="footerNew-dropdown-button">Densité des cheveux</button>
  893.             <ul class="footerNew-submenu">
  894.                 <li><a href="/specialites/philart">Polynucléotides cheveux (Philart Mésothérapie)</a></li>
  895.             </ul>
  896.             </li>
  897.             <li>
  898.             <button class="footerNew-dropdown-button">Amincissement</button>
  899.             <ul class="footerNew-submenu">
  900.                 <li><a href="/specialites/cryolipolyse">Cryolipolyse</a></li>
  901.             </ul>
  902.             </li>
  903.             <li>
  904.             <button class="footerNew-dropdown-button">Rides et ridules</button>
  905.             <ul class="footerNew-submenu">
  906.                 <li><a href="#">Philart</a></li>
  907.                 <li><a href="/specialites/morpheus">Morpheus</a></li>
  908.                 <li><a href="#">Injections et Toxine</a></li>
  909.             </ul>
  910.             </li>
  911.         </ul>
  912.         </div>
  913.       <div class="footerNew-column">
  914.         <h4>Actualités</h4>
  915.         <ul>
  916.           <li><a href="/article/morpheus-une-avancee-spectaculaire-dans-le-domaine-de-la-beaute-a-tester-a-la-maison-eiffel">Morpheus : Une avancée spectaculaire</a></li>
  917.           <li><a href="/article/le-centre-esthetique-maison-eiffel-recommande-4-soins-pour-avoir-une-peau-lumineuse-en-plein-hiver">4 soins pour une peau lumineuse</a></li>
  918.           <li><a href="/article/les-3-soins-stars-de-la-parisienne-pour-bien-commencer-la-saison">Les 3 soins stars</a></li>
  919.           <li><a href="/article/lasers-peeling-radiofrequence-des-traitements-de-reference-pour-une-peau-parfaite">Traitements de référence pour une peau parfaite</a></li>
  920.         </ul>
  921.       </div>
  922.     </div>
  923.   </div>
  924.   <div class="footerNew-bottom">
  925.     <p>&copy; 2024 | <a href="/mentions-legales">Mentions légales</a> | <a href="/politique-de-confidentialite">Politique de confidentialité</a></p>
  926.   </div>
  927. </footer>
  928.         </div>
  929.         <script src="public/js/script.js"></script>
  930.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  931.         <script>
  932.             AOS.init();
  933.         </script>
  934.         <script>
  935.     function openSpecialites() {
  936.     const menu = document.getElementById('deroulant-spe');
  937.     
  938.     // Toggle le menu
  939.     if(menu.style.display === "none" || menu.style.display === "") {
  940.         menu.style.display = 'block';
  941.         
  942.         // Ajoute un écouteur pour détecter les clics en dehors
  943.         document.addEventListener('click', closeOnClickOutside);
  944.     } else {
  945.         menu.style.display = 'none';
  946.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  947.     }
  948.     }
  949.     // Fonction qui ferme le menu si on clique à l'extérieur
  950.     function closeOnClickOutside(event) {
  951.     const menu = document.getElementById('deroulant-spe');
  952.     const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
  953.     // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
  954.     if (!menu.contains(event.target) && !button.contains(event.target)) {
  955.         menu.style.display = 'none';
  956.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  957.     }
  958.     }
  959. </script>
  960.     {% endblock %}