templates/specilites/microneedling.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Maison Eiffel - Microneedling
  3. {% endblock %}
  4. {% block stylesheets %}
  5.     <style rel="stylesheet">
  6.         .table-container {
  7.             width: 100%;
  8.             max-width: 90%;
  9.             margin-left: 5%;
  10.             overflow-x: auto;
  11.             display: flex;
  12.             justify-content: center;
  13.         }
  14.         .table-wrapper {
  15.             border: 1px solid #E0C15B;
  16.             border-radius: 8px;
  17.             padding: 12px;
  18.             background-color: #fff;
  19.             position: relative;
  20.             width: 100%;
  21.         }
  22.         table {
  23.             width: 100%;
  24.             border-collapse: collapse;
  25.         }
  26.         td {
  27.             padding: 8px 12px;
  28.             text-align: left;
  29.             border-bottom: 1px solid #E0C15B;
  30.         }
  31.         .text {
  32.             font-weight: bold;
  33.             width: 30%;
  34.         }
  35.         .prix, .temps {
  36.             text-align: right;
  37.             padding: 8px 4px;
  38.         }
  39.         .prix {
  40.             width: 50%;
  41.         }
  42.         .temps {
  43.             width: 50%;
  44.         }
  45.         tr:last-child td {
  46.             border-bottom: 1px solid #E0C15B;
  47.         }
  48.         .legal-notice {
  49.             font-size: 9px;
  50.             color: #555;
  51.             margin-top: 16px;
  52.             text-align: center;
  53.         }
  54.         @media (max-width: 600px) {
  55.             .table-container {
  56.                 width: 80%;
  57.                 margin-left: 10%;
  58.             }
  59.             .table-wrapper {
  60.                 width: 100%;
  61.             }
  62.             table {
  63.                 font-size: 14px;
  64.             }
  65.             td {
  66.                 padding: 6px 8px;
  67.             }
  68.             .text {
  69.                 font-weight: bold;
  70.                 width: auto;
  71.             }
  72.             .prix, .temps {
  73.                 width: auto;
  74.             }
  75.         }
  76.     </style>
  77. {% endblock %}
  78. {% block body %}
  79.     <div class="mainContainer" id="container-specialtes">
  80.         <header class="header">
  81.             <div class="header__top">
  82.                 <p class="adress-top">
  83.                     <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">
  84.                         <i class='fas fa-map-marker-alt'></i>
  85.                         Nous trouver sur la carte</a>
  86.                     <a href="/avis">
  87.                         <i class="far fa-star"></i>
  88.                         Avis certifiés</a>
  89.                 </p>
  90.             </div>
  91.             <div class="header__main">
  92.                 <div class="header__main__content">
  93.                     <a href="{{ path('home') }}" class="logo">
  94.                         <img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
  95.                     <ul class='menu'>
  96.                         <li>
  97.                             <a href="{{ path('home') }}">Notre centre</a>
  98.                         </li>
  99.                         <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
  100.                             <a>Nos spécialités</a>
  101.                         </li>
  102.                         <li class="deroul-specialites">
  103.                             <a href="{{ path('besoins') }}">Vos besoins</a>
  104.                         </li>
  105.                         <li>
  106.                             <a href="{{ path('blog') }}">Blog</a>
  107.                         </li>
  108.                         <li>
  109.                             <a href="{{ path('avis') }}">Avis</a>
  110.                         </li>
  111.                         <li class="link-contact">
  112.                             <a href="{{ path('contact') }}">Contact</a>
  113.                             <div class="link-border-contact"></div>
  114.                             <div class="link-back-contact"></div>
  115.                         </li>
  116.                     </ul>
  117.                     <label class="mobile-menu-btn">
  118.                         <i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
  119.                         <i class="fas fa-times" onclick='closeMenu()' id='close'></i>
  120.                     </label>
  121.                     <div class="adress">
  122.                         <div class="adress-box">
  123.                             <strong>
  124.                                 <a href="tel:0153700512" style="color:black;">
  125.                                     <i class="far fa-calendar"></i>
  126.                                     01 53 70 05 12</strong>
  127.                             </a>
  128.                             <br>
  129.                             <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
  130.                         </div>
  131.                     </div>
  132.                     <div class="header__list" id='header__list'>
  133.                         <ul class="menu-mobile">
  134.                             <li>
  135.                                 <a href="{{ path('home') }}">Notre centre</a>
  136.                             </li>
  137.                             <li class="deroul-mobile">
  138.                                 <button class="menuonclick" onclick="openSousMenu()">
  139.                                     Nos specialites
  140.                                     <img class="arrowdown" src="{{ asset('assets/images/arrow-down.png') }}" alt="arrow down"></button>
  141.                                 <ul class="deroul-click">
  142.                                     <li>
  143.                                         <a href="#">lorem ipsum</a>
  144.                                     </li>
  145.                                     <li>
  146.                                         <a href="#">lorem ipsum</a>
  147.                                     </li>
  148.                                     <li>
  149.                                         <a href="#">lorem ipsum</a>
  150.                                     </li>
  151.                                     <li>
  152.                                         <a href="#">lorem ipsum</a>
  153.                                     </li>
  154.                                     <li>
  155.                                         <a href="#">lorem ipsum</a>
  156.                                     </li>
  157.                                     <li>
  158.                                         <a href="#">lorem ipsum</a>
  159.                                     </li>
  160.                                 </ul>
  161.                             </li>
  162.                             <li>
  163.                                 <a href="{{ path('besoins') }}">Vos besoins</a>
  164.                             </li>
  165.                             <li>
  166.                                 <a href="{{ path('blog') }}">Blog</a>
  167.                             </li>
  168.                             <li>
  169.                                 <a href="{{ path('avis') }}">
  170.                                     Avis
  171.                                 </a>
  172.                             </li>
  173.                             <li>
  174.                                 <a href="{{ path('contact') }}">
  175.                                     Contact
  176.                                 </a>
  177.                             </li>
  178.                         </ul>
  179.                     </div>
  180.                 </div>
  181.                 <ul class="deroul n1" id="deroulant-spe">
  182.                     <li>
  183.                         <a href="{{ path('specialites_plasma') }}">Plasma</a>
  184.                     </li>
  185.                     <li>
  186.                         <a href="{{ path('specialites_injection') }}">Injection</a>
  187.                     </li>
  188.                     <li>
  189.                         <a href="{{ path('specialites_toxine') }}">Toxine</a>
  190.                     </li>
  191.                     <li>
  192.                         <a href="{{ path('specialites_philart') }}">Philart</a>
  193.                     </li>
  194.                     <li>
  195.                         <a href="{{ path('specialites_morpheus') }}">Morpheus</a>
  196.                     </li>
  197.                     <li>
  198.                                         <a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
  199.                                     </li>
  200.                     <li>
  201.                         <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
  202.                     </li>
  203.                     <li>
  204.                         <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
  205.                     </li>
  206.                     <li>
  207.                         <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
  208.                     </li>
  209.                     <li>
  210.                         <a href="{{ path('specialites_peeling') }}">Peeling</a>
  211.                     </li>
  212.                     <li>
  213.                         <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
  214.                     </li>
  215.                     <li>
  216.                         <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
  217.                     </li>
  218.                     <li>
  219.                         <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
  220.                     </li>
  221.                     <li>
  222.                         <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
  223.                     </li>
  224.                     <li>
  225.                         <a href="{{ path('specialites_microneedling') }}">Microneedling</a>
  226.                     </li>
  227.                     <li>
  228.                         <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
  229.                     </li>
  230.                     <li>
  231.                         <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
  232.                     </li>
  233.                     <li>
  234.                         <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
  235.                     </li>
  236.                 </ul>
  237.             </header>
  238.             <section style="padding-top:130px;">
  239.                 <div class="about-us">
  240.                     <div class="container-about-infos">
  241.                         <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  242.                             <h2 class="title-about">Le Microneedling</h2>
  243.                             <p class='about-text'>
  244.                                 Technologie équipée de micro-aiguilles qui pénètre dans la peau à des profondeurs contrôlées permettant de faire passer un cocktail de vitamines enrichi à l’acide hyaluronique.
  245.                                 <br/>
  246.                                 Ces microperforations stimulent le processus naturel de réparation de la peau, ce qui conduit à plusieurs avantages:
  247.                                 <br/>
  248.                                 On obtient une stimulation accrue du collagène et de l’élastine, une réduction des rougeurs et de l’inflammation, une amélioration de la texture de la peau, un éclaircissement de l’hyperpigmentation et un rajeunissement global.
  249.                                 <br/>
  250.                                 Ce soin peut être effectué pour réveiller un coup d’éclat, avant une soirée ou bien en routine de soin pour hydrater en profondeur la peau.
  251.                             </p>
  252.                         </div>
  253.                     </div>
  254.                     
  255.                     <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  256.                         <div class="video-container-test" style="text-align: center;">
  257.                             <video controls autoplay muted loop width="600">
  258.                                 <source src="{{asset('assets/videos/22_Microneedling&Oxygénation.mp4')}}" type="video/mp4">
  259.                                 Your browser does not support the video tag.
  260.                             </video>
  261.                         </div>
  262.                     </div>
  263.                 </div>
  264.                 <div class="detail-circle-container">
  265.                     <div class="detail-circle">
  266.                         <h3 class="details-circle-title">Éviction Sociale</h3>
  267.                         <p class="details-circle-text">Non
  268.                             <br/>
  269.                             + indice 50</p>
  270.                     </div>
  271.                     <div class="detail-circle">
  272.                         <h3 class="details-circle-title">Douleur</h3>
  273.                         <p class="details-circle-text">2/10</p>
  274.                     </div>
  275.                     <div class="detail-circle circle-price" onclick="window.location='#section-price';">
  276.                         <h3 class="details-circle-title">Coût</h3>
  277.                         <p class="details-circle-text">Grille des tarifs</p>
  278.                     </div>
  279.                     <div class="detail-circle">
  280.                         <h3 class="details-circle-title">Durabilité</h3>
  281.                         <p class="details-circle-text">Entretien</p>
  282.                     </div>
  283.                 </div>
  284.                 <div class="detail-timeline-containers">
  285.                     <div class="detail-timeline detail-timeline-long">
  286.                         <div class="detail-timeline-event detail-timeline-event-first">
  287.                             <h4 class="detail-timeline-title">Séance 1</h4>
  288.                             <p class="detail-timeline-text">j-0</p>
  289.                         </div>
  290.                         <div class="detail-timeline-event">
  291.                             <h4 class="detail-timeline-title">Séance 2</h4>
  292.                             <p class="detail-timeline-text">j-15</p>
  293.                         </div>
  294.                         <div class="detail-timeline-event">
  295.                             <h4 class="detail-timeline-title">Séance 3</h4>
  296.                             <p class="detail-timeline-text">j-30</p>
  297.                         </div>
  298.                         <div class="detail-timeline-event">
  299.                             <h4 class="detail-timeline-title">Séance 4</h4>
  300.                             <p class="detail-timeline-text">j-45</p>
  301.                         </div>
  302.                         <div class="detail-timeline-event">
  303.                             <h4 class="detail-timeline-title">Séance 5</h4>
  304.                             <p class="detail-timeline-text">j-60</p>
  305.                         </div>
  306.                         <div class="detail-timeline-event">
  307.                             <h4 class="detail-timeline-title">Séance 6</h4>
  308.                             <p class="detail-timeline-text">j-90</p>
  309.                         </div>
  310.                         <div class="detail-timeline-event detail-timeline-event-last">
  311.                             <h4 class="detail-timeline-title">Nouvelle Séance Entretien</h4>
  312.                             <p class="detail-timeline-text">+/- 1 ans</p>
  313.                         </div>
  314.                         <div class="detail-timeline-arrow">
  315.                             <div class="detail-timeline-arrow-line"></div>
  316.                             <div class="detail-timeline-arrow-line"></div>
  317.                         </div>
  318.                     </div>
  319.                 </div>
  320.             </section>
  321.             <section class="section-doctor specialite">
  322.                 <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
  323.                     <img class="doctor-img specialite" src="{{ asset('assets/spe/microneedling/1.png') }}" alt="docteur"/>
  324.                     <div class="square-border-doctor specialite"></div>
  325.                 </div>
  326.                 <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
  327.                     <h1 class="title-doctor specialite">Déroulé du soin</h1>
  328.                     <ul>
  329.                         <li>
  330.                             <div class="circle">
  331.                                 1
  332.                             </div>
  333.                             Démaquillage et nettoyage de la zone (visage, cou, décolleté ou mains)
  334.                         </li>
  335.                         <li>
  336.                             <div class="circle">
  337.                                 2
  338.                             </div>
  339.                             Application de la lotion revital
  340.                         </li>
  341.                         <li>
  342.                             <div class="circle">
  343.                                 3
  344.                             </div>
  345.                             Application du mésopen et du cockatil vitaminés
  346.                         </li>
  347.                         <li>
  348.                             <div class="circle">
  349.                                 4
  350.                             </div>
  351.                             Application de la LED
  352.                         </li>
  353.                         <li>
  354.                             <div class="circle">
  355.                                 5
  356.                             </div>
  357.                             Application d’un sérum Mes’age à l’huile d’argan
  358.                         </li>
  359.                         <li>
  360.                             <div class="circle">
  361.                                 6
  362.                             </div>
  363.                             Possibilité de combiner ce soin avec un Peel Mask, un Peeling…
  364.                         </li>
  365.                     </ul>
  366.                 </div>
  367.                 <div class="square-border-info n1"></div>
  368.                 <div class="square-border-info n2"></div>
  369.             </section>
  370.             <!-- <div class="inner">
  371.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__text">
  372.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text__content">
  373.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500">
  374.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Des traitements adaptes
  375.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </h2>
  376.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  377.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <p class="text" data-aos="fade-right" data-aos-duration="1500">
  378.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  379.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  380.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  381.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  382.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  383.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  384.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  385.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  386.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </p>
  387.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  388.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  389.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  390.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  391.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image__content">
  392.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  393.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
  394.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Hydrafacial</span>
  395.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  396.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  397.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  398.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
  399.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Mesotherapie</span>
  400.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  401.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  402.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  403.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
  404.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Peeling</span>
  405.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  406.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  407.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  408.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  409.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  410.             <div class="about-us nosBesoin">
  411.                 <div class="container-about-infos">
  412.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  413.                         <h2 class="title-about">Optimisation du soin</h2>
  414.                         <p class="about-text besoin">
  415.                             <span>Après la séance</span><br/>
  416.                             - Eviter de se toucher le visage
  417.                             <br/>
  418.                             - Laisser les actifs pénétrer pendant 6h après le soin puis reprendre votre routine habituelle
  419.                             <br/>
  420.                             - Eviter le maquillage après votre séance
  421.                             <br/>
  422.                             - Mettre une crème solaire les jours qui suivent votre séance
  423.                         </p>
  424.                         <br/>
  425.                         <p class='about-text besoin'>
  426.                             Protocole : Le nombre de séances nécessaires dépend de l'état de la peau et des objectifs du traitement. En général, plusieurs séances espacées de quelques semaines sont nécessaires pour obtenir des résultats optimaux.<br/><br />
  427.                             <span>Plusieurs protocoles peuvent vous être proposé:</span><br/>
  428.                             - Protocole d’attaque 5 séances : 1 séance tous les 15 jours
  429.                             <br/>
  430.                             - Protocole post attaque 5 séances : 1 séances par mois
  431.                             <br/>
  432.                             - Protocole d’entretien : 1 séance tous les 2 mois                    
  433.                         </p><br />
  434.                     </div>
  435.                 </div>
  436.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  437.                     <img class="about-img" src="{{ asset('assets/spe/microneedling/4.png') }}" alt="image d'illustration centre"/>
  438.                     <div class="about-border-square"></div>
  439.                 </div>
  440.             </div>
  441.             <!-- <div class="inner">
  442.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-right" data-aos-duration="1500">
  443.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  444.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  445.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  446.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text" data-aos="fade-left" data-aos-duration="1500">
  447.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  448.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  449.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  450.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  451.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  452.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        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>
  453.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  454.             <div class="about-us specialite">
  455.                 <div class="container-about-infos">
  456.                     <div class="about-info" data-aos="fade-left" data-aos-duration="1500">
  457.                         <h2 class="title-about">Suis-je éligible ou pas ?</h2>
  458.                         <p class='about-text'>
  459.                             Le microneedling s’adapte à tous les phototypes et tous les types de peaux même les plus sensibles
  460.                         </p>
  461.                         <br/>
  462.                         <p class='about-text'>
  463.                             Nous ne vous proposerons pas ce traitement dans le contexte suivant :<br/><br/>
  464.                             Femme enceinte
  465.                             <br/>
  466.                             eczéma inflammatoire
  467.                             <br/>
  468.                             infections cutanés ou lésions cutanés ouvertes
  469.                             <br/>
  470.                             acné inflammatoire
  471.                             <br/>
  472.                             éruption herpétique
  473.                         </p>
  474.                     </div>
  475.                 </div>
  476.                 <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
  477.                     <img class="about-img" src="{{ asset('assets/spe/microneedling/2.png') }}" alt="image d'illustration centre"/>
  478.                     <div class="about-border-square"></div>
  479.                 </div>
  480.             </div>
  481.             <br/>
  482.             <div class="about-us nosBesoin">
  483.                 <div class="container-about-infos">
  484.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  485.                         <br/>
  486.                         <p class="about-text besoin">
  487.                             L'une des principales raisons d'opter pour le microneedling est de stimuler la production de collagène, une protéine essentielle pour la fermeté et l'élasticité de la peau. Les micro-lésions induites par le microneedling activent le processus naturel de cicatrisation du corps, favorisant la création de nouvelles fibres de collagène.
  488.                             <br/>
  489.                             Le microneedling est généralement considéré comme sûr, mais il peut y avoir des rougeurs, des gonflements et une sensation de chaleur après le traitement qui s’estomperont dans les heures qui suivent. Il est important de noter que les résultats du microneedling &LED peuvent varier en fonction de la personne, de la condition de la peau et de la fréquence des traitements
  490.                         </p>
  491.                     </div>
  492.                 </div>
  493.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  494.                     <img class="about-img"src="{{ asset('assets/spe/microneedling/3.png') }}" alt="image d'illustration centre"/>
  495.                     <div class="about-border-square"></div>
  496.                 </div>
  497.             </div>
  498.             <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
  499.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <div class="inner__text">
  500.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  501.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  502.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  503.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  504.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  505.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
  506.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 sed diam nonumy eirmod tempor invidunt ut labore et
  507.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 dolore magna aliquyam erat, sed diam voluptua
  508.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  509.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </p>
  510.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <ul>
  511.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  512.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  513.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  514.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  515.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  516.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  517.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  518.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  519.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  520.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  521.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  522.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  523.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  524.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  525.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  526.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  527.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  528.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  529.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  530.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  531.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  532.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  533.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  534.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  535.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  536.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  537.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  538.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  539.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  540.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  541.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  542.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  543.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  544.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  545.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </ul>
  546.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  547.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  548.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  549.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  550.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  551.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  552.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  553.             <div class="price" data-aos="fade-up" data-aos-duration="1500">
  554.                 <h2 class="title-about">
  555.                     Notre grille tarifaire
  556.                 </h2>
  557.                 <div class="table-container">
  558.                     <div class="table-wrapper">
  559.                         <table>
  560.                             <tbody>
  561.                                 <tr>
  562.                                     <td class="text">Soin Beauté Visage</td>
  563.                                     <td class="prix">130€</td>
  564.                                     <td class="temps">50 min </td>
  565.                                 </tr>
  566.                                 <tr>
  567.                                     <td class="text">Zone supplémentaire (décolleté, mains...)</td>
  568.                                     <td class="prix">35€</td>
  569.                                     <td class="temps"></td>
  570.                                 </tr>
  571.                                 <tr>
  572.                                     <td class="text">Supplément Booster</td>
  573.                                     <td class="prix">50€</td>
  574.                                     <td class="temps"></td>
  575.                                 </tr>
  576.                                 <tr>
  577.                                     <td colspan="3" style="border: none;"></td>
  578.                                 </tr>
  579.                                 <tr>
  580.                                     <td colspan="3" style="border: none;">Nos combinaisons:</td> 
  581.                                 </tr>
  582.                                 <tr>
  583.                                     <td class="text">Glow Skin (Hydrafacial signature + Microneedling & LED)</td>
  584.                                     <td class="prix">270€</td>
  585.                                     <td class="temps">1h</td>
  586.                                 </tr>
  587.                                 <tr>
  588.                                     <td class="text">Perfect Skin (Peeling acides de fruit + Microneedling & LED)</td>
  589.                                     <td class="prix">230€</td>
  590.                                     <td class="temps">1h20</td>
  591.                                 </tr>
  592.                                 <tr>
  593.                                     <td class="text">Revita’ Derm (Microneedling + Oxygénation & LED)</td>
  594.                                     <td class="prix">200€</td>
  595.                                     <td class="temps">1h15</td>
  596.                                 </tr>
  597.                                 <tr>
  598.                                     <td colspan="3" style="border: none;"></td>
  599.                                 </tr>
  600.                                 <tr>
  601.                                     <td colspan="3" style="border: none;">Nos Protocoles Experts:</td> 
  602.                                 </tr>
  603.                                 <tr>
  604.                                     <td class="text">Rafferming (Skin Inducteur > Morpheus > Microneedling & LED)</td>
  605.                                     <td class="prix">550€</td>
  606.                                     <td class="temps"></td>
  607.                                 </tr>
  608.                                 <tr>
  609.                                     <td class="text">White Skin (Peeling > Sylfirm > Microneedling & LED)</td>
  610.                                     <td class="prix">550€</td>
  611.                                     <td class="temps"></td>
  612.                                 </tr>
  613.                             </tbody>
  614.                         </table>
  615.                         <div class="legal-notice">
  616.                             <p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br>
  617.                             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>
  618.                         </div>
  619.                     </div>
  620.                 </div>
  621.                 <br>
  622.                 <button class="container-buttonBorder">
  623.                     <p class="buttonBorder">Prendre rendez-vous</p>
  624.                     <p class="border-buttonBorder"></p>
  625.                     <p class="back-buttonBorder"></p>
  626.                 </button>
  627.             </div>
  628.             <br>
  629.             <br>
  630.             <footer class="sectionFooter">
  631.                 <div class="containerFooter">
  632.                     <div class="containerTopFooter">
  633.                         <ul class="containerLinkNavFooter">
  634.                             <li class="linkNavFooter">
  635.                                 <a>Notre centre</a>
  636.                             </li>
  637.                             <li class="linkNavFooter">
  638.                                 <a>Nos spécialités</a>
  639.                             </li>
  640.                             <li class="linkNavFooter">
  641.                                 <a>Vos besoins</a>
  642.                             </li>
  643.                             <li class="linkNavFooter">
  644.                                 <a>Blog</a>
  645.                             </li>
  646.                             <li class="linkNavFooter">
  647.                                 <a>Avis</a>
  648.                             </li>
  649.                             <li class="linkNavFooter">
  650.                                 <a>Contact</a>
  651.                             </li>
  652.                         </ul>
  653.                         <div class="adress-box">
  654.                             Paris 11
  655.                             <br>
  656.                             <span>
  657.                                 <i class="far fa-calendar"></i>
  658.                                 01 36 78 94 25<br></span>
  659.                             <a href="https://www.treatwell.fr/">Prendre Rdv</a>
  660.                         </div>
  661.                     </div>
  662.                     <div
  663.                         class="containerMiddleFooter">
  664.                         <!-- <p class="textFooter"><span>Accessibilité : </span>si vous êtes malvoyant ou si vous avez une autre déficience couverte par l'Americans with Disabilities Act ou une loi similaire, et que vous souhaitez discuter d'aménagements potentiels liés à l'utilisation de ce site Web, veuillez contacter notre responsable de l'accessibilité au <a>818-848-0590</a>.</p> -->
  665.                         <p class="textFooter">
  666.                             <span>Avis de non-responsabilité :
  667.                                 <br/>
  668.                             </span>Les informations fournies sur ce site sont uniquement à des fins informatives et ne doivent en aucun cas se substituer à un avis médical professionnel. 
  669.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Elles ne constituent ni un diagnostic ni une recommandation de traitement personnalisé. Chaque cas étant unique, il est fortement recommandé de consulter un professionnel de la santé avant toute décision liée à la chirurgie esthétique.
  670.                             <br/><br/>Veuillez également noter que certaines informations sur les paiements de fabricants de produits médicaux aux professionnels de la santé pourraient être sujettes à divulgation publique selon les lois en vigueur.
  671.                             <br/><br/>Des sources gouvernementales peuvent fournir des détails complémentaires à ce sujet.
  672.                             <a>ici</a>.
  673.                         </p>
  674.                     </div>
  675.                     <div class="containerBottomFooter">
  676.                         <div class="containerTextFooter">
  677.                             <p class="textFooter">© 2023 Maison Eiffel.</p>
  678.                             <p class="textFooter">Tous les droits sont réservés.</p>
  679.                         </div>
  680.                         <div class="containerTextFooter">
  681.                             <p class="textFooter">Politique relative aux cookies</p>
  682.                         </div>
  683.                         <div class="containerTextFooter">
  684.                             <p class="textFooter">Politique de confidentialité</p>
  685.                         </div>
  686.                         <div class="containerTextFooter">
  687.                             <p class="textFooter">Termes et conditions</p>
  688.                         </div>
  689.                         <div class="containerTextFooter">
  690.                             <p class="textFooter">Déclaration d'accessibilité
  691.                             </p>
  692.                         </div>
  693.                         <div class="containerTextFooter">
  694.                             <p class="textFooter">Site map</p>
  695.                         </div>
  696.                         <div class="containerReseauxFooter">
  697.                             <a class="linkReseauFooter"><img src="{{ asset('assets/images/instagram.png') }}"/></a>
  698.                             <a class="linkReseauFooter"><img src="{{ asset('assets/images/youtube.png') }}"/></a>
  699.                             <a class="linkReseauFooter"><img src="{{ asset('assets/images/tik-tok.png') }}"/></a>
  700.                         </div>
  701.                     </div>
  702.                 </div>
  703.                 <div class="lineFooter"></div>
  704.                 <div class="lineFooter2"></div>
  705.                 <div class="lineFooter3"></div>
  706.                 <div class="lineFooter4"></div>
  707.             </footer>
  708.         </div>
  709.         <script src="public/js/script.js"></script>
  710.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  711.         <script>
  712.             AOS.init();
  713.         </script>
  714.         <script>
  715.     function openSpecialites() {
  716.     const menu = document.getElementById('deroulant-spe');
  717.     
  718.     // Toggle le menu
  719.     if(menu.style.display === "none" || menu.style.display === "") {
  720.         menu.style.display = 'block';
  721.         
  722.         // Ajoute un écouteur pour détecter les clics en dehors
  723.         document.addEventListener('click', closeOnClickOutside);
  724.     } else {
  725.         menu.style.display = 'none';
  726.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  727.     }
  728.     }
  729.     // Fonction qui ferme le menu si on clique à l'extérieur
  730.     function closeOnClickOutside(event) {
  731.     const menu = document.getElementById('deroulant-spe');
  732.     const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
  733.     // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
  734.     if (!menu.contains(event.target) && !button.contains(event.target)) {
  735.         menu.style.display = 'none';
  736.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  737.     }
  738.     }
  739. </script>
  740.     {% endblock %}