templates/specilites/luminotherapie.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Maison Eiffel - Spécialités
  4. {% endblock %}
  6. {% block body %}
  7.     <div class="mainContainer" id="container-specialtes">
  8.         <header class="header">
  9.             <div class="header__top">
  10.                 <p class="adress-top">
  11.                     <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">
  12.                         <i class='fas fa-map-marker-alt'></i>
  13.                         Nous trouver sur la carte</a>
  14.                     <a href="/avis">
  15.                         <i class="far fa-star"></i>
  16.                         Avis certifiés</a>
  17.                 </p>
  18.             </div>
  20.             <div class="header__main">
  21.                 <div class="header__main__content">
  22.                     <a href="{{ path('home') }}" class="logo">
  23.                         <img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
  25.                     <ul class='menu'>
  26.                         <li>
  27.                             <a href="{{ path('home') }}">Notre centre</a>
  28.                         </li>
  30.                         <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
  31.                             <a>Nos spécialités</a>
  32.                         </li>
  34.                         <li class="deroul-specialites">
  35.                             <a href="{{ path('besoins') }}">Vos besoins</a>
  36.                         </li>
  38.                         <li>
  39.                             <a href="{{ path('blog') }}">Blog</a>
  40.                         </li>
  41.                         <li>
  42.                             <a href="{{ path('avis') }}">Avis</a>
  43.                         </li>
  44.                         <li class="link-contact">
  45.                             <a href="{{ path('contact') }}">Contact</a>
  46.                             <div class="link-border-contact"></div>
  47.                             <div class="link-back-contact"></div>
  48.                         </li>
  49.                     </ul>
  51.                     <label class="mobile-menu-btn">
  52.                         <i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
  53.                         <i class="fas fa-times" onclick='closeMenu()' id='close'></i>
  54.                     </label>
  56.                     <div class="adress">
  57.                         <div class="adress-box">
  58.                             <strong>
  59.                                 <a href="tel:0153700512" style="color:black;">
  60.                                     <i class="far fa-calendar"></i>
  61.                                     01 53 70 05 12</strong>
  62.                             </a>
  63.                             <br>
  64.                             <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
  66.                         </div>
  67.                     </div>
  69.                     <div class="header__list" id='header__list'>
  70.                         <ul class="menu-mobile">
  71.                             <li>
  72.                                 <a href="{{ path('home') }}">Notre centre</a>
  73.                             </li>
  75.                             <li class="deroul-mobile">
  76.                                 <button class="menuonclick" onclick="openSousMenu()">
  77.                                     Nos specialites
  78.                                     <img class="arrowdown" src="{{ asset('assets/images/arrow-down.png') }}" alt="arrow down"></button>
  79.                                 <ul class="deroul-click">
  80.                                     <li>
  81.                                         <a href="#">lorem ipsum</a>
  82.                                     </li>
  83.                                     <li>
  84.                                         <a href="#">lorem ipsum</a>
  85.                                     </li>
  86.                                     <li>
  87.                                         <a href="#">lorem ipsum</a>
  88.                                     </li>
  89.                                     <li>
  90.                                         <a href="#">lorem ipsum</a>
  91.                                     </li>
  92.                                     <li>
  93.                                         <a href="#">lorem ipsum</a>
  94.                                     </li>
  95.                                     <li>
  96.                                         <a href="#">lorem ipsum</a>
  97.                                     </li>
  98.                                 </ul>
  99.                             </li>
  101.                             <li>
  102.                                 <a href="{{ path('besoins') }}">Vos besoins</a>
  103.                             </li>
  105.                             <li>
  106.                                 <a href="{{ path('blog') }}">Blog</a>
  107.                             </li>
  109.                             <li>
  110.                                 <a href="{{ path('avis') }}">
  111.                                     Avis
  112.                                 </a>
  113.                             </li>
  114.                             <li>
  115.                                 <a href="{{ path('contact') }}">
  116.                                     Contact
  117.                                 </a>
  118.                             </li>
  119.                         </ul>
  120.                     </div>
  123.                 </div>
  124.                 <ul class="deroul n1" id="deroulant-spe">
  125.                     <li>
  126.                         <a href="{{ path('specialites_plasma') }}">Plasma</a>
  127.                     </li>
  128.                     <li>
  129.                         <a href="{{ path('specialites_injection') }}">Injection</a>
  130.                     </li>
  131.                     <li>
  132.                         <a href="{{ path('specialites_toxine') }}">Toxine</a>
  133.                     </li>
  134.                     <li>
  135.                         <a href="{{ path('specialites_philart') }}">Philart</a>
  136.                     </li>
  137.                     <li>
  138.                         <a href="{{ path('specialites_morpheus') }}">Morpheus</a>
  139.                     </li>
  140.                     <li>
  141.                                         <a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
  142.                                     </li>
  143.                     <li>
  144.                         <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
  145.                     </li>
  146.                     <li>
  147.                         <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
  148.                     </li>
  149.                     <li>
  150.                         <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
  151.                     </li>
  152.                     <li>
  153.                         <a href="{{ path('specialites_peeling') }}">Peeling</a>
  154.                     </li>
  155.                     <li>
  156.                         <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
  157.                     </li>
  158.                     <li>
  159.                         <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
  160.                     </li>
  161.                     <li>
  162.                         <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
  163.                     </li>
  164.                     <li>
  165.                         <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
  166.                     </li>
  167.                     <li>
  168.                         <a href="{{ path('specialites_microneedling') }}">Microneedling</a>
  169.                     </li>
  170.                     <li>
  171.                         <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
  172.                     </li>
  173.                     <li>
  174.                         <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
  175.                     </li>
  176.                     <li>
  177.                         <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
  178.                     </li>
  179.                 </ul>
  180.             </header>
  182.             <div class="wrapper">
  183.                 <input type="radio" name="slider" checked id="el">
  184.                 <input type="radio" name="slider" id="me">
  185.                 <input type="radio" name="slider" id="hy">
  186.                 <input type="radio" name="slider" id="sv">
  187.                 <input type="radio" name="slider" id="sc">
  188.                 <input
  189.                 type="radio" name="slider" id="tp">
  190.                 <!--<nav>
  191.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="el" class="label">Epilation laser</label>
  192.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="me" class="label">Medecine esthetique</label>
  193.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="hy" class="label">Hydrafacial</label>
  194.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="sv" class="lanel">Soins Visages</label>
  195.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="sc" class="label">Soins capillaires</label>
  196.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="tp" class="label">Traitements de peau</label>
  197.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="slider"></div>
  198.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </nav>-->
  199.                 <section>
  200.                     <div class="content content-1">
  201.                         <div class="hero video-hero" data-aos="fade-up" data-aos-duration="1500">
  202.                             <video class="video-hero-content" id="hero-video" autoplay muted loop onclick="toggleSound()">
  203.                                 <source src="../../assets/videos/video_demo.mp4" type="video/mp4"/>
  204.                                 Votre navigateur ne prend pas en charge la lecture de vidéos HTML5.
  205.                             </video>
  206.                             <div class="sound-icon" onclick="toggleSound()">
  207.                                 <img id="sound-image" src="../../assets/images/speaker-muted.png" alt="Activer/désactiver le son">
  208.                             </div>
  209.                         </div>
  210.                         <div class="hero speciality-hero" data-aos="fade-up" data-aos-duration="1500">
  211.                             <h1>
  212.                                 La Luminotherapie - LED
  213.                             </h1>
  215.                             <p class="text" data-aos="fade-up" data-aos-duration="1500">
  216.                                 Technologie émettant une lumière qui pénètre dans les tissus a pour but de retirer les couches superficielles de la peau par destruction limitée de l’épiderme.
  217.                                 <br/>
  218.                                 Technologie complète qui permet d’avoir une action anti-âge sur la peau, antibactérien sur l’acné, la perte de cheveux, le vitiligo, les brûlures, les vergetures et la cicatrisation.
  219.                                 <br/>
  220.                                 L’objectif est de réveiller l’éclat de la peau, atténuer les imperfections, les rides de la peau, les tâches, les pores et de réguler le sébum…
  221.                             </p>
  223.                             <div class="btn">
  224.                                 <a href="{{ path('contact') }}">
  225.                                     En savoir plus
  226.                                 </a>
  227.                             </div>
  228.                         </div>
  229.                     </div>
  231.                     <div class="content content-2">
  232.                         <div class="hero speciality-hero2">
  233.                             <h1>
  234.                                 Médécine esthétique
  235.                             </h1>
  237.                             <p class="text">
  238.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  239.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  240.                             </p>
  242.                             <div class="btn">
  243.                                 <a href="{{ path('contact') }}">
  244.                                     En savoir plus
  245.                                 </a>
  246.                             </div>
  247.                         </div>
  248.                     </div>
  250.                     <div class="content content-3">
  251.                         <div class="hero speciality-hero3">
  252.                             <h1>
  253.                                 Hydrafacial
  254.                             </h1>
  256.                             <p class="text">
  257.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  258.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  259.                             </p>
  261.                             <div class="btn">
  262.                                 <a href="{{ path('contact') }}">
  263.                                     En savoir plus
  264.                                 </a>
  265.                             </div>
  266.                         </div>
  267.                     </div>
  269.                     <div class="content content-4">
  270.                         <div class="hero speciality-hero">
  271.                             <h1>
  272.                                 Soins visages
  273.                             </h1>
  275.                             <p class="text">
  276.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  277.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  278.                             </p>
  280.                             <div class="btn">
  281.                                 <a href="{{ path('contact') }}">
  282.                                     En savoir plus
  283.                                 </a>
  284.                             </div>
  285.                         </div>
  286.                     </div>
  288.                     <div class="content content-5">
  289.                         <div class="hero speciality-hero">
  290.                             <h1>
  291.                                 Soins capillaires
  292.                             </h1>
  294.                             <p class="text">
  295.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  296.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  297.                             </p>
  299.                             <div class="btn">
  300.                                 <a href="{{ path('contact') }}">
  301.                                     En savoir plus
  302.                                 </a>
  303.                             </div>
  304.                         </div>
  305.                     </div>
  307.                     <div class="content content-6">
  308.                         <div class="hero speciality-hero6">
  309.                             <h1>
  310.                                 Traitementsde la peau
  311.                             </h1>
  313.                             <p class="text">
  314.                                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
  315.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             labore et dolore magna aliquyam erat, sed.
  316.                             </p>
  318.                             <div class="btn">
  319.                                 <a href="{{ path('contact') }}">
  320.                                     En savoir plus
  321.                                 </a>
  322.                             </div>
  323.                         </div>
  324.                     </div>
  325.                 </section>
  326.             </div>
  328.             <section>
  329.                 <div class="detail-circle-container">
  330.                     <div class="detail-circle">
  331.                         <h3 class="details-circle-title">Éviction Sociale</h3>
  332.                         <p class="details-circle-text">Oui
  333.                             <br/>
  334.                             + indice 50</p>
  335.                     </div>
  336.                     <div class="detail-circle">
  337.                         <h3 class="details-circle-title">Douleur</h3>
  338.                         <p class="details-circle-text">1/10</p>
  339.                     </div>
  340.                     <div class="detail-circle circle-price" onclick="window.location='#section-price';">
  341.                         <h3 class="details-circle-title">Coût</h3>
  342.                         <p class="details-circle-text">Voir prix</p>
  343.                     </div>
  344.                     <div class="detail-circle">
  345.                         <h3 class="details-circle-title">Durabilité</h3>
  346.                         <p class="details-circle-text">Entretien</p>
  347.                     </div>
  348.                 </div>
  349.                 <div class="detail-timeline-containers">
  350.                     <div class="detail-timeline detail-timeline-long">
  351.                         <div class="detail-timeline-event detail-timeline-event-first">
  352.                             <h4 class="detail-timeline-title">Séance 1</h4>
  353.                             <p class="detail-timeline-text">j-0</p>
  354.                         </div>
  355.                         <div class="detail-timeline-event">
  356.                             <h4 class="detail-timeline-title">Séance 2</h4>
  357.                             <p class="detail-timeline-text">j-7</p>
  358.                         </div>
  359.                         <div class="detail-timeline-event">
  360.                             <h4 class="detail-timeline-title">Séance 3</h4>
  361.                             <p class="detail-timeline-text">j-14</p>
  362.                         </div>
  363.                         <div class="detail-timeline-event">
  364.                             <h4 class="detail-timeline-title">Séance 4</h4>
  365.                             <p class="detail-timeline-text">j-21</p>
  366.                         </div>
  367.                         <div class="detail-timeline-event">
  368.                             <h4 class="detail-timeline-title">Séance 5</h4>
  369.                             <p class="detail-timeline-text">j-28</p>
  370.                         </div>
  371.                         <div class="detail-timeline-event">
  372.                             <h4 class="detail-timeline-title">Séance 6</h4>
  373.                             <p class="detail-timeline-text">j-35</p>
  374.                         </div>
  375.                         <div class="detail-timeline-event">
  376.                             <h4 class="detail-timeline-title">Séance 7</h4>
  377.                             <p class="detail-timeline-text">j-42</p>
  378.                         </div>
  379.                         <div class="detail-timeline-event detail-timeline-event-last">
  380.                             <h4 class="detail-timeline-title">Nouvelle séance entretien</h4>
  381.                             <p class="detail-timeline-text">+/- 1 ans</p>
  382.                         </div>
  383.                         <div class="detail-timeline-arrow">
  384.                             <div class="detail-timeline-arrow-line"></div>
  385.                             <div class="detail-timeline-arrow-line"></div>
  386.                         </div>
  387.                     </div>
  388.                 </div>
  389.             </section>
  391.             <section class="section-doctor specialite">
  392.                 <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
  393.                     <img class="doctor-img specialite" src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="docteur"/>
  394.                     <div class="square-border-doctor specialite"></div>
  395.                 </div>
  396.                 <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
  397.                     <h1 class="title-doctor specialite">Déroulé du soin</h1>
  398.                     <ul>
  399.                         <li>
  400.                             <div class="circle">
  401.                                 1
  402.                             </div>
  403.                             Nettoyage ou démaquillage de la zone à traiter
  404.                         </li>
  406.                         <li>
  407.                             <div class="circle">
  408.                                 2
  409.                             </div>
  410.                             En fonction du soin, un passage au microneedling peut-être nécessaire sur la zone
  411.                         </li>
  413.                         <li>
  414.                             <div class="circle">
  415.                                 3
  416.                             </div>
  417.                             Positionnement de la LED et des lunettes de protection
  418.                         </li>
  420.                         <li>
  421.                             <div class="circle">
  422.                                 4
  423.                             </div>
  424.                             Séance entre 10 et 25 minutes en fonction de la zone
  425.                         </li>
  426.                         <li>
  427.                             <div class="circle">
  428.                                 5
  429.                             </div>
  430.                             Application d’un cocktail d’actifs, de sérum ou de crème en fonction du soin choisi.
  431.                         </li>
  432.                         <li>
  433.                             <div class="circle">
  434.                                 6
  435.                             </div>
  436.                             Possibilité de combiner avec d’autres soins tel que mésothérapie capillaire, microneedling, hydrafacial, peeling…
  437.                         </li>
  438.                     </ul>
  440.                 </div>
  441.                 <div class="square-border-info n1"></div>
  442.                 <div class="square-border-info n2"></div>
  443.             </section>
  445.             <!-- <div class="inner">
  446.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__text">
  447.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text__content">
  448.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500">
  449.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Des traitements adaptes
  450.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </h2>
  451.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  452.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <p class="text" data-aos="fade-right" data-aos-duration="1500">
  453.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  454.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  455.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  456.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  457.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  458.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  459.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  460.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  461.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </p>
  462.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  463.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  464.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  465.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  466.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image__content">
  467.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  468.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
  469.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Hydrafacial</span>
  470.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  471.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  472.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  473.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
  474.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Mesotherapie</span>
  475.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  476.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  477.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  478.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
  479.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Peeling</span>
  480.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  481.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  482.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  483.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  484.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  486.             <div class="about-us n2">
  487.                 <div class="container-about-infos specialite">
  488.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  489.                         <h2 class="title-about">Optimisation du soin</h2>
  490.                         <p class='about-text'>
  491.                             Boire beaucoup d’eau avant et après toutes les séances
  492.                             <br/>
  493.                             Avoir des habitudes alimentaires saines
  494.                             <br/>
  495.                             Limiter les bains de soleil
  496.                             <br/>
  497.                             Limiter la consommation d’alcool et de tabac
  498.                             <br/>
  499.                             Pendant votre plan de traitement de luminothérapie et durant les 6 semaines suivant votre traitement
  500.                             <br/>
  501.                             La plupart des patients vont continuer à constater une amélioration visible de leur peau lors de la période de traitement de 12 semaines même après que les premières séances de LED se soient achevées
  502.                         </p>
  503.                     </div>
  504.                 </div>
  506.                 <div class="about-image-container specialite" data-aos="fade-left" data-aos-duration="1500">
  507.                     <div class="inner__image__content">
  508.                         <div class="item">
  509.                             <img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
  510.                             <span>Hydrafacial</span>
  511.                         </div>
  513.                         <div class="item">
  514.                             <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
  515.                             <span>Mesotherapie</span>
  516.                         </div>
  518.                         <div class="item">
  519.                             <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
  520.                             <span>Peeling</span>
  521.                         </div>
  522.                     </div>
  523.                 </div>
  524.             </div>
  526.             <!-- <div class="inner">
  527.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-right" data-aos-duration="1500">
  528.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  529.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  530.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  531.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text" data-aos="fade-left" data-aos-duration="1500">
  532.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  533.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  534.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  535.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  536.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  537.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        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>
  538.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  540.             <div class="about-us specialite">
  541.                 <div class="container-about-infos">
  542.                     <div class="about-info" data-aos="fade-left" data-aos-duration="1500">
  543.                         <h2 class="title-about">Suis-je éligible ou pas ?</h2>
  544.                         <p class='about-text'>
  545.                             Acné légère à modérée
  546.                             <br/>
  547.                             Alopécie
  548.                             <br/>
  549.                             Cicatrices
  550.                             <br/>
  551.                             Soins anti-âge combinés
  552.                             <br/>
  553.                             Soins post-traitements esthétiques
  554.                             <br/>
  555.                             Vergetures
  556.                             <br/>
  557.                             Vitiligo
  558.                         </p>
  559.                         <br/>
  560.                         <p class='about-text'>
  561.                             Nous ne vous proposerons pas ce traitement dans le contexte suivant :<br/><br/>
  562.                             Porphyrie cutanée
  563.                             <br/>
  564.                             Lupus érythémateux
  565.                             <br/>
  566.                             Eczéma exogène
  567.                             <br/>
  568.                             Photophobie
  569.                             <br/>
  570.                             Problèmes thyroïdiens
  571.                             <br/>
  572.                             Epilepsie et crises
  573.                             <br/>
  574.                             Cancer de la peau non superficiel
  575.                             <br/>
  576.                             Hypomélanisme
  577.                             <br/>
  578.                             Maladie de l’œil ou anomalies de la rétine
  579.                             <br/>
  580.                             Implant cardiaque ou actif (type pace maker) pouvant affecter le fonctionnement de la lampe LED
  581.                         </p>
  582.                     </div>
  583.                 </div>
  585.                 <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
  586.                     <img class="about-img" src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="image d'illustration centre"/>
  588.                     <div class="about-border-square"></div>
  589.                 </div>
  590.             </div>
  591.             <br/>
  592.             <div class="about-us nosBesoin">
  593.                 <div class="container-about-infos">
  594.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  595.                         <br/>
  596.                         <p class="about-text besoin">
  597.                             La stimulation des cytochromes des mitochondries par les photons émis par les LED entraine une production d’Adénosine Triphosphate (ATP). Cela permet de fournir de l’énergie au renouvellement cellulaire et de stimuler la néocollagénèse. Ce principe de photobiomodulation est très proche du principe de photosynthèse
  598.                         </p>
  599.                         <br/>
  601.                     </div>
  602.                 </div>
  604.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  605.                     <img class="about-img" src="https://www.datocms-assets.com/42733/1623074174-21c361d440b9f12e96db4f0c7eee59e590fcd666.png?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;fm=jpg&amp;fp-x=0.72&amp;fp-y=0.44&amp;h=603&amp;q=60&amp;w=516" alt="image d'illustration centre"/>
  606.                     <div class="about-border-square"></div>
  607.                 </div>
  608.             </div>
  610.             <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
  611.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <div class="inner__text">
  612.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  613.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  614.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  615.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  616.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  617.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
  618.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 sed diam nonumy eirmod tempor invidunt ut labore et
  619.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 dolore magna aliquyam erat, sed diam voluptua
  620.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  621.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </p>
  622.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <ul>
  623.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  624.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  625.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  626.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  627.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  628.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  629.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  630.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  631.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  632.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  633.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  634.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  635.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  636.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  637.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  638.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  639.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  640.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  641.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  642.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  643.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  644.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  645.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  646.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  647.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  648.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  649.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  650.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  651.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  652.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  653.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  654.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  655.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  656.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  657.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </ul>
  658.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  659.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  660.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  661.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  662.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  663.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  664.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  666.             <div class="price" data-aos="fade-up" data-aos-duration="1500">
  667.                 <h2 class="subtitle">
  668.                     Notre grille tarifaire selon vos besoins
  669.                 </h2>
  671.                 <div class="price__list">
  673.                     <div class="price-card">
  674.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  676.                         <h3>
  677.                             Skinbooster
  678.                         </h3>
  680.                         <p class="amount">
  681.                             A partir de 200 €
  682.                         </p>
  683.                     </div>
  685.                     <div class="price-card">
  686.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  688.                         <h3>
  689.                             Skinbooster
  690.                         </h3>
  692.                         <p class="amount">
  693.                             A partir de 200 €
  694.                         </p>
  695.                     </div>
  697.                     <div class="price-card">
  698.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  700.                         <h3>
  701.                             Skinbooster
  702.                         </h3>
  704.                         <p class="amount">
  705.                             A partir de 200 €
  706.                         </p>
  707.                     </div>
  709.                     <div class="price-card">
  710.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  712.                         <h3>
  713.                             Skinbooster
  714.                         </h3>
  716.                         <p class="amount">
  717.                             A partir de 200 €
  718.                         </p>
  719.                     </div>
  720.                 </div>
  722.                 <div class="price__list">
  724.                     <div class="price-card">
  725.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  727.                         <h3>
  728.                             Skinbooster
  729.                         </h3>
  731.                         <p class="amount">
  732.                             A partir de 200 €
  733.                         </p>
  734.                     </div>
  736.                     <div class="price-card">
  737.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  739.                         <h3>
  740.                             Skinbooster
  741.                         </h3>
  743.                         <p class="amount">
  744.                             A partir de 200 €
  745.                         </p>
  746.                     </div>
  748.                     <div class="price-card">
  749.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  751.                         <h3>
  752.                             Skinbooster
  753.                         </h3>
  755.                         <p class="amount">
  756.                             A partir de 200 €
  757.                         </p>
  758.                     </div>
  760.                     <div class="price-card">
  761.                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  763.                         <h3>
  764.                             Skinbooster
  765.                         </h3>
  767.                         <p class="amount">
  768.                             A partir de 200 €
  769.                         </p>
  770.                     </div>
  771.                 </div>
  772.                 <br>
  774.                 <button class="container-buttonBorder">
  775.                     <p class="buttonBorder">Prendre rendez-vous</p>
  776.                     <p class="border-buttonBorder"></p>
  777.                     <p class="back-buttonBorder"></p>
  778.                 </button>
  779.             </div>
  780.             <br>
  781.             <br>
  783.             <footer class="sectionFooter">
  784.                 <div class="containerFooter">
  785.                     <div class="containerTopFooter">
  786.                         <ul class="containerLinkNavFooter">
  787.                             <li class="linkNavFooter">
  788.                                 <a>Notre centre</a>
  789.                             </li>
  790.                             <li class="linkNavFooter">
  791.                                 <a>Nos spécialités</a>
  792.                             </li>
  793.                             <li class="linkNavFooter">
  794.                                 <a>Vos besoins</a>
  795.                             </li>
  796.                             <li class="linkNavFooter">
  797.                                 <a>Blog</a>
  798.                             </li>
  799.                             <li class="linkNavFooter">
  800.                                 <a>Avis</a>
  801.                             </li>
  802.                             <li class="linkNavFooter">
  803.                                 <a>Contact</a>
  804.                             </li>
  805.                         </ul>
  806.                         <div class="adress-box">
  807.                             Paris 11
  808.                             <br>
  809.                             <span>
  810.                                 <i class="far fa-calendar"></i>
  811.                                 01 36 78 94 25<br></span>
  812.                             <a href="https://www.treatwell.fr/">Prendre Rdv</a>
  814.                         </div>
  815.                     </div>
  816.                     <div
  817.                         class="containerMiddleFooter">
  818.                         <!-- <p class="textFooter"><span>Accessibilité : </span>si vous êtes malvoyant ou si vous avez une autre déficience couverte par l'Americans with Disabilities Act ou une loi similaire, et que vous souhaitez discuter d'aménagements potentiels liés à l'utilisation de ce site Web, veuillez contacter notre responsable de l'accessibilité au <a>818-848-0590</a>.</p> -->
  819.                         <p class="textFooter">
  820.                             <span>Avis de non-responsabilité :
  821.                                 <br/>
  822.                             </span>Les informations fournies sur ce site sont uniquement à des fins informatives et ne doivent en aucun cas se substituer à un avis médical professionnel. 
  823.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Elles ne constituent ni un diagnostic ni une recommandation de traitement personnalisé. Chaque cas étant unique, il est fortement recommandé de consulter un professionnel de la santé avant toute décision liée à la chirurgie esthétique.
  824.                             <br/><br/>Veuillez également noter que certaines informations sur les paiements de fabricants de produits médicaux aux professionnels de la santé pourraient être sujettes à divulgation publique selon les lois en vigueur.
  825.                             <br/><br/>Des sources gouvernementales peuvent fournir des détails complémentaires à ce sujet.
  826.                             <a>ici</a>.
  827.                         </p>
  828.                     </div>
  829.                     <div class="containerBottomFooter">
  830.                         <div class="containerTextFooter">
  831.                             <p class="textFooter">© 2023 Maison Eiffel.</p>
  832.                             <p class="textFooter">Tous les droits sont réservés.</p>
  833.                         </div>
  834.                         <div class="containerTextFooter">
  835.                             <p class="textFooter">Politique relative aux cookies</p>
  836.                         </div>
  837.                         <div class="containerTextFooter">
  838.                             <p class="textFooter">Politique de confidentialité</p>
  839.                         </div>
  840.                         <div class="containerTextFooter">
  841.                             <p class="textFooter">Termes et conditions</p>
  842.                         </div>
  843.                         <div class="containerTextFooter">
  844.                             <p class="textFooter">Déclaration d'accessibilité
  845.                             </p>
  846.                         </div>
  847.                         <div class="containerTextFooter">
  848.                             <p class="textFooter">Site map</p>
  849.                         </div>
  850.                         <div class="containerReseauxFooter">
  851.                             <a class="linkReseauFooter"><img src="{{ asset('assets/images/instagram.png') }}"/></a>
  852.                             <a class="linkReseauFooter"><img src="{{ asset('assets/images/youtube.png') }}"/></a>
  853.                             <a class="linkReseauFooter"><img src="{{ asset('assets/images/tik-tok.png') }}"/></a>
  854.                         </div>
  855.                     </div>
  856.                 </div>
  857.                 <div class="lineFooter"></div>
  858.                 <div class="lineFooter2"></div>
  859.                 <div class="lineFooter3"></div>
  860.                 <div class="lineFooter4"></div>
  862.             </footer>
  863.         </div>
  864.         <script src="public/js/script.js"></script>
  865.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  866.         <script>
  867.             AOS.init();
  868.         </script>
  869.         <script>
  870.     function openSpecialites() {
  871.     const menu = document.getElementById('deroulant-spe');
  872.     
  873.     // Toggle le menu
  874.     if(menu.style.display === "none" || menu.style.display === "") {
  875.         menu.style.display = 'block';
  876.         
  877.         // Ajoute un écouteur pour détecter les clics en dehors
  878.         document.addEventListener('click', closeOnClickOutside);
  879.     } else {
  880.         menu.style.display = 'none';
  881.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  882.     }
  883.     }
  885.     // Fonction qui ferme le menu si on clique à l'extérieur
  886.     function closeOnClickOutside(event) {
  887.     const menu = document.getElementById('deroulant-spe');
  888.     const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
  890.     // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
  891.     if (!menu.contains(event.target) && !button.contains(event.target)) {
  892.         menu.style.display = 'none';
  893.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  894.     }
  895.     }
  896. </script>
  897.     {% endblock %}