templates/specilites/epilation-laser.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Maison Eiffel - Epilation laser{% endblock %}
  4. {% block description %}Découvrez notre traitement d'épilation laser, une solution efficace pour éliminer les poils indésirables de manière durable. Notre centre de médecine esthétique à Paris vous offre des séances personnalisées pour une peau lisse et sans poils. Prenez rendez-vous dès aujourd'hui pour une consultation gratuite et retrouvez une confiance en vous renouvelée grâce à notre expertise en épilation laser.{% endblock %}
  5. {% block keywords %}épilation laser, épilation définitive, traitement de l'épilation, centre de médecine esthétique, Paris, séances d'épilation laser, consultation gratuite, peau lisse, élimination des poils indésirables{% endblock %}
  6. {% block og_title %}Maison Eiffel - Epilation laser{% endblock %}
  7. {% block og_description %}Découvrez notre traitement d'épilation laser, une solution efficace pour éliminer les poils indésirables de manière durable. Notre centre de médecine esthétique à Paris vous offre des séances personnalisées pour une peau lisse et sans poils. Prenez rendez-vous dès aujourd'hui pour une consultation gratuite et retrouvez une confiance en vous renouvelée grâce à notre expertise en épilation laser.{% endblock %}
  9. {% block stylesheets %}
  10.     <style rel="stylesheet">
  11.         .table-container {
  12.             width: 100%;
  13.             max-width: 90%;
  14.             margin-left: 5%;
  15.             overflow-x: auto;
  16.             display: flex;
  17.             justify-content: center;
  18.         }
  20.         .table-wrapper {
  21.             border: 1px solid #E0C15B;
  22.             border-radius: 8px;
  23.             padding: 12px;
  24.             background-color: #fff;
  25.             position: relative;
  26.             width: 100%;
  27.         }
  29.         table {
  30.             width: 100%;
  31.             border-collapse: collapse;
  32.         }
  34.         td {
  35.             padding: 8px 12px;
  36.             text-align: left;
  37.             border-bottom: 1px solid #E0C15B;
  38.         }
  40.         .text {
  41.             font-weight: bold;
  42.             width: 30%;
  43.         }
  45.         .prix, .temps {
  46.             text-align: right;
  47.             padding: 8px 4px;
  48.         }
  50.         .prix {
  51.             width: 50%;
  52.         }
  54.         .temps {
  55.             width: 50%;
  56.         }
  58.         tr:last-child td {
  59.             border-bottom: 1px solid #E0C15B;
  60.         }
  62.         .legal-notice {
  63.             font-size: 9px;
  64.             color: #555;
  65.             margin-top: 16px;
  66.             text-align: center;
  67.         }
  69.         @media (max-width: 600px) {
  70.             .table-container {
  71.                 width: 80%;
  72.                 margin-left: 10%;
  73.             }
  75.             .table-wrapper {
  76.                 width: 100%;
  77.             }
  79.             table {
  80.                 font-size: 14px;
  81.             }
  83.             td {
  84.                 padding: 6px 8px;
  85.             }
  87.             .text {
  88.                 font-weight: bold;
  89.                 width: auto;
  90.             }
  92.             .prix, .temps {
  93.                 width: auto;
  94.             }
  95.         }
  96.     </style>
  97. {% endblock %}
  99. {% block body %}
  100.     <div class="mainContainer" id="container-specialtes">
  101.         <header class="header">
  102.             <div class="header__top">
  103.                 <p class="adress-top">
  104.                     <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">
  105.                         <i class='fas fa-map-marker-alt'></i>
  106.                         Nous trouver sur la carte</a>
  107.                     <a href="/avis">
  108.                         <i class="far fa-star"></i>
  109.                         Avis certifiés</a>
  110.                 </p>
  111.             </div>
  113.             <div class="header__main">
  114.                 <div class="header__main__content">
  115.                     <a href="{{ path('home') }}" class="logo">
  116.                         <img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
  118.                     <ul class='menu'>
  119.                         <li>
  120.                             <a href="{{ path('home') }}">Notre centre</a>
  121.                         </li>
  123.                         <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
  124.                             <a>Nos spécialités</a>
  125.                         </li>
  127.                         <li class="deroul-specialites">
  128.                             <a href="{{ path('besoins') }}">Vos besoins</a>
  129.                         </li>
  131.                         <li>
  132.                             <a href="{{ path('blog') }}">Blog</a>
  133.                         </li>
  134.                         <li>
  135.                             <a href="{{ path('avis') }}">Avis</a>
  136.                         </li>
  137.                         <li class="link-contact">
  138.                             <a href="{{ path('contact') }}">Contact</a>
  139.                             <div class="link-border-contact"></div>
  140.                             <div class="link-back-contact"></div>
  141.                         </li>
  142.                     </ul>
  144.                     <label class="mobile-menu-btn">
  145.                         <i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
  146.                         <i class="fas fa-times" onclick='closeMenu()' id='close'></i>
  147.                     </label>
  149.                     <div class="adress">
  150.                         <div class="adress-box">
  151.                             <strong>
  152.                                 <a href="tel:0153700512" style="color:black;">
  153.                                     <i class="far fa-calendar"></i>
  154.                                     01 53 70 05 12</strong>
  155.                             </a>
  156.                             <br>
  157.                             <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
  159.                         </div>
  160.                     </div>
  162.                     <div class="header__list" id='header__list'>
  163.                         <ul class="menu-mobile">
  164.                             <li>
  165.                                 <a href="{{ path('home') }}">Notre centre</a>
  166.                             </li>
  168.                             <li><a href="{{ path('specialites_microneedling') }}">Microneedling</a></li>
  169.                             <li><a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a></li>
  170.                             <li><a href="{{ path('specialites_peeling') }}">Peeling</a></li>
  171.                             <li><a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie capillaire</a></li>
  172.                             <li><a href="{{ path('specialites_injection') }}">Injection hyaluronique</a></li>
  173.                             <li><a href="{{ path('specialites_toxine') }}">Toxine</a></li>
  174.                             <li><a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a></li>
  175.                             <li><a href="{{ path('specialites_philart') }}">Polynucléotides</a></li>
  176.                             <li><a href="{{ path('specialites_epilation-laser') }}">Épilation laser</a></li>
  177.                             <li><a href="{{ path('specialites_morpheus') }}">Virtu RF</a></li>
  178.                             <li><a href="{{ path('specialites_morpheus') }}">Morpheus</a></li>
  179.                             <li><a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a></li>
  180.                             <li><a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a></li>
  181.                             <li><a href="{{ path('specialites_zaffiro') }}">Zaffiro</a></li>
  182.                             <li><a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment dentaire</a></li>
  183.                             <li><a href="{{ path('specialites_luminotherapie') }}">Luminothérapie</a></li>
  184.                             <li><a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a></li>
  185.                             <li><a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a></li>
  186.                             <li><a href="{{ path('specialites_plasma') }}">Plasma</a></li>
  187.                             <li><a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a></li>
  188.                             <li><a href="#">PRP</a></li>
  190.                             <li>
  191.                                 <a href="{{ path('besoins') }}">Vos besoins</a>
  192.                             </li>    
  194.                             <li>
  195.                                 <a href="{{ path('blog') }}">Blog</a>
  196.                             </li>
  198.                             <li>
  199.                                 <a href="{{ path('avis') }}">
  200.                                     Avis
  201.                                 </a>
  202.                             </li>
  203.                             <li>
  204.                                 <a href="{{ path('contact') }}">
  205.                                     Contact
  206.                                 </a>
  207.                             </li>
  208.                         </ul>
  209.                     </div>
  212.                 </div>
  213.                 <ul class="deroul n1" id="deroulant-spe">
  214.                                     <li>
  215.                                         <a href="{{ path('specialites_microneedling') }}">Microneedling</a>  
  216.                                     </li>
  217.                                     <li>
  218.                                         <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
  219.                                     </li>
  220.                                     <li>
  221.                                         <a href="{{ path('specialites_peeling') }}">Peeling</a>
  222.                                     </li>
  223.                                     <li>
  224.                                         <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
  225.                                     </li>
  226.                                     <li>
  227.                                         <a href="{{ path('specialites_injection') }}">Injection hyaluronique</a>
  228.                                     </li>
  229.                                     <li>
  230.                                         <a href="{{ path('specialites_toxine') }}">Toxine</a>
  231.                                     </li>
  232.                                     <li>
  233.                                         <a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a>
  234.                                     </li>                                    
  235.                                     <li>
  236.                                         <a href="{{ path('specialites_philart') }}">Polynucléotides</a>
  237.                                     </li>
  238.                                     <li>
  239.                                         <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
  240.                                     </li>
  241.                                     <li>
  242.                                         <a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
  243.                                     </li>
  244.                                     <li>
  245.                                         <a href="{{ path('specialites_morpheus') }}">Morpheus</a>
  246.                                     </li>
  247.                                     <li>
  248.                                         <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
  249.                                     </li>
  250.                                     <li>
  251.                                         <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
  252.                                     </li>
  253.                                     <li>
  254.                                         <a href="{{ path('specialites_zaffiro') }}">Zaffiro</a>
  255.                                     </li>
  256.                                    <li>
  257.                                         <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
  258.                                     </li>
  259.                                     <li>
  260.                                         <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
  261.                                     </li>
  262.                                     <li>
  263.                                         <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
  264.                                     </li>
  265.                                     <li>
  266.                                         <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
  267.                                     </li>
  268.                                     <li>
  269.                                         <a href="{{ path('specialites_plasma') }}">Plasma</a>
  270.                                     </li>
  271.                                     <li>
  272.                                         <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
  273.                                     </li>
  274.                                     <li>
  275.                                         <a href="#">Prp</a>
  276.                                     </li>
  277.                 </ul>
  278.             </header>
  280.             <section style="padding-top:130px;">
  281.                 <div class="about-us">
  282.                     <div class="container-about-infos-spe">
  283.                         <div class="about-info-spe" data-aos="fade-right" data-aos-duration="1500">
  284.                             <h2 class="title-about">Épilation laser</h2>
  285.                             <p class='about-text'>
  286.                                 L'épilation laser permet d'obtenir une réduction durable de la pilosité, estimée à 95% des poils traités après un cycle complet de séances adaptées.
  287.                                 <br/>
  288.                                 L'épilation au laser utilise un faisceau lumineux puissant qui traverse la peau pour atteindre et chauffer la racine du poil, détruisant ainsi le follicule pileux de façon ciblée, tout en respectant les tissus voisins.
  289.                             </p>
  290.                         </div>
  291.                     </div>
  292.                     
  293.                     <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  294.                         <div class="video-container-test" style="text-align: center;">
  295.                             <video controls autoplay muted loop width="600">
  296.                                 <source src="{{asset('assets/videos/14_Laser_Jambes.mp4')}}" type="video/mp4">
  297.                                 Your browser does not support the video tag.
  298.                             </video>
  299.                         </div>
  300.                     </div>
  301.                 </div>
  303.                 <div class="detail-circle-container">
  304.                     <div class="detail-circle">
  305.                         <h3 class="details-circle-title">Éviction Sociale</h3>
  306.                         <p class="details-circle-text">Non</p>
  307.                     </div>
  308.                     <div class="detail-circle">
  309.                         <h3 class="details-circle-title">Douleur</h3>
  310.                         <p class="details-circle-text">4/10</p>
  311.                     </div>
  312.                     <div class="detail-circle circle-price" onclick="window.location='#section-price';">
  313.                         <h3 class="details-circle-title">Coût</h3>
  314.                         <p class="details-circle-text">Voir Prix</p>
  315.                     </div>
  316.                     <div class="detail-circle">
  317.                         <h3 class="details-circle-title">Durabilité</h3>
  318.                         <p class="details-circle-text">Entretien</p>
  319.                     </div>
  320.                 </div>
  321.                 <div class="detail-timeline-containers">
  322.                     <div class="detail-timeline detail-timeline-long">
  323.                         <div class="detail-timeline-event detail-timeline-event-first">
  324.                             <h4 class="detail-timeline-title">Séance 1</h4>
  325.                             <p class="detail-timeline-text">j-0</p>
  326.                         </div>
  327.                         <div class="detail-timeline-event">
  328.                             <h4 class="detail-timeline-title">Séance 3</h4>
  329.                             <p class="detail-timeline-text">j-40</p>
  330.                         </div>
  331.                         <div class="detail-timeline-event">
  332.                             <h4 class="detail-timeline-title">Séance 4</h4>
  333.                             <p class="detail-timeline-text">j-80</p>
  334.                         </div>
  335.                         <div class="detail-timeline-event">
  336.                             <h4 class="detail-timeline-title">Séance 5</h4>
  337.                             <p class="detail-timeline-text">j-120</p>
  338.                         </div>
  339.                         <div class="detail-timeline-event">
  340.                             <h4 class="detail-timeline-title">Séance 6</h4>
  341.                             <p class="detail-timeline-text">j-160</p>
  342.                         </div>
  343.                         <div class="detail-timeline-event">
  344.                             <h4 class="detail-timeline-title">Séance 6</h4>
  345.                             <p class="detail-timeline-text">j-200</p>
  346.                         </div>
  347.                         <div class="detail-timeline-event detail-timeline-event-last">
  348.                             <h4 class="detail-timeline-title">Séance d'entretien</h4>
  349.                             <p class="detail-timeline-text">+/- 3 ans</p>
  350.                         </div>
  351.                         <div class="detail-timeline-arrow">
  352.                             <div class="detail-timeline-arrow-line"></div>
  353.                             <div class="detail-timeline-arrow-line"></div>
  354.                         </div>
  355.                     </div>
  356.                 </div>
  357.             </section>
  359.             <section class="section-doctor specialite">
  360.                 <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
  361.                     <img class="doctor-img specialite" src="{{ asset('assets/spe/laser/3.png') }}" alt="docteur"/>
  362.                     <div class="square-border-doctor specialite"></div>
  363.                 </div>
  364.                 <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
  365.                     <h1 class="title-doctor specialite">Déroulé du soin</h1>
  366.                     <ul>
  367.                         <li>
  368.                             <div class="circle">
  369.                                 1
  370.                             </div>
  371.                             Nettoyage de la zone
  372.                         </li>
  374.                         <li>
  375.                             <div class="circle">
  376.                                 2
  377.                             </div>
  378.                             Délimitation de la zone à traiter
  379.                         </li>
  381.                         <li>
  382.                             <div class="circle">
  383.                                 3
  384.                             </div>
  385.                             Séance de 10 à 60 minutes en fonction de la zone à traiter
  386.                         </li>
  388.                         <li>
  389.                             <div class="circle">
  390.                                 4
  391.                             </div>
  392.                             Application d’une crème cicatrisante
  393.                         </li>
  394.                     </ul>
  396.                 </div>
  397.                 <div class="square-border-info n1"></div>
  398.                 <div class="square-border-info n2"></div>
  399.             </section>
  401.             <!-- <div class="inner">
  402.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__text">
  403.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text__content">
  404.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500">
  405.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Des traitements adaptes
  406.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </h2>
  407.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  408.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <p class="text" data-aos="fade-right" data-aos-duration="1500">
  409.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  410.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  411.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  412.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  413.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  414.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  415.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  416.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  417.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </p>
  418.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  419.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  420.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  421.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  422.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image__content">
  423.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  424.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
  425.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Hydrafacial</span>
  426.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  427.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  428.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  429.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
  430.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Mesotherapie</span>
  431.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  432.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  433.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  434.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
  435.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Peeling</span>
  436.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  437.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  438.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  439.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  440.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  441.             <div class="about-us nosBesoin">
  442.                 <div class="container-about-infos">
  443.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  444.                         <h2 class="title-about">Optimisation du soin</h2>
  445.                         <p class="about-text besoin">
  446.                             Pour un résultat conforme, ne pas dépasser 3 mois entre deux séances.
  447.                         </p>
  448.                         <br/>
  449.                         <p class='about-text besoin'>
  450.                             <span>Avant la séance :</span><br/>
  451.                             - Ne pas arriver bronzé à la séance <br />
  452.                             - Raser minutieusement toute la zone à traiter la veille ou le matin de la séance<br />
  453.                             - Ne pas appliquer de maquillage, de crème hydratante, de déodorant sur la zone à traiter
  454.                         </p><br />
  455.                         <p class='about-text'>
  456.                             <span>Après la séance :</span><br/>
  457.                             - Raser 3/4 fois maximum entre les séances
  458.                         </p>
  459.                     </div>
  460.                 </div>
  462.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  463.                     <img class="about-img" src="{{ asset('assets/spe/laser/4.png') }}" alt="image d'illustration centre"/>
  464.                     <div class="about-border-square"></div>
  465.                 </div>
  466.             </div>
  468.             <!-- <div class="inner">
  469.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-right" data-aos-duration="1500">
  470.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  471.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  472.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  473.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text" data-aos="fade-left" data-aos-duration="1500">
  474.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  475.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  476.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  477.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  478.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  479.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        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>
  480.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  482.             <div class="about-us specialite">
  483.                 <div class="container-about-infos">
  484.                     <div class="about-info" data-aos="fade-left" data-aos-duration="1500">
  485.                         <h2 class="title-about">Suis-je éligible ?</h2>
  486.                         <p class='about-text'>
  487.                             Pour les femmes et les hommes souhaitant diminuer ou éliminer durablement leur pilosité. Sur tous types de peaux.
  488.                             Nous ne vous proposerons pas ce traitement dans les contextes suivants :<br/><br/>
  489.                             - Lésions cutanées<br/>
  490.                             - Herpès<br/>
  491.                             - Prise d’anticoagulants<br/>
  492.                             - Acné inflammatoire<br/>
  493.                             - Grossesse et allaitement<br/>
  494.                             - Phototypes 5 à 6<br />
  495.                             - Traitement antibiotique
  496.                         </p>
  497.                     </div>
  498.                 </div>
  500.                 <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
  501.                     <img class="about-img" src="{{ asset('assets/spe/laser/1.png') }}" alt="image d'illustration centre"/>
  503.                     <div class="about-border-square"></div>
  504.                 </div>
  505.             </div>
  506.             <br/>
  507.             <div class="about-us nosBesoin">
  508.                 <div class="container-about-infos">
  509.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  510.                     <h2 class="title-about">En résumé</h2>
  511.                         <br/>
  512.                         <p class="about-text besoin">
  513.                             Cette méthode peut être réalisée sur l’ensemble des zones du corps de manière très efficace sur la majorité des poils. Elle est peu efficace sur les poils très clairs, blancs et roux. C’est la mélanine contenue dans le poil qui absorbe l’énergie envoyée par le laser pour la transformer en chaleur. Cet apport de chaleur détruit ainsi définitivement les structures responsables de la pousse du poil.
  514.                         </p>
  515.                         <p class="about-text besoin">
  516.                             Au sein du centre la machine lutronic de la marque clarity II.
  517.                         </p>
  518.                         <br/>
  520.                     </div>
  521.                 </div>
  523.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  524.                     <img class="about-img" src="{{ asset('assets/spe/laser/2.png') }}" alt="image d'illustration centre"/>
  525.                     <div class="about-border-square"></div>
  526.                 </div>
  527.             </div>
  529.             <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
  530.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <div class="inner__text">
  531.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  532.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  533.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  534.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  535.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  536.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
  537.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 sed diam nonumy eirmod tempor invidunt ut labore et
  538.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 dolore magna aliquyam erat, sed diam voluptua
  539.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  540.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </p>
  541.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <ul>
  542.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  543.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  544.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  545.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  546.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  547.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  548.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  549.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  550.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  551.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  552.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  553.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  554.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  555.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  556.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  557.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  558.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  559.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  560.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  561.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  562.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  563.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  564.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  565.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  566.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  567.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  568.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  569.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  570.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  571.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  572.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  573.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  574.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  575.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  576.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </ul>
  577.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  578.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  579.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  580.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  581.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  582.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  583.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  585.             <div style="text-align:center; max-width:700px; margin:0 auto;">
  586.                 
  587.                 <h2 class="title-about">Des questions ?</h2>
  589.                 <video controls autoplay muted loop style="width:100%; max-width:600px; border-radius:8px;">
  590.                     <source src="{{asset('assets/videos/LASER V2mp4 (2).mp4')}}" type="video/mp4">
  591.                     Your browser does not support the video tag.
  592.                 </video>
  593.                 <br /><br />
  594.             
  595.             </div>
  597.             <div class="price" data-aos="fade-up" data-aos-duration="1500">
  598.                 <h2 class="title-about">
  599.                     Notre grille tarifaire
  600.                 </h2>
  602.                 <div class="table-container">
  603.                     <div class="table-wrapper">
  604.                         <table>
  605.                             <tbody>
  606.                                 <tr>
  607.                                     <td class="text"></td>
  608.                                     <td class="prix">1 Séance</td>
  609.                                     <td class="temps">6 Séances</td>
  610.                                 </tr>
  611.                                 <tr>
  612.                                     <td class="text">Barbe</td>
  613.                                     <td class="prix">80€</td>
  614.                                     <td class="temps">432€</td>
  615.                                 </tr>
  616.                                 <tr>
  617.                                     <td class="text">Cou</td>
  618.                                     <td class="prix">70€</td>
  619.                                     <td class="temps">370€</td>
  620.                                 </tr>
  621.                                 <tr>
  622.                                     <td class="text">Lèvre Supérieur</td>
  623.                                     <td class="prix">40€</td>
  624.                                     <td class="temps">216€</td>
  625.                                 </tr>
  626.                                 <tr>
  627.                                     <td class="text">Menton</td>
  628.                                     <td class="prix">40€</td>
  629.                                     <td class="temps">216€</td>
  630.                                 </tr>
  631.                                 <tr>
  632.                                     <td class="text">Nuque</td>
  633.                                     <td class="prix">80€</td>
  634.                                     <td class="temps">432€</td>
  635.                                 </tr>
  636.                                 <tr>
  637.                                     <td class="text">Pommettes</td>
  638.                                     <td class="prix">50€</td>
  639.                                     <td class="temps">270€</td>
  640.                                 </tr>
  641.                                 <tr>
  642.                                     <td colspan="3" style="border: none;"></td>
  643.                                 </tr>
  644.                                 <tr>
  645.                                     <td colspan="3" style="border: none;"></td> 
  646.                                 </tr>
  647.                                 <tr>
  648.                                     <td class="text">Aisselles</td>
  649.                                     <td class="prix">45€</td>
  650.                                     <td class="temps">243€</td>
  651.                                 </tr>
  652.                                 <tr>
  653.                                     <td class="text">Aréoles des Seins</td>
  654.                                     <td class="prix">40€</td>
  655.                                     <td class="temps">216€</td>
  656.                                 </tr>
  657.                                 <tr>
  658.                                     <td class="text">Avant-Bras</td>
  659.                                     <td class="prix">95€</td>
  660.                                     <td class="temps">513€</td>
  661.                                 </tr>
  662.                                 <tr>
  663.                                     <td class="text">Bras Entier</td>
  664.                                     <td class="prix">150€</td>
  665.                                     <td class="temps">810€</td>
  666.                                 </tr>
  667.                                 <tr>
  668.                                     <td class="text">Cuisses</td>
  669.                                     <td class="prix">150€</td>
  670.                                     <td class="temps">675€</td>
  671.                                 </tr>
  672.                                 <tr>
  673.                                     <td class="text">Demi-Jambes</td>
  674.                                     <td class="prix">145€</td>
  675.                                     <td class="temps">783€</td>
  676.                                 </tr>
  677.                                 <tr>
  678.                                     <td class="text">Dos - Bas</td>
  679.                                     <td class="prix">70€</td>
  680.                                     <td class="temps">378€</td>
  681.                                 </tr>
  682.                                 <tr>
  683.                                     <td class="text">Dos - Haut</td>
  684.                                     <td class="prix">110€</td>
  685.                                     <td class="temps">594€</td>
  686.                                 </tr>
  687.                                 <tr>
  688.                                     <td class="text">Dos Entier</td>
  689.                                     <td class="prix">175€</td>
  690.                                     <td class="temps">945€</td>
  691.                                 </tr>
  692.                                 <tr>
  693.                                     <td class="text">Fesses</td>
  694.                                     <td class="prix">70€</td>
  695.                                     <td class="temps">378€</td>
  696.                                 </tr>
  697.                                 <tr>
  698.                                     <td class="text">Genoux</td>
  699.                                     <td class="prix">50€</td>
  700.                                     <td class="temps">270€</td>
  701.                                 </tr>
  702.                                 <tr>
  703.                                     <td class="text">Jambes Entières</td>
  704.                                     <td class="prix">270€</td>
  705.                                     <td class="temps">1458€</td>
  706.                                 </tr>
  707.                                 <tr>
  708.                                     <td class="text">Ligne Ombilicale</td>
  709.                                     <td class="prix">50€</td>
  710.                                     <td class="temps">270€</td>
  711.                                 </tr>
  712.                                 <tr>
  713.                                     <td class="text">Maillot Brésilien</td>
  714.                                     <td class="prix">90€</td>
  715.                                     <td class="temps">486€</td>
  716.                                 </tr>
  717.                                 <tr>
  718.                                     <td class="text">Maillot Classique</td>
  719.                                     <td class="prix">60€</td>
  720.                                     <td class="temps">324€</td>
  721.                                 </tr>
  722.                                 <tr>
  723.                                     <td class="text">Maillot Échancré</td>
  724.                                     <td class="prix">80€</td>
  725.                                     <td class="temps">432€</td>
  726.                                 </tr>
  727.                                 <tr>
  728.                                     <td class="text">Maillot Intégral</td>
  729.                                     <td class="prix">110€</td>
  730.                                     <td class="temps">594€</td>
  731.                                 </tr>
  732.                                     <tr>
  733.                                     <td class="text">Mains</td>
  734.                                     <td class="prix">40€</td>
  735.                                     <td class="temps">216€</td>
  736.                                 </tr>
  737.                                 <tr>
  738.                                     <td class="text">Pieds</td>
  739.                                     <td class="prix">60€</td>
  740.                                     <td class="temps">324€</td>
  741.                                 </tr>
  742.                                 <tr>
  743.                                     <td class="text">Sillon Interfessier</td>
  744.                                     <td class="prix">40€</td>
  745.                                     <td class="temps">216€</td>
  746.                                 </tr>
  747.                                 <tr>
  748.                                     <td class="text">Torse</td>
  749.                                     <td class="prix">100€</td>
  750.                                     <td class="temps">540€</td>
  751.                                 </tr>
  752.                                 <tr>
  753.                                     <td class="text">Ventre</td>
  754.                                     <td class="prix">70€</td>
  755.                                     <td class="temps">378€</td>
  756.                                 </tr>
  757.                                 <tr>
  758.                                     <td colspan="3" style="border: none;"></td>
  759.                                 </tr>
  760.                                 <tr>
  761.                                     <td colspan="3" style="border: none;"></td> 
  762.                                 </tr>
  763.                                 <tr>
  764.                                     <td colspan="3" style="border: none;"></td>
  765.                                 </tr>
  766.                                 <tr>
  767.                                     <td colspan="3" style="border: none;">Forfaits:</td> 
  768.                                 </tr>
  769.                                 <tr>
  770.                                     <td class="text">Aisselles + Maillot + SIF</td>
  771.                                     <td class="prix"></td>
  772.                                     <td class="temps">150€</td>
  773.                                 </tr>
  774.                                 <tr>
  775.                                     <td class="text">Aisselles + Maillot + Demi-Jambes</td>
  776.                                     <td class="prix"></td>
  777.                                     <td class="temps">220€</td>
  778.                                 </tr>
  779.                             </tbody>
  780.                         </table>
  781.                         <div class="legal-notice">
  782.                             <p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br>
  783.                             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>
  784.                         </div>
  785.                     </div>
  786.                 </div>
  787.                 <br>
  789.                 <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/" target="_blank">
  790.                     <button class="container-buttonBorder">
  791.                         <p class="buttonBorder">Prendre rendez-vous</p>
  792.                         <p class="border-buttonBorder"></p>
  793.                         <p class="back-buttonBorder"></p>
  794.                     </button>
  795.                 </a>
  796.             </div>
  797.             <br>
  798.             <br>
  800. <footer>
  801.   <div class="footerNew-container">
  802.     <div class="footerNew-left">
  803.       <div class="footerNew-contact-info">
  804.         <div class="footerNew-contact-item">
  805.           <div class="footerNew-icon-circle">
  806.             <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">
  807.               <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" />
  808.             </svg>
  809.           </div>
  810.           <a href="tel:0153700512"> 01 53 70 05 12</a>
  811.         </div>
  812.         <div class="footerNew-contact-item">
  813.           <div class="footerNew-icon-circle">
  814.             <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">
  815.               <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" />
  816.             </svg>
  817.           </div>
  818.           <a href="mailto:contact@exemple.com">Envoyez-nous un message</a>
  819.         </div>
  820.         <div class="footerNew-contact-item">
  821.           <div class="footerNew-icon-circle">
  822.             <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">
  823.               <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" />
  824.               <circle cx="12" cy="12" r="3" />
  825.             </svg>
  826.           </div>
  827.           <a href="#">Nous trouver</a>
  828.         </div>
  829.       </div>
  830.     </div>
  832.     <div class="footerNew-right">
  833.       <div class="footerNew-column">
  834.         <h4>Nos spécialités</h4>
  835.         <ul>
  836.           <li><a href="/specialites/epilation-laser">Épilation laser</a></li>
  837.           <li><a href="#">Injections</a></li>
  838.           <li><a href="#">Blanchiment dentaire</a></li>
  839.           <li><a href="#">Facettes dentaires</a></li>
  840.           <li><a href="#">Détatouage</a></li>
  841.         </ul>
  842.       </div>
  843.       <div class="footerNew-column">
  844.         <h4>Vos besoins</h4>
  845.         <ul>
  846.           <li><a href="#">Relâchement cutané</a></li>
  847.           <li><a href="#">Vieillissement cutané</a></li>
  848.           <li><a href="#">Densité des cheveux</a></li>
  849.           <li><a href="#">Repousse des cheveux</a></li>
  850.           <li><a href="#">Ride du lion</a></li>
  851.         </ul>
  852.       </div>
  853.       <div class="footerNew-column">
  854.         <h4>Actualités</h4>
  855.         <ul>
  856.           <li><a href="#">Bien-être</a></li>
  857.           <li><a href="#">Capillaire</a></li>
  858.           <li><a href="#">Chirurgie esthétique</a></li>
  859.           <li><a href="#">Dentaire</a></li>
  860.           <li><a href="#">Médecine esthétique</a></li>
  861.           <li><a href="#">Épilation laser</a></li>
  862.         </ul>
  863.       </div>
  864.     </div>
  865.   </div>
  867.   <div class="footerNew-bottom">
  868.     <p>&copy; 2024 | <a href="#">Mentions légales</a> | <a href="#">Politique de confidentialité</a></p>
  869.   </div>
  870. </footer>
  871.         </div>
  872.         <script src="public/js/script.js"></script>
  873.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  874.         <script>
  875.             AOS.init();
  876.         </script>
  877.         <script>
  878.     function openSpecialites() {
  879.     const menu = document.getElementById('deroulant-spe');
  880.     
  881.     // Toggle le menu
  882.     if(menu.style.display === "none" || menu.style.display === "") {
  883.         menu.style.display = 'block';
  884.         
  885.         // Ajoute un écouteur pour détecter les clics en dehors
  886.         document.addEventListener('click', closeOnClickOutside);
  887.     } else {
  888.         menu.style.display = 'none';
  889.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  890.     }
  891.     }
  893.     // Fonction qui ferme le menu si on clique à l'extérieur
  894.     function closeOnClickOutside(event) {
  895.     const menu = document.getElementById('deroulant-spe');
  896.     const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
  898.     // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
  899.     if (!menu.contains(event.target) && !button.contains(event.target)) {
  900.         menu.style.display = 'none';
  901.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  902.     }
  903.     }
  904. </script>
  905.     {% endblock %}