templates/specilites/lumino.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Maison Eiffel - Luminothérapie
  4. {% endblock %}
  5. {% block description %}Découvrez les bienfaits de la luminothérapie pour améliorer la qualité de la peau et stimuler le métabolisme. Traitement naturel et efficace à Maison Eiffel, Paris.
  6. {% endblock %}
  7. {% block keywords %}Luminothérapie, soin de peau, amélioration de la peau, Maison Eiffel, Paris 
  8. {% endblock %}
  9. {% block og_title %}Maison Eiffel - Luminothérapie
  10. {% endblock %}
  11. {% block og_description %}Découvrez les bienfaits de la luminothérapie pour améliorer la qualité de la peau et stimuler le métabolisme. Traitement naturel et efficace à Maison Eiffel, Paris.
  12. {% endblock %}
  14. {% block stylesheets %}
  15.     <style rel="stylesheet">
  16.         .table-container {
  17.             width: 100%;
  18.             max-width: 90%;
  19.             margin-left: 5%;
  20.             overflow-x: auto;
  21.             display: flex;
  22.             justify-content: center;
  23.         }
  25.         .table-wrapper {
  26.             border: 1px solid #E0C15B;
  27.             border-radius: 8px;
  28.             padding: 12px;
  29.             background-color: #fff;
  30.             position: relative;
  31.             width: 100%;
  32.         }
  34.         table {
  35.             width: 100%;
  36.             border-collapse: collapse;
  37.         }
  39.         td {
  40.             padding: 8px 12px;
  41.             text-align: left;
  42.             border-bottom: 1px solid #E0C15B;
  43.         }
  45.         .text {
  46.             font-weight: bold;
  47.             width: 30%;
  48.         }
  50.         .prix, .temps {
  51.             text-align: right;
  52.             padding: 8px 4px;
  53.         }
  55.         .prix {
  56.             width: 50%;
  57.         }
  59.         .temps {
  60.             width: 50%;
  61.         }
  63.         tr:last-child td {
  64.             border-bottom: 1px solid #E0C15B;
  65.         }
  67.         .legal-notice {
  68.             font-size: 9px;
  69.             color: #555;
  70.             margin-top: 16px;
  71.             text-align: center;
  72.         }
  74.         @media (max-width: 600px) {
  75.             .table-container {
  76.                 width: 80%;
  77.                 margin-left: 10%;
  78.             }
  80.             .table-wrapper {
  81.                 width: 100%;
  82.             }
  84.             table {
  85.                 font-size: 14px;
  86.             }
  88.             td {
  89.                 padding: 6px 8px;
  90.             }
  92.             .text {
  93.                 font-weight: bold;
  94.                 width: auto;
  95.             }
  97.             .prix, .temps {
  98.                 width: auto;
  99.             }
  100.         }
  101.     </style>
  102. {% endblock %}
  104. {% block body %}
  105.     <div class="mainContainer" id="container-specialtes">
  106.         <header class="header">
  107.             <div class="header__top">
  108.                 <p class="adress-top">
  109.                     <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">
  110.                         <i class='fas fa-map-marker-alt'></i>
  111.                         Nous trouver sur la carte</a>
  112.                     <a href="/avis">
  113.                         <i class="far fa-star"></i>
  114.                         Avis certifiés</a>
  115.                 </p>
  116.             </div>
  118.             <div class="header__main">
  119.                 <div class="header__main__content">
  120.                     <a href="{{ path('home') }}" class="logo">
  121.                         <img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
  123.                     <ul class='menu'>
  124.                         <li>
  125.                             <a href="{{ path('home') }}">Notre centre</a>
  126.                         </li>
  128.                         <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
  129.                             <a>Nos spécialités</a>
  130.                         </li>
  132.                         <li class="deroul-specialites">
  133.                             <a href="{{ path('besoins') }}">Vos besoins</a>
  134.                         </li>
  136.                         <li>
  137.                             <a href="{{ path('blog') }}">Blog</a>
  138.                         </li>
  139.                         <li>
  140.                             <a href="{{ path('avis') }}">Avis</a>
  141.                         </li>
  142.                         <li class="link-contact">
  143.                             <a href="{{ path('contact') }}">Contact</a>
  144.                             <div class="link-border-contact"></div>
  145.                             <div class="link-back-contact"></div>
  146.                         </li>
  147.                     </ul>
  149.                     <label class="mobile-menu-btn">
  150.                         <i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
  151.                         <i class="fas fa-times" onclick='closeMenu()' id='close'></i>
  152.                     </label>
  154.                     <div class="adress">
  155.                         <div class="adress-box">
  156.                             <strong>
  157.                                 <a href="tel:0153700512" style="color:black;">
  158.                                     <i class="far fa-calendar"></i>
  159.                                     01 53 70 05 12</strong>
  160.                             </a>
  161.                             <br>
  162.                             <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
  164.                         </div>
  165.                     </div>
  167.                     <div class="header__list" id='header__list'>
  168.                         <ul class="menu-mobile">
  169.                             <li>
  170.                                 <a href="{{ path('home') }}">Notre centre</a>
  171.                             </li>
  174.                             <li><a href="{{ path('specialites_microneedling') }}">Microneedling</a></li>
  175.                             <li><a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a></li>
  176.                             <li><a href="{{ path('specialites_peeling') }}">Peeling</a></li>
  177.                             <li><a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie capillaire</a></li>
  178.                             <li><a href="{{ path('specialites_injection') }}">Injection hyaluronique</a></li>
  179.                             <li><a href="{{ path('specialites_toxine') }}">Toxine</a></li>
  180.                             <li><a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a></li>
  181.                             <li><a href="{{ path('specialites_philart') }}">Polynucléotides</a></li>
  182.                             <li><a href="{{ path('specialites_epilation-laser') }}">Épilation laser</a></li>
  183.                             <li><a href="{{ path('specialites_morpheus') }}">Virtu RF</a></li>
  184.                             <li><a href="{{ path('specialites_morpheus') }}">Morpheus</a></li>
  185.                             <li><a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a></li>
  186.                             <li><a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a></li>
  187.                             <li><a href="{{ path('specialites_zaffiro') }}">Zaffiro</a></li>
  188.                             <li><a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment dentaire</a></li>
  189.                             <li><a href="{{ path('specialites_luminotherapie') }}">Luminothérapie</a></li>
  190.                             <li><a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a></li>
  191.                             <li><a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a></li>
  192.                             <li><a href="{{ path('specialites_plasma') }}">Plasma</a></li>
  193.                             <li><a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a></li>
  194.                             <li><a href="{{ path('specialites_prp') }}">PRP</a></li>
  196.                             <li>
  197.                                 <a href="{{ path('besoins') }}">Vos besoins</a>
  198.                             </li>
  200.                             <li>
  201.                                 <a href="{{ path('blog') }}">Blog</a>
  202.                             </li>
  204.                             <li>
  205.                                 <a href="{{ path('avis') }}">
  206.                                     Avis
  207.                                 </a>
  208.                             </li>
  209.                             <li>
  210.                                 <a href="{{ path('contact') }}">
  211.                                     Contact
  212.                                 </a>
  213.                             </li>
  214.                         </ul>
  215.                     </div>
  218.                 </div>
  219.                 <ul class="deroul n1" id="deroulant-spe">
  220.                                     <li>
  221.                                         <a href="{{ path('specialites_microneedling') }}">Microneedling</a>  
  222.                                     </li>
  223.                                     <li>
  224.                                         <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
  225.                                     </li>
  226.                                     <li>
  227.                                         <a href="{{ path('specialites_peeling') }}">Peeling</a>
  228.                                     </li>
  229.                                     <li>
  230.                                         <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
  231.                                     </li>
  232.                                     <li>
  233.                                         <a href="{{ path('specialites_injection') }}">Injection hyaluronique</a>
  234.                                     </li>
  235.                                     <li>
  236.                                         <a href="{{ path('specialites_toxine') }}">Toxine</a>
  237.                                     </li>
  238.                                     <li>
  239.                                         <a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a>
  240.                                     </li>                                    
  241.                                     <li>
  242.                                         <a href="{{ path('specialites_philart') }}">Polynucléotides</a>
  243.                                     </li>
  244.                                     <li>
  245.                                         <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
  246.                                     </li>
  247.                                     <li>
  248.                                         <a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
  249.                                     </li>
  250.                                     <li>
  251.                                         <a href="{{ path('specialites_morpheus') }}">Morpheus</a>
  252.                                     </li>
  253.                                     <li>
  254.                                         <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
  255.                                     </li>
  256.                                     <li>
  257.                                         <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
  258.                                     </li>
  259.                                     <li>
  260.                                         <a href="{{ path('specialites_zaffiro') }}">Zaffiro</a>
  261.                                     </li>
  262.                                    <li>
  263.                                         <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
  264.                                     </li>
  265.                                     <li>
  266.                                         <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
  267.                                     </li>
  268.                                     <li>
  269.                                         <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
  270.                                     </li>
  271.                                     <li>
  272.                                         <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
  273.                                     </li>
  274.                                     <li>
  275.                                         <a href="{{ path('specialites_plasma') }}">Plasma</a>
  276.                                     </li>
  277.                                     <li>
  278.                                         <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
  279.                                     </li>
  280.                                     <li>
  281.                                         <a href="{{ path('specialites_prp') }}">PRP</a>
  282.                                     </li>
  283.                 </ul>
  284.             </header>
  286.             <div class="wrapper">
  287.                 <input type="radio" name="slider" checked id="el">
  288.                 <input type="radio" name="slider" id="me">
  289.                 <input type="radio" name="slider" id="hy">
  290.                 <input type="radio" name="slider" id="sv">
  291.                 <input type="radio" name="slider" id="sc">
  292.                 <input
  293.                 type="radio" name="slider" id="tp">
  294.                 <!--<nav>
  295.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="el" class="label">Epilation laser</label>
  296.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="me" class="label">Medecine esthetique</label>
  297.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="hy" class="label">Hydrafacial</label>
  298.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="sv" class="lanel">Soins Visages</label>
  299.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="sc" class="label">Soins capillaires</label>
  300.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <label for="tp" class="label">Traitements de peau</label>
  301.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div class="slider"></div>
  302.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </nav>-->
  303.             </div>
  305.             <section style="padding-top:130px;">
  306.                 <div class="about-us">
  307.                     <div class="container-about-infos">
  308.                         <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  309.                             <h2 class="title-about">La Luminotherapie</h2>
  310.                             <p class='about-text'>
  311.                                 La Luminotherapie est 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.
  312.                                 <br/>
  313.                                 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.
  314.                                 <br/>
  315.                                 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…
  316.                             </p>
  317.                         </div>
  318.                     </div>
  319.                     
  320.                     <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  321.                         <div class="video-container-test" style="text-align: center;">
  322.                             <video controls autoplay muted loop width="600">
  323.                                 <source src="{{asset('assets/videos/Lumino.mp4')}}" type="video/mp4">
  324.                                 Your browser does not support the video tag.
  325.                             </video>
  326.                         </div>
  327.                     </div>
  328.                 </div>
  330.                 <div class="detail-circle-container">
  331.                     <div class="detail-circle">
  332.                         <h3 class="details-circle-title">Éviction Sociale</h3>
  333.                         <p class="details-circle-text">Oui</p>
  334.                     </div>
  335.                     <div class="detail-circle">
  336.                         <h3 class="details-circle-title">Douleur</h3>
  337.                         <p class="details-circle-text">1/10</p>
  338.                     </div>
  339.                     <div class="detail-circle circle-price" onclick="window.location='#section-price';">
  340.                         <h3 class="details-circle-title">Coût</h3>
  341.                         <p class="details-circle-text">Voir grille</p>
  342.                     </div>
  343.                     <div class="detail-circle">
  344.                         <h3 class="details-circle-title">Durabilité</h3>
  345.                         <p class="details-circle-text">1 an</p>
  346.                     </div>
  347.                 </div>
  348.                 <div class="detail-timeline-containers">
  349.                     <div class="detail-timeline detail-timeline-long">
  350.                         <div class="detail-timeline-event detail-timeline-event-first">
  351.                             <h4 class="detail-timeline-title">Séance<br/>n°1</h4>
  352.                             <p class="detail-timeline-text">j-0</p>
  353.                         </div>
  354.                         <div class="detail-timeline-event">
  355.                             <h4 class="detail-timeline-title">Séance<br/>n°2</h4>
  356.                             <p class="detail-timeline-text">j-7</p>
  357.                         </div>
  358.                         <div class="detail-timeline-event">
  359.                             <h4 class="detail-timeline-title">Séance<br/>n°3</h4>
  360.                             <p class="detail-timeline-text">j-14</p>
  361.                         </div>
  362.                         <div class="detail-timeline-event">
  363.                             <h4 class="detail-timeline-title">Séance<br/>n°3</h4>
  364.                             <p class="detail-timeline-text">j-28</p>
  365.                         </div>
  366.                         <div class="detail-timeline-event">
  367.                             <h4 class="detail-timeline-title">Séance<br/>n°3</h4>
  368.                             <p class="detail-timeline-text">j-35</p>
  369.                         </div>
  370.                         <div class="detail-timeline-event">
  371.                             <h4 class="detail-timeline-title">Séance<br/>n°3</h4>
  372.                             <p class="detail-timeline-text">j-42</p>
  373.                         </div>
  374.                         <div class="detail-timeline-event detail-timeline-event-last">
  375.                             <h4 class="detail-timeline-title">Nouvelle séance entretien</h4>
  376.                             <p class="detail-timeline-text">+/- 12 mois</p>
  377.                         </div>
  378.                         <div class="detail-timeline-arrow">
  379.                             <div class="detail-timeline-arrow-line"></div>
  380.                             <div class="detail-timeline-arrow-line"></div>
  381.                         </div>
  382.                         <div class="detail-timeline-arrow">
  383.                             <div class="detail-timeline-arrow-line"></div>
  384.                             <div class="detail-timeline-arrow-line"></div>
  385.                         </div>
  386.                     </div>
  387.                 </div>
  388.             </section>
  390.             <section class="section-doctor specialite">
  391.                 <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
  392.                     <img class="doctor-img specialite" src="{{ asset('assets/spe/lumino/1.png') }}" alt="docteur"/>
  393.                     <div class="square-border-doctor specialite"></div>
  394.                 </div>
  395.                 <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
  396.                     <h1 class="title-doctor specialite">Déroulé du soin</h1>
  397.                     <ul>
  398.                         <li>
  399.                             <div class="circle">
  400.                                 1
  401.                             </div>
  402.                             Nettoyage ou démaquillage de la zone à traiter
  403.                         </li>
  405.                         <li>
  406.                             <div class="circle">
  407.                                 2
  408.                             </div>
  409.                             En fonction du soin, un passage au microneedling peut-être nécessaire sur la zone
  410.                         </li>
  412.                         <li>
  413.                             <div class="circle">
  414.                                 3
  415.                             </div>
  416.                             Positionnement de la LED et des lunettes de protection
  417.                         </li>
  419.                         <li>
  420.                             <div class="circle">
  421.                                 4
  422.                             </div>
  423.                             Séance entre 10 et 25 minutes en fonction de la zone
  424.                         </li>
  425.                         <li>
  426.                             <div class="circle">
  427.                                 5
  428.                             </div>
  429.                             Application d’un cocktail d’actifs, de sérum ou de crème en fonction du soin choisi.
  430.                         </li>
  431.                         <li>
  432.                             <div class="circle">
  433.                                 6
  434.                             </div>
  435.                             Possibilité de combiner avec d’autres soins tel que mésothérapie capillaire, microneedling, hydrafacial, peeling…
  436.                         </li>
  437.                     </ul>
  439.                 </div>
  440.                 <div class="square-border-info n1"></div>
  441.                 <div class="square-border-info n2"></div>
  442.             </section>
  444.             <!-- <div class="inner">
  445.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <div class="inner__text">
  446.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__text__content">
  447.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500">
  448.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Des traitements adaptes
  449.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </h2>
  450.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
  451.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <p class="text" data-aos="fade-right" data-aos-duration="1500">
  452.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  453.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  454.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  455.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     exercitationem quos!
  456.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  457.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  458.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  459.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     exercitationem quos!
  460.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </p>
  461.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  462.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div>
  463.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
  464.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  465.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image__content">
  466.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="item">
  467.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
  468.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <span>Hydrafacial</span>
  469.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  470.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
  471.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="item">
  472.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
  473.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <span>Mesotherapie</span>
  474.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  475.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
  476.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="item">
  477.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
  478.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <span>Peeling</span>
  479.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  480.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  481.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
  482.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div>
  483.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </div> -->
  484.             <div class="about-us nosBesoin">
  485.                 <div class="container-about-infos">
  486.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  487.                         <h2 class="title-about">Optimisation du soin</h2>
  488.                         <p class="about-text besoin">
  489.                             Pendant votre plan de traitement de luminothérapie et durant les 6 semaines qui suivent, il est recommandé de boire beaucoup d’eau avant et après chaque séance, d’adopter des habitudes alimentaires saines, de limiter les bains de soleil ainsi que la consommation d’alcool et de tabac. La plupart des patients continuent d’ailleurs à observer une amélioration visible de leur peau tout au long de la période de traitement de 12 semaines, même après la fin des premières séances de LED.
  490.                         </p>
  491.                         <br/>
  492.                     </div>
  493.                 </div>
  495.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  496.                     <img class="about-img" src="{{ asset('assets/spe/lumino/2.png') }}" alt="image d'illustration centre"/>
  497.                     <div class="about-border-square"></div>
  498.                 </div>
  499.             </div>
  501.             <!-- <div class="inner">
  502.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image" data-aos="fade-right" data-aos-duration="1500">
  503.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  504.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  505.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  506.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__text" data-aos="fade-left" data-aos-duration="1500">
  507.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <h2 class="subtitle">
  508.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  509.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </h2>
  510.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  511.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <p class="text">
  512.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    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>
  513.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  515.             <div class="about-us specialite">
  516.                 <div class="container-about-infos">
  517.                     <div class="about-info" data-aos="fade-left" data-aos-duration="1500">
  518.                         <h2 class="title-about">Suis-je éligible ?</h2>
  519.                         <p class='about-text'>
  520.                             Un diagnostic préalable est indispensable pour confirmer l’indication.
  521.                         </p>
  522.                         <br/>
  523.                         <p class='about-text'>
  524.                             La luminotherapie capillaire est indiqué si :<br/><br/>
  525.                             - Acné légère à modérée
  526.                             <br/>
  527.                             - Alopécie
  528.                             <br/>
  529.                             - Cicatrices
  530.                             <br />
  531.                             - Soins anti-âge combinés
  532.                             <br />
  533.                             - Soins post-traitements esthétiques
  534.                             <br />
  535.                             - Vergetures
  536.                             <br />
  537.                             - Vitiligo
  538.                         </p><br /> <br />
  539.                         <p class='about-text'>
  540.                             Le soin ne me sera pas proposé dans les cas suivants :<br/><br/>
  541.                             - Porphyrie cutanée
  542.                             <br/>
  543.                             - Lupus érythémateux
  544.                             <br/>
  545.                             - Eczéma exogène
  546.                             <br />
  547.                             - Photophobie
  548.                             <br />
  549.                             - Problèmes thyroïdiens
  550.                             <br />
  551.                             - Epilepsie et crises
  552.                             <br />
  553.                             - Cancer de la peau non superficiel
  554.                             <br />
  555.                             - Hypomélanisme
  556.                             <br />
  557.                             - Maladie de l’œil ou anomalies de la rétine
  558.                             <br />
  559.                             - Implant cardiaque ou actif
  560.                         </p>
  561.                     </div>
  562.                 </div>
  564.                 <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
  565.                     <img class="about-img" src="{{ asset('assets/spe/lumino/3.png') }}" alt="image d'illustration centre"/>
  567.                     <div class="about-border-square"></div>
  568.                 </div>
  569.             </div>
  570.             <br/>
  571.             <div class="about-us nosBesoin">
  572.                 <div class="container-about-infos">
  573.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  574.                         <h2 class="title-about">En résumé</h2>
  575.                         <br/>
  576.                         <p class="about-text besoin">
  577.                             La stimulation des cytochromes des mitochondries par les photons émis par les LED entraîne une augmentation de la production d’Adénosine Triphosphate (ATP). Cette énergie supplémentaire favorise le renouvellement cellulaire et stimule la néocollagénèse. Ce mécanisme, appelé photobiomodulation, repose sur un principe proche de celui de la photosynthèse.
  578.                         </p>
  579.                         <br/>
  581.                     </div>
  582.                 </div>
  584.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  585.                     <img class="about-img" src="{{ asset('assets/spe/lumino/1.png') }}" alt="image d'illustration centre"/>
  586.                     <div class="about-border-square"></div>
  587.                 </div>
  588.             </div>
  590.             <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
  591.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <div class="inner__text">
  592.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <h2 class="subtitle">
  593.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  594.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </h2>
  595.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  596.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <p class="text">
  597.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
  598.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             sed diam nonumy eirmod tempor invidunt ut labore et
  599.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             dolore magna aliquyam erat, sed diam voluptua
  600.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  601.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </p>
  602.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <ul>
  603.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <li>
  604.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="circle">
  605.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     >
  606.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  607.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Lorem ipsum dolor sit amet, consetetu
  608.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </li>
  609.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  610.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <li>
  611.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="circle">
  612.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     >
  613.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  614.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Lorem ipsum dolor sit amet, consetetu
  615.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </li>
  616.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  617.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <li>
  618.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="circle">
  619.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     >
  620.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  621.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Lorem ipsum dolor sit amet, consetetu
  622.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </li>
  623.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  624.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <li>
  625.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="circle">
  626.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     >
  627.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  628.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Lorem ipsum dolor sit amet, consetetu
  629.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </li>
  630.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  631.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <li>
  632.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="circle">
  633.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     >
  634.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  635.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Lorem ipsum dolor sit amet, consetetu
  636.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </li>
  637.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </ul>
  638.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  639.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  640.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  641.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  642.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  643.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  644.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  646.             <div class="price" data-aos="fade-up" data-aos-duration="1500" id="section-price">
  647.                 <h2 class="title-about">
  648.                     Notre grille tarifaire
  649.                 </h2>
  651.                 <div class="table-container">
  652.                     <div class="table-wrapper">
  653.                         <table>
  654.                             <tbody>
  655.                                 <tr>
  656.                                     <td class="text">Visage / Ventre</td>
  657.                                     <td class="prix">120€</td>
  658.                                     <td class="temps">30 min</td>
  659.                                 </tr>
  660.                                 <tr>
  661.                                     <td class="text">Cou / Décolleté</td>
  662.                                     <td class="prix">150€</td>
  663.                                     <td class="temps">35 min</td>
  664.                                 </tr>
  665.                                 <tr>
  666.                                     <td class="text">Bras & Mains</td>
  667.                                     <td class="prix">190€</td>
  668.                                     <td class="temps">40 min</td>
  669.                                 </tr>
  670.                                 <tr>
  671.                                     <td class="text">Hanches / Sous-fesses</td>
  672.                                     <td class="prix">150€</td>
  673.                                     <td class="temps">35 min</td>
  674.                                 </tr>
  675.                                 <tr>
  676.                                     <td class="text">Cuisses / Fesses</td>
  677.                                     <td class="prix">250€</td>
  678.                                     <td class="temps">60 min</td>
  679.                                 </tr>
  680.                                 <tr>
  681.                                     <td class="text">Fractionnée</td>
  682.                                     <td class="prix">150€</td>
  683.                                     <td class="temps">À partir de 20 min</td>
  684.                                 </tr>
  685.                             </tbody>
  686.                         </table>
  687.                         <div class="legal-notice">
  688.                             <p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br>
  689.                             La prestation délivrée par votre professionnel de santé ne fait pas l’objet d’un conventionnement. Dès lors, elle n’est pas prise en charge par la sécurité sociale. Le montant des honoraires doit cependant être déterminé avec tact et mesure.</p>
  690.                         </div>
  691.                     </div>
  692.                 </div>
  693.                 <br>
  695.                 <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/" target="_blank">
  696.                     <button class="container-buttonBorder">
  697.                         <p class="buttonBorder">Prendre rendez-vous</p>
  698.                         <p class="border-buttonBorder"></p>
  699.                         <p class="back-buttonBorder"></p>
  700.                     </button>
  701.                 </a>
  702.             </div>
  703.             <br>
  704.             <br>
  706.             <footer>
  707.             <div class="footerNew-container">
  708.                 <div class="footerNew-left">
  709.                 <div class="footerNew-contact-info">
  710.                     <div class="footerNew-contact-item">
  711.                     <div class="footerNew-icon-circle">
  712.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  713.                         <path d="M21 15.8V18a2 2 0 0 1-2 2h-1a16.009 16.009 0 0 1-13-13V5a2 2 0 0 1 2-2h2.2a1 1 0 0 1 1 .76l.72 3.18a1 1 0 0 1-.27.95L8.53 9.47a12 12 0 0 0 6 6l1.58-1.58a1 1 0 0 1 .95-.27l3.18.72a1 1 0 0 1 .76 1Z" />
  714.                         </svg>
  715.                     </div>
  716.                     <a href="tel:0153700512"> 01 53 70 05 12</a>
  717.                     </div>
  718.                     <div class="footerNew-contact-item">
  719.                     <div class="footerNew-icon-circle">
  720.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  721.                         <path d="M21 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2m18 0v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8m18 0L12 13 3 8" />
  722.                         </svg>
  723.                     </div>
  724.                     <a href="mailto:contact@maison-eiffel-esthetique.fr">Envoyez-nous un message</a>
  725.                     </div>
  726.                     <div class="footerNew-contact-item">
  727.                     <div class="footerNew-icon-circle">
  728.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  729.                         <path d="M12 2a10 10 0 0 1 10 10c0 7.5-10 10-10 10S2 19.5 2 12A10 10 0 0 1 12 2Z" />
  730.                         <circle cx="12" cy="12" r="3" />
  731.                         </svg>
  732.                     </div>
  733.                     <a href="#">Nous trouver</a>
  734.                     </div>
  735.                 </div>
  736.                 </div>
  738.                 <div class="footerNew-right">
  739.                 <div class="footerNew-column">
  740.                     <h4>Nos spécialités</h4>
  741.                     <ul>
  742.                     <li><a href="/specialites/epilation-laser">Épilation laser</a></li>
  743.                     <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  744.                     <li><a href="/specialites/injection">Injection</a></li>
  745.                     <li><a href="#">Polynucléotides</a></li>
  746.                     <li><a href="/specialites/morpheus">Morpheus</a></li>
  747.                     <li><a href="#">Virtu RF</a></li>
  748.                     </ul>
  749.                 </div>
  750.                 <div class="footerNew-column">
  751.                     <h4>Vos besoins</h4>
  752.                     <ul class="footerNew-dropdown">
  753.                         <li>
  754.                         <button class="footerNew-dropdown-button">Qualité de peau</button>
  755.                         <ul class="footerNew-submenu">
  756.                             <li><a href="/specialites/peeling">Peeling</a></li>
  757.                             <li><a href="/specialites/laser-resurfacing">Laser resurfacing</a></li>
  758.                             <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  759.                             <li><a href="/specialites/microneedling">Microneedling</a></li>
  760.                         </ul>
  761.                         </li>
  762.                         <li>
  763.                         <button class="footerNew-dropdown-button">Relâchement cutané</button>
  764.                         <ul class="footerNew-submenu">
  765.                             <li><a href="/specialites/virturf">Virtu RF</a></li>
  766.                         </ul>
  767.                         </li>
  768.                         <li>
  769.                         <button class="footerNew-dropdown-button">Vieillissement cutané</button>
  770.                         <ul class="footerNew-submenu">
  771.                             <li><a href="/specialites/philart">Philart</a></li>
  772.                         </ul>
  773.                         </li>
  774.                         <li>
  775.                         <button class="footerNew-dropdown-button">Densité des cheveux</button>
  776.                         <ul class="footerNew-submenu">
  777.                             <li><a href="/specialites/philart">Polynucléotides cheveux (Philart Mésothérapie)</a></li>
  778.                         </ul>
  779.                         </li>
  780.                         <li>
  781.                         <button class="footerNew-dropdown-button">Amincissement</button>
  782.                         <ul class="footerNew-submenu">
  783.                             <li><a href="/specialites/cryolipolyse">Cryolipolyse</a></li>
  784.                         </ul>
  785.                         </li>
  786.                         <li>
  787.                         <button class="footerNew-dropdown-button">Rides et ridules</button>
  788.                         <ul class="footerNew-submenu">
  789.                             <li><a href="#">Philart</a></li>
  790.                             <li><a href="/specialites/morpheus">Morpheus</a></li>
  791.                             <li><a href="#">Injections et Toxine</a></li>
  792.                         </ul>
  793.                         </li>
  794.                     </ul>
  795.                     </div>
  798.                 <div class="footerNew-column">
  799.                     <h4>Actualités</h4>
  800.                     <ul>
  801.                     <li><a href="/article/morpheus-une-avancee-spectaculaire-dans-le-domaine-de-la-beaute-a-tester-a-la-maison-eiffel">Morpheus : Une avancée spectaculaire</a></li>
  802.                     <li><a href="/article/le-centre-esthetique-maison-eiffel-recommande-4-soins-pour-avoir-une-peau-lumineuse-en-plein-hiver">4 soins pour une peau lumineuse</a></li>
  803.                     <li><a href="/article/les-3-soins-stars-de-la-parisienne-pour-bien-commencer-la-saison">Les 3 soins stars</a></li>
  804.                     <li><a href="/article/lasers-peeling-radiofrequence-des-traitements-de-reference-pour-une-peau-parfaite">Traitements de référence pour une peau parfaite</a></li>
  805.                     </ul>
  806.                 </div>
  807.                 </div>
  808.             </div>
  810.             <div class="footerNew-bottom">
  811.                 <p>&copy; 2024 | <a href="/mentions-legales">Mentions légales</a> | <a href="/politique-de-confidentialite">Politique de confidentialité</a></p>
  812.             </div>
  813.             </footer>
  814.         </div>
  815.         <script src="public/js/script.js"></script>
  816.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  817.         <script>
  818.             AOS.init();
  819.         </script>
  820.         <script>
  821.     function openSpecialites() {
  822.     const menu = document.getElementById('deroulant-spe');
  823.     
  824.     // Toggle le menu
  825.     if(menu.style.display === "none" || menu.style.display === "") {
  826.         menu.style.display = 'block';
  827.         
  828.         // Ajoute un écouteur pour détecter les clics en dehors
  829.         document.addEventListener('click', closeOnClickOutside);
  830.     } else {
  831.         menu.style.display = 'none';
  832.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  833.     }
  834.     }
  836.     // Fonction qui ferme le menu si on clique à l'extérieur
  837.     function closeOnClickOutside(event) {
  838.     const menu = document.getElementById('deroulant-spe');
  839.     const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
  841.     // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
  842.     if (!menu.contains(event.target) && !button.contains(event.target)) {
  843.         menu.style.display = 'none';
  844.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  845.     }
  846.     }
  847.             document.querySelectorAll('.footerNew-dropdown-button').forEach(button => {
  848.         button.addEventListener('click', () => {
  849.             const parentLi = button.parentElement;
  851.             // Toggle active class
  852.             parentLi.classList.toggle('active');
  854.             // Close other open menus (optional, for better UX)
  855.             document.querySelectorAll('.footerNew-dropdown li').forEach(li => {
  856.             if (li !== parentLi) {
  857.                 li.classList.remove('active');
  858.             }
  859.             });
  860.         });
  861.         });
  862. </script>
  863.     {% endblock %}