templates/specilites/microneedling.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Maison Eiffel - Microneedling{% endblock %}
  4. {% block description %}Découvrez les bienfaits du microneedling, une technique innovante pour revitaliser votre peau. Stimulez la production de collagène, améliorez la texture de votre peau et obtenez un teint éclatant grâce à ce traitement efficace et adapté à tous les types de peau.{% endblock %}
  5. {% block keywords %}microneedling, soin du visage, revitalisation de la peau, collagène, texture de la peau, teint éclatant{% endblock %}
  6. {% block og_title %}Maison Eiffel - Microneedling{% endblock %}
  7. {% block og_description %}Découvrez les bienfaits du microneedling, une technique innovante pour revitaliser votre peau. Stimulez la production de collagène, améliorez la texture de votre peau et obtenez un teint éclatant grâce à ce traitement efficace et adapté à tous les types de peau.{% endblock %}
  9. {% block stylesheets %}
  10.     <style rel="stylesheet">
  11.         .table-container {
  12.             width: 100%;
  13.             max-width: 90%;
  14.             margin-left: 5%;
  15.             overflow-x: auto;
  16.             display: flex;
  17.             justify-content: center;
  18.         }
  20.         .table-wrapper {
  21.             border: 1px solid #E0C15B;
  22.             border-radius: 8px;
  23.             padding: 12px;
  24.             background-color: #fff;
  25.             position: relative;
  26.             width: 100%;
  27.         }
  29.         table {
  30.             width: 100%;
  31.             border-collapse: collapse;
  32.         }
  34.         td {
  35.             padding: 8px 12px;
  36.             text-align: left;
  37.             border-bottom: 1px solid #E0C15B;
  38.         }
  40.         .text {
  41.             font-weight: bold;
  42.             width: 30%;
  43.         }
  45.         .prix, .temps {
  46.             text-align: right;
  47.             padding: 8px 4px;
  48.         }
  50.         .prix {
  51.             width: 50%;
  52.         }
  54.         .temps {
  55.             width: 50%;
  56.         }
  58.         tr:last-child td {
  59.             border-bottom: 1px solid #E0C15B;
  60.         }
  62.         .legal-notice {
  63.             font-size: 9px;
  64.             color: #555;
  65.             margin-top: 16px;
  66.             text-align: center;
  67.         }
  69.         @media (max-width: 600px) {
  70.             .table-container {
  71.                 width: 80%;
  72.                 margin-left: 10%;
  73.             }
  75.             .table-wrapper {
  76.                 width: 100%;
  77.             }
  79.             table {
  80.                 font-size: 14px;
  81.             }
  83.             td {
  84.                 padding: 6px 8px;
  85.             }
  87.             .text {
  88.                 font-weight: bold;
  89.                 width: auto;
  90.             }
  92.             .prix, .temps {
  93.                 width: auto;
  94.             }
  95.         }
  96.     </style>
  97. {% endblock %}
  99. {% block body %}
  100.     <div class="mainContainer" id="container-specialtes">
  101.         <header class="header">
  102.             <div class="header__top">
  103.                 <p class="adress-top">
  104.                     <a target="_blank" href="https://www.google.fr/maps/place/Maison+Esth%C3%A9tique/@48.8615633,2.2789474,16.69z/data=!4m6!3m5!1s0x47e66f5e9a727869:0x49ccc3d8e92e5224!8m2!3d48.8614277!4d2.2820639!16s%2Fg%2F11pxx2nfx0?entry=ttu">
  105.                         <i class='fas fa-map-marker-alt'></i>
  106.                         Nous trouver sur la carte</a>
  107.                     <a href="/avis">
  108.                         <i class="far fa-star"></i>
  109.                         Avis certifiés</a>
  110.                 </p>
  111.             </div>
  113.             <div class="header__main">
  114.                 <div class="header__main__content">
  115.                     <a href="{{ path('home') }}" class="logo">
  116.                         <img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
  118.                     <ul class='menu'>
  119.                         <li>
  120.                             <a href="{{ path('home') }}">Notre centre</a>
  121.                         </li>
  123.                         <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
  124.                             <a>Nos spécialités</a>
  125.                         </li>
  127.                         <li class="deroul-specialites">
  128.                             <a href="{{ path('besoins') }}">Vos besoins</a>
  129.                         </li>
  131.                         <li>
  132.                             <a href="{{ path('blog') }}">Blog</a>
  133.                         </li>
  134.                         <li>
  135.                             <a href="{{ path('avis') }}">Avis</a>
  136.                         </li>
  137.                         <li class="link-contact">
  138.                             <a href="{{ path('contact') }}">Contact</a>
  139.                             <div class="link-border-contact"></div>
  140.                             <div class="link-back-contact"></div>
  141.                         </li>
  142.                     </ul>
  144.                     <label class="mobile-menu-btn">
  145.                         <i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
  146.                         <i class="fas fa-times" onclick='closeMenu()' id='close'></i>
  147.                     </label>
  149.                     <div class="adress">
  150.                         <div class="adress-box">
  151.                             <strong>
  152.                                 <a href="tel:0153700512" style="color:black;">
  153.                                     <i class="far fa-calendar"></i>
  154.                                     01 53 70 05 12</strong>
  155.                             </a>
  156.                             <br>
  157.                             <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
  159.                         </div>
  160.                     </div>
  162.                     <div class="header__list" id='header__list'>
  163.                         <ul class="menu-mobile">
  164.                             <li>
  165.                                 <a href="{{ path('home') }}">Notre centre</a>
  166.                             </li>
  168.                             <li><a href="{{ path('specialites_microneedling') }}">Microneedling</a></li>
  169.                             <li><a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a></li>
  170.                             <li><a href="{{ path('specialites_peeling') }}">Peeling</a></li>
  171.                             <li><a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie capillaire</a></li>
  172.                             <li><a href="{{ path('specialites_injection') }}">Injection hyaluronique</a></li>
  173.                             <li><a href="{{ path('specialites_toxine') }}">Toxine</a></li>
  174.                             <li><a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a></li>
  175.                             <li><a href="{{ path('specialites_philart') }}">Polynucléotides</a></li>
  176.                             <li><a href="{{ path('specialites_epilation-laser') }}">Épilation laser</a></li>
  177.                             <li><a href="{{ path('specialites_morpheus') }}">Virtu RF</a></li>
  178.                             <li><a href="{{ path('specialites_morpheus') }}">Morpheus</a></li>
  179.                             <li><a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a></li>
  180.                             <li><a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a></li>
  181.                             <li><a href="{{ path('specialites_zaffiro') }}">Zaffiro</a></li>
  182.                             <li><a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment dentaire</a></li>
  183.                             <li><a href="{{ path('specialites_luminotherapie') }}">Luminothérapie</a></li>
  184.                             <li><a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a></li>
  185.                             <li><a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a></li>
  186.                             <li><a href="{{ path('specialites_plasma') }}">Plasma</a></li>
  187.                             <li><a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a></li>
  188.                             <li><a href="#">PRP</a></li>
  190.                             <li>
  191.                                 <a href="{{ path('besoins') }}">Vos besoins</a>
  192.                             </li>
  194.                             <li>
  195.                                 <a href="{{ path('blog') }}">Blog</a>
  196.                             </li>
  198.                             <li>
  199.                                 <a href="{{ path('avis') }}">
  200.                                     Avis
  201.                                 </a>
  202.                             </li>
  203.                             <li>
  204.                                 <a href="{{ path('contact') }}">
  205.                                     Contact
  206.                                 </a>
  207.                             </li>
  208.                         </ul>
  209.                     </div>
  212.                 </div>
  213.                 <ul class="deroul n1" id="deroulant-spe">
  214.                                     <li>
  215.                                         <a href="{{ path('specialites_microneedling') }}">Microneedling</a>  
  216.                                     </li>
  217.                                     <li>
  218.                                         <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
  219.                                     </li>
  220.                                     <li>
  221.                                         <a href="{{ path('specialites_peeling') }}">Peeling</a>
  222.                                     </li>
  223.                                     <li>
  224.                                         <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
  225.                                     </li>
  226.                                     <li>
  227.                                         <a href="{{ path('specialites_injection') }}">Injection hyaluronique</a>
  228.                                     </li>
  229.                                     <li>
  230.                                         <a href="{{ path('specialites_toxine') }}">Toxine</a>
  231.                                     </li>
  232.                                     <li>
  233.                                         <a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a>
  234.                                     </li>                                    
  235.                                     <li>
  236.                                         <a href="{{ path('specialites_philart') }}">Polynucléotides</a>
  237.                                     </li>
  238.                                     <li>
  239.                                         <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
  240.                                     </li>
  241.                                     <li>
  242.                                         <a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
  243.                                     </li>
  244.                                     <li>
  245.                                         <a href="{{ path('specialites_morpheus') }}">Morpheus</a>
  246.                                     </li>
  247.                                     <li>
  248.                                         <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
  249.                                     </li>
  250.                                     <li>
  251.                                         <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
  252.                                     </li>
  253.                                     <li>
  254.                                         <a href="{{ path('specialites_zaffiro') }}">Zaffiro</a>
  255.                                     </li>
  256.                                    <li>
  257.                                         <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
  258.                                     </li>
  259.                                     <li>
  260.                                         <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
  261.                                     </li>
  262.                                     <li>
  263.                                         <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
  264.                                     </li>
  265.                                     <li>
  266.                                         <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
  267.                                     </li>
  268.                                     <li>
  269.                                         <a href="{{ path('specialites_plasma') }}">Plasma</a>
  270.                                     </li>
  271.                                     <li>
  272.                                         <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
  273.                                     </li>
  274.                                     <li>
  275.                                         <a href="#">Prp</a>
  276.                                     </li>
  277.                 </ul>
  278.             </header>
  281.             <section style="padding-top:130px;">
  282.                 <div class="about-us">
  283.                     <div class="container-about-infos">
  284.                         <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  285.                             <h2 class="title-about">Le Microneedling</h2>
  286.                             <p class='about-text'>
  287.                                 Le Microneedling est technologie équipée de micro-aiguilles qui pénètrent la peau à des profondeurs contrôlées, permettant la pénétration d’un cocktail de vitamines enrichi en acide hyaluronique.
  288.                                 <br/>
  289.                                 Ces microperforations stimulent le processus naturel de réparation de la peau, offrant de nombreux avantages :
  290.                                 stimulation accrue du collagène et de l’élastine, réduction des rougeurs et de l’inflammation, amélioration de la texture de la peau, éclaircissement de l’hyperpigmentation et rajeunissement global.
  291.                                 <br/>
  292.                                 Ce soin peut être réalisé pour raviver le teint et apporter un coup d’éclat, avant une soirée ou dans le cadre d’une routine de soins afin d’hydrater la peau en profondeur.
  293.                             </p>
  294.                         </div>
  295.                     </div>
  296.                     
  297.                     <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  298.                         <div class="video-container-test" style="text-align: center;">
  299.                             <video controls autoplay muted loop width="600">
  300.                                 <source src="{{asset('assets/videos/22_Microneedling&Oxygénation.mp4')}}" type="video/mp4">
  301.                                 Your browser does not support the video tag.
  302.                             </video>
  303.                         </div>
  304.                     </div>
  305.                 </div>
  307.                 <div class="detail-circle-container">
  308.                     <div class="detail-circle">
  309.                         <h3 class="details-circle-title">Éviction Sociale</h3>
  310.                         <p class="details-circle-text">Non
  311.                             <br/>
  312.                             + indice 50</p>
  313.                     </div>
  314.                     <div class="detail-circle">
  315.                         <h3 class="details-circle-title">Douleur</h3>
  316.                         <p class="details-circle-text">2/10</p>
  317.                     </div>
  318.                     <div class="detail-circle circle-price" onclick="window.location='#section-price';">
  319.                         <h3 class="details-circle-title">Coût</h3>
  320.                         <p class="details-circle-text">Grille des tarifs</p>
  321.                     </div>
  322.                     <div class="detail-circle">
  323.                         <h3 class="details-circle-title">Durabilité</h3>
  324.                         <p class="details-circle-text">Entretien</p>
  325.                     </div>
  326.                 </div>
  327.                 <div class="detail-timeline-containers">
  328.                     <div class="detail-timeline detail-timeline-long">
  329.                         <div class="detail-timeline-event detail-timeline-event-first">
  330.                             <h4 class="detail-timeline-title">Séance 1</h4>
  331.                             <p class="detail-timeline-text">j-0</p>
  332.                         </div>
  333.                         <div class="detail-timeline-event">
  334.                             <h4 class="detail-timeline-title">Séance 2</h4>
  335.                             <p class="detail-timeline-text">j-15</p>
  336.                         </div>
  337.                         <div class="detail-timeline-event">
  338.                             <h4 class="detail-timeline-title">Séance 3</h4>
  339.                             <p class="detail-timeline-text">j-30</p>
  340.                         </div>
  341.                         <div class="detail-timeline-event">
  342.                             <h4 class="detail-timeline-title">Séance 4</h4>
  343.                             <p class="detail-timeline-text">j-45</p>
  344.                         </div>
  345.                         <div class="detail-timeline-event">
  346.                             <h4 class="detail-timeline-title">Séance 5</h4>
  347.                             <p class="detail-timeline-text">j-60</p>
  348.                         </div>
  349.                         <div class="detail-timeline-event">
  350.                             <h4 class="detail-timeline-title">Séance 6</h4>
  351.                             <p class="detail-timeline-text">j-90</p>
  352.                         </div>
  353.                         <div class="detail-timeline-event detail-timeline-event-last">
  354.                             <h4 class="detail-timeline-title">Nouvelle Séance Entretien</h4>
  355.                             <p class="detail-timeline-text">+/- 3 mois</p>
  356.                         </div>
  357.                         <div class="detail-timeline-arrow">
  358.                             <div class="detail-timeline-arrow-line"></div>
  359.                             <div class="detail-timeline-arrow-line"></div>
  360.                         </div>
  361.                     </div>
  362.                 </div>
  363.             </section>
  365.             <section class="section-doctor specialite">
  366.                 <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
  367.                     <img class="doctor-img specialite" src="{{ asset('assets/spe/microneedling/1.png') }}" alt="docteur"/>
  368.                     <div class="square-border-doctor specialite"></div>
  369.                 </div>
  370.                 <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
  371.                     <h1 class="title-doctor specialite">Déroulé du soin</h1>
  372.                     <ul>
  373.                         <li>
  374.                             <div class="circle">
  375.                                 1
  376.                             </div>
  377.                             Démaquillage et nettoyage de la zone (visage, cou, décolleté ou mains)
  378.                         </li>
  380.                         <li>
  381.                             <div class="circle">
  382.                                 2
  383.                             </div>
  384.                             Application de la lotion revital
  385.                         </li>
  387.                         <li>
  388.                             <div class="circle">
  389.                                 3
  390.                             </div>
  391.                             Application du MésoPen et du cocktail vitaminé
  392.                         </li>
  394.                         <li>
  395.                             <div class="circle">
  396.                                 4
  397.                             </div>
  398.                             Application de la LED
  399.                         </li>
  400.                         <li>
  401.                             <div class="circle">
  402.                                 5
  403.                             </div>
  404.                             Application d’un sérum Mes’Âge à l’huile d’argan
  405.                         </li>
  406.                         <li>
  407.                             <div class="circle">
  408.                                 6
  409.                             </div>
  410.                             Possibilité de combiner ce soin avec un peel mask, un peeling… (Voir nos combinaisons dans la grille tarifaire)
  411.                         </li>
  412.                     </ul>
  414.                 </div>
  415.                 <div class="square-border-info n1"></div>
  416.                 <div class="square-border-info n2"></div>
  417.             </section>
  419.             <!-- <div class="inner">
  420.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__text">
  421.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text__content">
  422.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500">
  423.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Des traitements adaptes
  424.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </h2>
  425.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  426.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <p class="text" data-aos="fade-right" data-aos-duration="1500">
  427.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  428.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  429.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  430.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  431.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  432.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  433.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  434.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  435.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </p>
  436.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  437.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  438.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  439.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  440.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image__content">
  441.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  442.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
  443.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Hydrafacial</span>
  444.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  445.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  446.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  447.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
  448.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Mesotherapie</span>
  449.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  450.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  451.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  452.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
  453.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Peeling</span>
  454.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  455.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  456.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  457.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  458.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  459.             <div class="about-us nosBesoin">
  460.                 <div class="container-about-infos">
  461.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  462.                         <h2 class="title-about">Optimisation du soin</h2>
  463.                         <p class="about-text besoin">
  464.                             - Eviter de se toucher le visage et de se maquiller après la séance
  465.                             <br/>
  466.                             - Laisser les actifs pénétrer pendant 6 h après le soin, puis reprendre votre routine de soins habituelle
  467.                             <br/>
  468.                             - Appliquer une crème solaire les jours suivant votre séance
  469.                         </p>
  470.                         <br/>
  471.                         <p class='about-text besoin'>
  472.                             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 />
  473.                             <span>Plusieurs protocoles peuvent vous être proposé :</span><br/>
  474.                             - Protocole d’attaque : 5 séances, à raison d’1 séance tous les 15 jours
  475.                             <br/>
  476.                             - Protocole post-attaque : 5 séances, à raison d’1 séance par mois
  477.                             <br/>
  478.                             - Protocole d’entretien : 1 séance tous les 2 mois        <br/><br/>
  479.                             Il est important de noter que les résultats du microneedling & LED peuvent varier en fonction de la personne, de l’état de la peau et de la fréquence des traitements.        
  480.                         </p><br />
  481.                     </div>
  482.                 </div>
  484.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  485.                     <img class="about-img" src="{{ asset('assets/spe/microneedling/4.png') }}" alt="image d'illustration centre"/>
  486.                     <div class="about-border-square"></div>
  487.                 </div>
  488.             </div>
  490.             <!-- <div class="inner">
  491.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-right" data-aos-duration="1500">
  492.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  493.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  494.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  495.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text" data-aos="fade-left" data-aos-duration="1500">
  496.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  497.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  498.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  499.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  500.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  501.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        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>
  502.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  504.             <div class="about-us specialite">
  505.                 <div class="container-about-infos">
  506.                     <div class="about-info" data-aos="fade-left" data-aos-duration="1500">
  507.                         <h2 class="title-about">Suis-je éligible ?</h2>
  508.                         <p class='about-text'>
  509.                             Le microneedling s’adapte à tous les phototypes et à tous les types de peau, même les plus sensibles.
  510.                         </p>
  511.                         <br/>
  512.                         <p class='about-text'>
  513.                             Nous ne vous proposerons pas ce traitement dans les contextes suivants :<br/><br/>
  514.                             - Grossesse
  515.                             <br/>
  516.                             - Eczéma inflammatoire
  517.                             <br/>
  518.                             - Infections cutanées ou lésions cutanées ouvertes
  519.                             <br/>
  520.                             - Acné inflammatoire
  521.                             <br/>
  522.                             - Éruption herpétique
  523.                         </p>
  524.                     </div>
  525.                 </div>
  527.                 <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
  528.                     <img class="about-img" src="{{ asset('assets/spe/microneedling/2.png') }}" alt="image d'illustration centre"/>
  530.                     <div class="about-border-square"></div>
  531.                 </div>
  532.             </div>
  533.             <br/>
  534.             <div class="about-us nosBesoin">
  535.                 <div class="container-about-infos">
  536.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  537.                     <h2 class="title-about">En résumé</h2>
  538.                         <br/>
  539.                         <p class="about-text besoin">
  540.                             L’une des principales raisons d’opter pour le microneedling est d'hydrater la peau en profondeur et de stimuler la production de collagène, une protéine essentielle à la fermeté et à l’élasticité de la peau. Les microlésions induites par le microneedling activent le processus naturel de cicatrisation du corps, favorisant la création de nouvelles fibres de collagène.
  541.                             <br/><br />
  542.                             Après la séance le microneedling peut provoquer des rougeurs, des gonflements et une sensation de chaleur après le traitement, qui s’estompent dans les heures qui suivent.
  544.                         </p>
  546.                     </div>
  547.                 </div>
  549.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  550.                     <img class="about-img"src="{{ asset('assets/spe/microneedling/3.png') }}" alt="image d'illustration centre"/>
  551.                     <div class="about-border-square"></div>
  552.                 </div>
  553.             </div>
  555.             <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
  556.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <div class="inner__text">
  557.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  558.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  559.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  560.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  561.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  562.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
  563.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 sed diam nonumy eirmod tempor invidunt ut labore et
  564.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 dolore magna aliquyam erat, sed diam voluptua
  565.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  566.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </p>
  567.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <ul>
  568.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  569.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  570.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  571.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  572.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  573.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  574.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  575.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  576.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  577.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  578.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  579.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  580.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  581.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  582.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  583.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  584.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  585.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  586.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  587.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  588.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  589.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  590.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  591.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  592.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  593.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  594.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  595.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  596.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  597.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  598.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  599.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  600.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  601.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  602.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </ul>
  603.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  604.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  605.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  606.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  607.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  608.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  609.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  611.             <div class="price" data-aos="fade-up" data-aos-duration="1500">
  612.                 <h2 class="title-about">
  613.                     Notre grille tarifaire
  614.                 </h2>
  616.                 <div class="table-container">
  617.                     <div class="table-wrapper">
  618.                         <table>
  619.                             <tbody>
  620.                                 <tr>
  621.                                     <td class="text">Microneedling & LED</td>
  622.                                     <td class="prix">130€</td>
  623.                                     <td class="temps">45 min </td>
  624.                                 </tr>
  625.                                 <tr>
  626.                                     <td class="text">Zone supplémentaire (décolleté, mains...)</td>
  627.                                     <td class="prix">35€</td>
  628.                                     <td class="temps">+20min</td>
  629.                                 </tr>
  630.                                 <tr>
  631.                                     <td class="text">Supplément Booster</td>
  632.                                     <td class="prix">50€</td>
  633.                                     <td class="temps"></td>
  634.                                 </tr>
  635.                                 <tr>
  636.                                     <td colspan="3" style="border: none;"></td>
  637.                                 </tr>
  638.                                 <tr>
  639.                                     <td colspan="3" style="border: none;">Nos combinaisons:</td> 
  640.                                 </tr>
  641.                                 <tr>
  642.                                     <td class="text">Glow Skin (Hydrafacial signature + Microneedling & LED)</td>
  643.                                     <td class="prix">270€</td>
  644.                                     <td class="temps">1h15</td>
  645.                                 </tr>
  646.                                 <tr>
  647.                                     <td class="text">Perfect Skin (Peeling acides de fruit + Microneedling & LED)</td>
  648.                                     <td class="prix">230€</td>
  649.                                     <td class="temps">1h20</td>
  650.                                 </tr>
  651.                                 <tr>
  652.                                     <td class="text">Revita’ Derm (Microneedling + Oxygénation & LED)</td>
  653.                                     <td class="prix">200€</td>
  654.                                     <td class="temps">1h15</td>
  655.                                 </tr>
  656.                                 <tr>
  657.                                     <td colspan="3" style="border: none;"></td>
  658.                                 </tr>
  659.                                 <tr>
  660.                                     <td colspan="3" style="border: none;">Nos Protocoles Experts:</td> 
  661.                                 </tr>
  662.                                 <tr>
  663.                                     <td class="text">Rafferming (Zaffiro + Microneedling & LED)</td>
  664.                                     <td class="prix">450€</td>
  665.                                     <td class="temps">1h20</td>
  666.                                 </tr>
  667.                             </tbody>
  668.                         </table>
  669.                         <div class="legal-notice">
  670.                             <p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br>
  671.                             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>
  672.                         </div>
  673.                     </div>
  674.                 </div>
  675.                 <br>
  677.                 <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/" target="_blank">
  678.                     <button class="container-buttonBorder">
  679.                         <p class="buttonBorder">Prendre rendez-vous</p>
  680.                         <p class="border-buttonBorder"></p>
  681.                         <p class="back-buttonBorder"></p>
  682.                     </button>
  683.                 </a>
  684.             </div>
  685.             <br>
  686.             <br>
  688. <footer>
  689.   <div class="footerNew-container">
  690.     <div class="footerNew-left">
  691.       <div class="footerNew-contact-info">
  692.         <div class="footerNew-contact-item">
  693.           <div class="footerNew-icon-circle">
  694.             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  695.               <path d="M21 15.8V18a2 2 0 0 1-2 2h-1a16.009 16.009 0 0 1-13-13V5a2 2 0 0 1 2-2h2.2a1 1 0 0 1 1 .76l.72 3.18a1 1 0 0 1-.27.95L8.53 9.47a12 12 0 0 0 6 6l1.58-1.58a1 1 0 0 1 .95-.27l3.18.72a1 1 0 0 1 .76 1Z" />
  696.             </svg>
  697.           </div>
  698.           <a href="tel:0153700512"> 01 53 70 05 12</a>
  699.         </div>
  700.         <div class="footerNew-contact-item">
  701.           <div class="footerNew-icon-circle">
  702.             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  703.               <path d="M21 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2m18 0v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8m18 0L12 13 3 8" />
  704.             </svg>
  705.           </div>
  706.           <a href="mailto:contact@maison-eiffel-esthetique.fr">Envoyez-nous un message</a>
  707.         </div>
  708.         <div class="footerNew-contact-item">
  709.           <div class="footerNew-icon-circle">
  710.             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
  711.               <path d="M12 2a10 10 0 0 1 10 10c0 7.5-10 10-10 10S2 19.5 2 12A10 10 0 0 1 12 2Z" />
  712.               <circle cx="12" cy="12" r="3" />
  713.             </svg>
  714.           </div>
  715.           <a href="#">Nous trouver</a>
  716.         </div>
  717.       </div>
  718.     </div>
  720.     <div class="footerNew-right">
  721.       <div class="footerNew-column">
  722.         <h4>Nos spécialités</h4>
  723.         <ul>
  724.           <li><a href="/specialites/epilation-laser">Épilation laser</a></li>
  725.           <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  726.           <li><a href="/specialites/injection">Injection</a></li>
  727.           <li><a href="#">Polynucléotides</a></li>
  728.           <li><a href="/specialites/morpheus">Morpheus</a></li>
  729.           <li><a href="#">Virtu RF</a></li>
  730.         </ul>
  731.       </div>
  732.     <div class="footerNew-column">
  733.         <h4>Vos besoins</h4>
  734.         <ul class="footerNew-dropdown">
  735.             <li>
  736.             <button class="footerNew-dropdown-button">Qualité de peau</button>
  737.             <ul class="footerNew-submenu">
  738.                 <li><a href="/specialites/peeling">Peeling</a></li>
  739.                 <li><a href="/specialites/laser-resurfacing">Laser resurfacing</a></li>
  740.                 <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  741.                 <li><a href="/specialites/microneedling">Microneedling</a></li>
  742.             </ul>
  743.             </li>
  744.             <li>
  745.             <button class="footerNew-dropdown-button">Relâchement cutané</button>
  746.             <ul class="footerNew-submenu">
  747.                 <li><a href="/specialites/virturf">Virtu RF</a></li>
  748.             </ul>
  749.             </li>
  750.             <li>
  751.             <button class="footerNew-dropdown-button">Vieillissement cutané</button>
  752.             <ul class="footerNew-submenu">
  753.                 <li><a href="/specialites/philart">Philart</a></li>
  754.             </ul>
  755.             </li>
  756.             <li>
  757.             <button class="footerNew-dropdown-button">Densité des cheveux</button>
  758.             <ul class="footerNew-submenu">
  759.                 <li><a href="/specialites/philart">Polynucléotides cheveux (Philart Mésothérapie)</a></li>
  760.             </ul>
  761.             </li>
  762.             <li>
  763.             <button class="footerNew-dropdown-button">Amincissement</button>
  764.             <ul class="footerNew-submenu">
  765.                 <li><a href="/specialites/cryolipolyse">Cryolipolyse</a></li>
  766.             </ul>
  767.             </li>
  768.             <li>
  769.             <button class="footerNew-dropdown-button">Rides et ridules</button>
  770.             <ul class="footerNew-submenu">
  771.                 <li><a href="#">Philart</a></li>
  772.                 <li><a href="/specialites/morpheus">Morpheus</a></li>
  773.                 <li><a href="#">Injections et Toxine</a></li>
  774.             </ul>
  775.             </li>
  776.         </ul>
  777.         </div>
  780.       <div class="footerNew-column">
  781.         <h4>Actualités</h4>
  782.         <ul>
  783.           <li><a href="/article/morpheus-une-avancee-spectaculaire-dans-le-domaine-de-la-beaute-a-tester-a-la-maison-eiffel">Morpheus : Une avancée spectaculaire</a></li>
  784.           <li><a href="/article/le-centre-esthetique-maison-eiffel-recommande-4-soins-pour-avoir-une-peau-lumineuse-en-plein-hiver">4 soins pour une peau lumineuse</a></li>
  785.           <li><a href="/article/les-3-soins-stars-de-la-parisienne-pour-bien-commencer-la-saison">Les 3 soins stars</a></li>
  786.           <li><a href="/article/lasers-peeling-radiofrequence-des-traitements-de-reference-pour-une-peau-parfaite">Traitements de référence pour une peau parfaite</a></li>
  787.         </ul>
  788.       </div>
  789.     </div>
  790.   </div>
  792.   <div class="footerNew-bottom">
  793.     <p>&copy; 2024 | <a href="/mentions-legales">Mentions légales</a> | <a href="/politique-de-confidentialite">Politique de confidentialité</a></p>
  794.   </div>
  795. </footer>
  796.         </div>
  797.         <script src="public/js/script.js"></script>
  798.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  799.         <script>
  800.             AOS.init();
  801.         </script>
  802.         <script>
  803.     function openSpecialites() {
  804.     const menu = document.getElementById('deroulant-spe');
  805.     
  806.     // Toggle le menu
  807.     if(menu.style.display === "none" || menu.style.display === "") {
  808.         menu.style.display = 'block';
  809.         
  810.         // Ajoute un écouteur pour détecter les clics en dehors
  811.         document.addEventListener('click', closeOnClickOutside);
  812.     } else {
  813.         menu.style.display = 'none';
  814.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  815.     }
  816.     }
  818.     // Fonction qui ferme le menu si on clique à l'extérieur
  819.     function closeOnClickOutside(event) {
  820.     const menu = document.getElementById('deroulant-spe');
  821.     const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
  823.     // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
  824.     if (!menu.contains(event.target) && !button.contains(event.target)) {
  825.         menu.style.display = 'none';
  826.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  827.     }
  828.     }
  829. </script>
  830.     {% endblock %}