templates/specilites/biostimulateur.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Maison Eiffel - Biostimulateur{% endblock %}
  5. {% block description %}Découvrez les bienfaits du biostimulateur pour un rajeunissement naturel de votre peau. Relancez la production de collagène et améliorez la qualité de votre peau avec nos traitements personnalisés. Obtenez des résultats durables et progressifs pour une peau plus ferme et éclatante.{% endblock %}
  7. {% block keywords %}biostimulateur, rajeunissement, collagène, peau, traitement esthétique, soins de la peau, beauté, anti-âge{% endblock %}
  9. {% block og_title %}Maison Eiffel - Biostimulateur : Rajeunissement Naturel de la Peau{% endblock %}
  10. {% block og_description %}Découvrez les bienfaits du biostimulateur pour un rajeunissement naturel de votre peau. Relancez la production de collagène et améliorez la qualité de votre peau avec nos traitements personnalisés. Obtenez des résultats durables et progressifs pour une peau plus ferme et éclatante.{% endblock %}
  12. {% block stylesheets %}
  13.     <style rel="stylesheet">
  14.         .table-container {
  15.             width: 100%;
  16.             max-width: 90%;
  17.             margin-left: 5%;
  18.             overflow-x: auto;
  19.             display: flex;
  20.             justify-content: center;
  21.         }
  23.         .table-wrapper {
  24.             border: 1px solid #E0C15B;
  25.             border-radius: 8px;
  26.             padding: 12px;
  27.             background-color: #fff;
  28.             position: relative;
  29.             width: 100%;
  30.         }
  32.         table {
  33.             width: 100%;
  34.             border-collapse: collapse;
  35.         }
  37.         td {
  38.             padding: 8px 12px;
  39.             text-align: left;
  40.             border-bottom: 1px solid #E0C15B;
  41.         }
  43.         .text {
  44.             font-weight: bold;
  45.             width: 30%;
  46.         }
  48.         .prix, .temps {
  49.             text-align: right;
  50.             padding: 8px 4px;
  51.         }
  53.         .prix {
  54.             width: 50%;
  55.         }
  57.         .temps {
  58.             width: 50%;
  59.         }
  61.         tr:last-child td {
  62.             border-bottom: 1px solid #E0C15B;
  63.         }
  65.         .legal-notice {
  66.             font-size: 9px;
  67.             color: #555;
  68.             margin-top: 16px;
  69.             text-align: center;
  70.         }
  72.         @media (max-width: 600px) {
  73.             .table-container {
  74.                 width: 80%;
  75.                 margin-left: 10%;
  76.             }
  78.             .table-wrapper {
  79.                 width: 100%;
  80.             }
  82.             table {
  83.                 font-size: 14px;
  84.             }
  86.             td {
  87.                 padding: 6px 8px;
  88.             }
  90.             .text {
  91.                 font-weight: bold;
  92.                 width: auto;
  93.             }
  95.             .prix, .temps {
  96.                 width: auto;
  97.             }
  98.         }
  99.     </style>
  100. {% endblock %}
  102. {% block body %}
  103.     <div class="mainContainer" id="container-specialtes">
  104.         <header class="header">
  105.             <div class="header__top">
  106.                 <p class="adress-top">
  107.                     <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">
  108.                         <i class='fas fa-map-marker-alt'></i>
  109.                         Nous trouver sur la carte</a>
  110.                     <a href="/avis">
  111.                         <i class="far fa-star"></i>
  112.                         Avis certifiés</a>
  113.                 </p>
  114.             </div>
  116.             <div class="header__main">
  117.                 <div class="header__main__content">
  118.                     <a href="{{ path('home') }}" class="logo">
  119.                         <img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
  121.                     <ul class='menu'>
  122.                         <li>
  123.                             <a href="{{ path('home') }}">Notre centre</a>
  124.                         </li>
  126.                         <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
  127.                             <a>Nos spécialités</a>
  128.                         </li>
  130.                         <li class="deroul-specialites">
  131.                             <a href="{{ path('besoins') }}">Vos besoins</a>
  132.                         </li>
  134.                         <li>
  135.                             <a href="{{ path('blog') }}">Blog</a>
  136.                         </li>
  137.                         <li>
  138.                             <a href="{{ path('avis') }}">Avis</a>
  139.                         </li>
  140.                         <li class="link-contact">
  141.                             <a href="{{ path('contact') }}">Contact</a>
  142.                             <div class="link-border-contact"></div>
  143.                             <div class="link-back-contact"></div>
  144.                         </li>
  145.                     </ul>
  147.                     <label class="mobile-menu-btn">
  148.                         <i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
  149.                         <i class="fas fa-times" onclick='closeMenu()' id='close'></i>
  150.                     </label>
  152.                     <div class="adress">
  153.                         <div class="adress-box">
  154.                             <strong>
  155.                                 <a href="tel:0153700512" style="color:black;">
  156.                                     <i class="far fa-calendar"></i>
  157.                                     01 53 70 05 12</strong>
  158.                             </a>
  159.                             <br>
  160.                             <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
  162.                         </div>
  164.                     </div>
  166.                     <div class="header__list" id='header__list'>
  167.                         <ul class="menu-mobile">
  168.                             <li>
  169.                                 <a href="{{ path('home') }}">Notre centre</a>
  170.                             </li>
  173.                             <li><a href="{{ path('specialites_microneedling') }}">Microneedling</a></li>
  174.                             <li><a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a></li>
  175.                             <li><a href="{{ path('specialites_peeling') }}">Peeling</a></li>
  176.                             <li><a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie capillaire</a></li>
  177.                             <li><a href="{{ path('specialites_injection') }}">Injection hyaluronique</a></li>
  178.                             <li><a href="{{ path('specialites_toxine') }}">Toxine</a></li>
  179.                             <li><a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a></li>
  180.                             <li><a href="{{ path('specialites_philart') }}">Polynucléotides</a></li>
  181.                             <li><a href="{{ path('specialites_epilation-laser') }}">Épilation laser</a></li>
  182.                             <li><a href="{{ path('specialites_morpheus') }}">Virtu RF</a></li>
  183.                             <li><a href="{{ path('specialites_morpheus') }}">Morpheus</a></li>
  184.                             <li><a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a></li>
  185.                             <li><a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a></li>
  186.                             <li><a href="{{ path('specialites_zaffiro') }}">Zaffiro</a></li>
  187.                             <li><a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment dentaire</a></li>
  188.                             <li><a href="{{ path('specialites_luminotherapie') }}">Luminothérapie</a></li>
  189.                             <li><a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a></li>
  190.                             <li><a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a></li>
  191.                             <li><a href="{{ path('specialites_plasma') }}">Plasma</a></li>
  192.                             <li><a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a></li>
  193.                             <li><a href="#">PRP</a></li>
  195.                             <li>
  196.                                 <a href="{{ path('besoins') }}">Vos besoins</a>
  197.                             </li>
  199.                             <li>
  200.                                 <a href="{{ path('blog') }}">Blog</a>
  201.                             </li>
  203.                             <li>
  204.                                 <a href="{{ path('avis') }}">
  205.                                     Avis
  206.                                 </a>
  207.                             </li>
  208.                             <li>
  209.                                 <a href="{{ path('contact') }}">
  210.                                     Contact
  211.                                 </a>
  212.                             </li>
  213.                         </ul>
  214.                     </div>
  217.                 </div>
  218.                 <ul class="deroul n1" id="deroulant-spe">
  219.                                     <li>
  220.                                         <a href="{{ path('specialites_microneedling') }}">Microneedling</a>  
  221.                                     </li>
  222.                                     <li>
  223.                                         <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
  224.                                     </li>
  225.                                     <li>
  226.                                         <a href="{{ path('specialites_peeling') }}">Peeling</a>
  227.                                     </li>
  228.                                     <li>
  229.                                         <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
  230.                                     </li>
  231.                                     <li>
  232.                                         <a href="{{ path('specialites_injection') }}">Injection hyaluronique</a>
  233.                                     </li>
  234.                                     <li>
  235.                                         <a href="{{ path('specialites_toxine') }}">Toxine</a>
  236.                                     </li>
  237.                                     <li>
  238.                                         <a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a>
  239.                                     </li>                                    
  240.                                     <li>
  241.                                         <a href="{{ path('specialites_philart') }}">Polynucléotides</a>
  242.                                     </li>
  243.                                     <li>
  244.                                         <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
  245.                                     </li>
  246.                                     <li>
  247.                                         <a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
  248.                                     </li>
  249.                                     <li>
  250.                                         <a href="{{ path('specialites_morpheus') }}">Morpheus</a>
  251.                                     </li>
  252.                                     <li>
  253.                                         <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
  254.                                     </li>
  255.                                     <li>
  256.                                         <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
  257.                                     </li>
  258.                                     <li>
  259.                                         <a href="{{ path('specialites_zaffiro') }}">Zaffiro</a>
  260.                                     </li>
  261.                                    <li>
  262.                                         <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
  263.                                     </li>
  264.                                     <li>
  265.                                         <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
  266.                                     </li>
  267.                                     <li>
  268.                                         <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
  269.                                     </li>
  270.                                     <li>
  271.                                         <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
  272.                                     </li>
  273.                                     <li>
  274.                                         <a href="{{ path('specialites_plasma') }}">Plasma</a>
  275.                                     </li>
  276.                                     <li>
  277.                                         <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
  278.                                     </li>
  279.                                     <li>
  280.                                         <a href="#">Prp</a>
  281.                                     </li>
  282.                 </ul>
  283.             </header>
  286.             <section style="padding-top:130px;">
  287.                 <div class="about-us">
  288.                     <div class="container-about-infos">
  289.                         <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  290.                             <h2 class="title-about">Biostimulateur</h2>
  291.                             <p class='about-text'>
  292.                                 Les biostimulateurs sont des injectables conçus pour relancer naturellement la production de collagène.<br/><br />
  293.                                 Contrairement aux produits de comblement classiques, ils n’apportent pas seulement du volume immédiat : ils améliorent progressivement la qualité, la densité et la fermeté de la peau.
  294.                             </p>
  295.                         </div>
  296.                     </div>
  297.                     
  298.                     <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  299.                         <div class="video-container-test" style="text-align: center;">
  300.                             <video controls autoplay muted loop width="600">
  301.                                 <source src="{{asset('assets/images/video.mp4')}}" type="video/mp4">
  302.                                 Your browser does not support the video tag.
  303.                             </video>
  304.                         </div>
  305.                     </div>
  306.                 </div>
  308.                 <div class="detail-circle-container">
  309.                     <div class="detail-circle">
  310.                         <h3 class="details-circle-title">Éviction Sociale</h3>
  311.                         <p class="details-circle-text">Faible</p>
  312.                     </div>
  313.                     <div class="detail-circle">
  314.                         <h3 class="details-circle-title">Douleur</h3>
  315.                         <p class="details-circle-text">2/10</p>
  316.                     </div>
  317.                     <div class="detail-circle circle-price" onclick="window.location='#section-price';">
  318.                         <h3 class="details-circle-title">Durée</h3>
  319.                         <p class="details-circle-text">30 à 45 minutes</p>
  320.                     </div>
  321.                     <div class="detail-circle">
  322.                         <h3 class="details-circle-title">Durabilité</h3>
  323.                         <p class="details-circle-text">12 à 24 mois</p>
  324.                     </div>
  325.                 </div>
  326.                 <div class="detail-timeline-containers">
  327.                     <div class="detail-timeline">
  328.                         <div class="detail-timeline-event detail-timeline-event-first">
  329.                             <h4 class="detail-timeline-title">Séance 1</h4>
  330.                             <p class="detail-timeline-text">j-0</p>
  331.                         </div>
  332.                         <div class="detail-timeline-event detail-timeline-event-last">
  333.                             <h4 class="detail-timeline-title">Nouvelle Séance Entretien</h4>
  334.                             <p class="detail-timeline-text">+/- 1 ans</p>
  335.                         </div>
  336.                         <div class="detail-timeline-arrow">
  337.                             <div class="detail-timeline-arrow-line"></div>
  338.                             <div class="detail-timeline-arrow-line"></div>
  339.                         </div>
  340.                     </div>
  341.                 </div>
  342.             </section>
  344.             <section class="section-doctor specialite">
  345.                 <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
  346.                     <img class="doctor-img specialite" src="{{ asset('assets/spe/morpheus/3.png') }}" alt="docteur"/>
  347.                     <div class="square-border-doctor specialite"></div>
  348.                 </div>
  349.                 <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
  350.                     <h1 class="title-doctor specialite">Déroulé du soin</h1>
  351.                     <ul>
  352.                         <li>
  353.                             <div class="circle">
  354.                                 1
  355.                             </div>
  356.                             Nettoyage et désinfection de la zone à traiter.
  357.                         </li>
  359.                         <li>
  360.                             <div class="circle">
  361.                                 2
  362.                             </div>
  363.                             Analyse morphologique afin de définir les besoins en tension, en qualité de peau et en volume.
  364.                         </li>
  366.                         <li>
  367.                             <div class="circle">
  368.                                 3
  369.                             </div>
  370.                             Injection du biostimulateur selon un plan personnalisé.
  371.                         </li>
  373.                         <li>
  374.                             <div class="circle">
  375.                                 4
  376.                             </div>
  377.                             Massage éventuel et consignes après traitement.
  378.                         </li>
  379.                         <li>
  380.                             <div class="circle">
  381.                                 5
  382.                             </div>
  383.                             Une crème anesthésiante peut être proposée selon les zones pour améliorer le confort.
  384.                         </li>
  385.                     </ul>
  387.                 </div>
  388.                 <div class="square-border-info n1"></div>
  389.                 <div class="square-border-info n2"></div>
  390.             </section>
  392.             <!-- <div class="inner">
  393.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__text">
  394.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text__content">
  395.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500">
  396.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Des traitements adaptes
  397.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </h2>
  398.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  399.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <p class="text" data-aos="fade-right" data-aos-duration="1500">
  400.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  401.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  402.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  403.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  404.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Lorem ipsum dolor, sit amet consectetur adipisicing elit.
  405.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
  406.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
  407.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         exercitationem quos!
  408.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </p>
  409.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  410.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  411.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  412.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  413.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image__content">
  414.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  415.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
  416.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Hydrafacial</span>
  417.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  418.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  419.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  420.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
  421.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Mesotherapie</span>
  422.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  423.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  424.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="item">
  425.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
  426.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <span>Peeling</span>
  427.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  428.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  429.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
  430.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
  431.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div> -->
  433.             <div class="about-us nosBesoin">
  434.                 <div class="container-about-infos">
  435.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  436.                         <h2 class="title-about">Détails du soin</h2>
  437.                         <p class="about-text besoin">
  438.                             Les produits les plus utilisés sont Sculptra®, Radiesse®, Juvelook®, Stimulate ou encore d’autres inducteurs tissulaires de nouvelle génération. Ils permettent d’obtenir un rajeunissement progressif, durable et très naturel.
  439.                         </p>
  440.                         <br/>
  441.                         <p class='about-text besoin'>
  442.                             Les premiers effets apparaissent généralement après quelques semaines, le temps que le collagène se reforme.
  443.                         </p><br />
  444.                         <p class='about-text'>
  445.                             L’amélioration continue ensuite pendant plusieurs mois, avec une tenue qui peut aller jusqu’à 2 ans, parfois plus selon le produit utilisé et le profil du patient. La peau se reconstruit progressivement de l’intérieur.
  446.                         </p>
  447.                         <br/>
  449.                     </div>
  450.                 </div>
  452.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  453.                     <img class="about-img" src="{{ asset('assets/spe/morpheus/4.png') }}" alt="image d'illustration centre"/>
  454.                     <div class="about-border-square"></div>
  455.                 </div>
  456.             </div>
  458.             <!-- <div class="inner">
  459.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-right" data-aos-duration="1500">
  460.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  461.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  462.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  463.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__text" data-aos="fade-left" data-aos-duration="1500">
  464.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  465.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  466.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  467.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  468.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  469.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        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>
  470.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  472.             <div class="about-us specialite">
  473.                 <div class="container-about-infos">
  474.                     <div class="about-info" data-aos="fade-left" data-aos-duration="1500">
  475.                         <h2 class="title-about">Qui est éligible ?</h2>
  476.                         <p class='about-text'>
  477.                             Ce traitement s’adresse aux femmes et aux hommes qui souhaitent :<br/><br/>
  478.                             - Améliorer le relâchement cutané<br/>
  479.                             - Restaurer la fermeté de la peau<br/>
  480.                             - Redonner de la densité au visage<br/>
  481.                             - Corriger une perte de volume liée à l’âge<br/>
  482.                             - Obtenir un résultat naturel sans transformation immédiate<br /><br />
  483.                             Certaines situations peuvent contre-indiquer le traitement. Une consultation médicale préalable est indispensable pour valider l’indication.
  484.                         </p>
  485.                     </div>
  486.                 </div>
  488.                 <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
  489.                     <img class="about-img" src="{{ asset('assets/spe/morpheus/1.png') }}" alt="image d'illustration centre"/>
  491.                     <div class="about-border-square"></div>
  492.                 </div>
  493.             </div>
  494.             <br/>
  495.             <br/>
  496.             <!--<div class='container-text-specialites'>
  497.                 <p class="title-specialites">Facelift Los Angeles</p>
  498.                 <p class="text-specialites">
  499.                     Son mode de fonctionnement est simple: on diffuse de la chaleur au moyen de radiofréquences de façon très précise et à différentes profondeurs de la peau. Cette technique est d’ailleurs déjà amplement utilisée dans l’industrie des soins de la peau.<br/>
  500.                     En traitant la peau à différentes profondeurs, le traitement permet d’améliorer l’apparence des rides et ridules, les imperfections cutanées, les pores dilatés, la tonicité et l’éclat de la peau, l’apparence des cicatrices… De plus, en stimulant la régénérescence cutanée, il favorise le raffermissement de la peau.
  501.                 </p>
  502.                 <p class="text-specialites">
  503.                     En ce qui concerne la convalescence, vous observerez de la rougeur et de l’enflure qui se résorberont généralement entre 24h à 48h. Plus la radiofréquence est déployée en profondeur, moins il y aura de rougeur et de sensation de chaleur post-traitement.
  504.                 </p>
  505.                 <p class="text-specialites">
  506.                     Afin de minimiser l’inconfort des patients, nous utiliserons une crème anesthésiante à base de Lidocaïne pour insensibiliser le plus possible la zone à traiter. D’autres méthodes peuvent être utilisées pour maximiser le confort des patients, surtout si la zone à traiter est importante.
  507.                 </p>
  508.             </div>-->
  509.             <div class="about-us nosBesoin">
  510.                 <div class="container-about-infos">
  511.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  512.                         <p class="about-text besoin">
  513.                             L’objectif est de stimuler la peau de l’intérieur pour qu’elle se régénère elle-même.Le visage retrouve progressivement tonicité, élasticité et harmonie, sans effet figé ni surcharge.
  514.                             <br/>La biostimulation privilégie la qualité de peau et la durabilité du résultat.
  515.                         </p>
  516.                         <br/>
  517.                         <p class="about-text besoin">
  518.                             <span>Contre-indications absolues :</span><br/>
  519.                             - Grossesse et allaitement<br/>
  520.                             - Allergie connue à un composant du produit (excipients, lidocaïne, hydroxyapatite de calcium, acide polylactique, PDLLA)<br/>
  521.                             - Infections actives sur la zone à traiter (Boutons, herpès actif, lésions cutanées, rougeur infectée) <br/>
  522.                             - Maladies auto-immunes sévères ou troubles immunitaires<br/>
  523.                             - Troubles de la coagulation ou traitement anticoagulant instable<br/>
  524.                             - Maladies inflammatoires chroniques de la peau (Psoriasis sévère, eczéma actif, ou dermatite sur la zone à traiter)<br/>
  525.                         </p>
  526.                         <br/>
  528.                     </div>
  529.                 </div>
  531.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  532.                     <img class="about-img" src="{{ asset('assets/spe/morpheus/2.png') }}" alt="image d'illustration centre"/>
  533.                     <div class="about-border-square"></div>
  534.                 </div>
  535.             </div>
  537.             <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
  538.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <div class="inner__text">
  539.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <h2 class="subtitle">
  540.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  541.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </h2>
  542.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  543.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <p class="text">
  544.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
  545.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 sed diam nonumy eirmod tempor invidunt ut labore et
  546.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 dolore magna aliquyam erat, sed diam voluptua
  547.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  548.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </p>
  549.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <ul>
  550.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  551.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  552.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  553.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  554.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  555.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  556.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  557.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  558.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  559.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  560.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  561.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  562.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  563.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  564.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  565.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  566.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  567.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  568.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  569.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  570.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  571.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  572.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  573.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  574.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  575.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  576.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  577.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  578.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <li>
  579.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="circle">
  580.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         >
  581.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  582.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetu
  583.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </li>
  584.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </ul>
  585.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  586.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  587.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  588.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  589.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
  590.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
  591.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> -->
  593.             <div class="price" data-aos="fade-up" data-aos-duration="1500" id="section-price">
  594.                 <h2 class="title-about">
  595.                     Notre grille tarifaire
  596.                 </h2>
  598.                 <div class="table-container">
  599.                     <div class="table-wrapper">
  600.                         <table>
  601.                             <tbody>
  602.                                 <tr>
  603.                                     <td class="text">Séance</td>
  604.                                     <td class="prix">à partir de 600€</td>
  605.                                     <td class="temps">45 min</td>
  606.                                 </tr>
  607.                             </tbody>
  608.                         </table>
  609.                         <div class="legal-notice">
  610.                             <p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br>
  611.                             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>
  612.                         </div>
  613.                     </div>
  614.                 </div>
  615.                 <br>
  617.                 <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/" target="_blank">
  618.                     <button class="container-buttonBorder">
  619.                         <p class="buttonBorder">Prendre rendez-vous</p>
  620.                         <p class="border-buttonBorder"></p>
  621.                         <p class="back-buttonBorder"></p>
  622.                     </button>
  623.                 </a>
  624.             </div>
  625.             <br>
  626.             <br>
  628. <footer>
  629.   <div class="footerNew-container">
  630.     <div class="footerNew-left">
  631.       <div class="footerNew-contact-info">
  632.         <div class="footerNew-contact-item">
  633.           <div class="footerNew-icon-circle">
  634.             <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">
  635.               <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" />
  636.             </svg>
  637.           </div>
  638.           <a href="tel:0153700512"> 01 53 70 05 12</a>
  639.         </div>
  640.         <div class="footerNew-contact-item">
  641.           <div class="footerNew-icon-circle">
  642.             <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">
  643.               <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" />
  644.             </svg>
  645.           </div>
  646.           <a href="mailto:contact@maison-eiffel-esthetique.fr">Envoyez-nous un message</a>
  647.         </div>
  648.         <div class="footerNew-contact-item">
  649.           <div class="footerNew-icon-circle">
  650.             <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">
  651.               <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" />
  652.               <circle cx="12" cy="12" r="3" />
  653.             </svg>
  654.           </div>
  655.           <a href="#">Nous trouver</a>
  656.         </div>
  657.       </div>
  658.     </div>
  660.     <div class="footerNew-right">
  661.       <div class="footerNew-column">
  662.         <h4>Nos spécialités</h4>
  663.         <ul>
  664.           <li><a href="/specialites/epilation-laser">Épilation laser</a></li>
  665.           <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  666.           <li><a href="/specialites/injection">Injection</a></li>
  667.           <li><a href="#">Polynucléotides</a></li>
  668.           <li><a href="/specialites/morpheus">Morpheus</a></li>
  669.           <li><a href="#">Virtu RF</a></li>
  670.         </ul>
  671.       </div>
  672.     <div class="footerNew-column">
  673.         <h4>Vos besoins</h4>
  674.         <ul class="footerNew-dropdown">
  675.             <li>
  676.             <button class="footerNew-dropdown-button">Qualité de peau</button>
  677.             <ul class="footerNew-submenu">
  678.                 <li><a href="/specialites/peeling">Peeling</a></li>
  679.                 <li><a href="/specialites/laser-resurfacing">Laser resurfacing</a></li>
  680.                 <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  681.                 <li><a href="/specialites/microneedling">Microneedling</a></li>
  682.             </ul>
  683.             </li>
  684.             <li>
  685.             <button class="footerNew-dropdown-button">Relâchement cutané</button>
  686.             <ul class="footerNew-submenu">
  687.                 <li><a href="/specialites/virturf">Virtu RF</a></li>
  688.             </ul>
  689.             </li>
  690.             <li>
  691.             <button class="footerNew-dropdown-button">Vieillissement cutané</button>
  692.             <ul class="footerNew-submenu">
  693.                 <li><a href="/specialites/philart">Philart</a></li>
  694.             </ul>
  695.             </li>
  696.             <li>
  697.             <button class="footerNew-dropdown-button">Densité des cheveux</button>
  698.             <ul class="footerNew-submenu">
  699.                 <li><a href="/specialites/philart">Polynucléotides cheveux (Philart Mésothérapie)</a></li>
  700.             </ul>
  701.             </li>
  702.             <li>
  703.             <button class="footerNew-dropdown-button">Amincissement</button>
  704.             <ul class="footerNew-submenu">
  705.                 <li><a href="/specialites/cryolipolyse">Cryolipolyse</a></li>
  706.             </ul>
  707.             </li>
  708.             <li>
  709.             <button class="footerNew-dropdown-button">Rides et ridules</button>
  710.             <ul class="footerNew-submenu">
  711.                 <li><a href="#">Philart</a></li>
  712.                 <li><a href="/specialites/morpheus">Morpheus</a></li>
  713.                 <li><a href="#">Injections et Toxine</a></li>
  714.             </ul>
  715.             </li>
  716.         </ul>
  717.         </div>
  720.       <div class="footerNew-column">
  721.         <h4>Actualités</h4>
  722.         <ul>
  723.           <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>
  724.           <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>
  725.           <li><a href="/article/les-3-soins-stars-de-la-parisienne-pour-bien-commencer-la-saison">Les 3 soins stars</a></li>
  726.           <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>
  727.         </ul>
  728.       </div>
  729.     </div>
  730.   </div>
  732.   <div class="footerNew-bottom">
  733.     <p>&copy; 2024 | <a href="/mentions-legales">Mentions légales</a> | <a href="/politique-de-confidentialite">Politique de confidentialité</a></p>
  734.   </div>
  735. </footer>
  736.         </div>
  737.         <script src="public/js/script.js"></script>
  738.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  739.         <script>
  740.             AOS.init();
  741.         </script>
  742.         <script>
  743.     function openSpecialites() {
  744.     const menu = document.getElementById('deroulant-spe');
  745.     
  746.     // Toggle le menu
  747.     if(menu.style.display === "none" || menu.style.display === "") {
  748.         menu.style.display = 'block';
  749.         
  750.         // Ajoute un écouteur pour détecter les clics en dehors
  751.         document.addEventListener('click', closeOnClickOutside);
  752.     } else {
  753.         menu.style.display = 'none';
  754.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  755.     }
  756.     }
  758.     // Fonction qui ferme le menu si on clique à l'extérieur
  759.     function closeOnClickOutside(event) {
  760.     const menu = document.getElementById('deroulant-spe');
  761.     const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
  763.     // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
  764.     if (!menu.contains(event.target) && !button.contains(event.target)) {
  765.         menu.style.display = 'none';
  766.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  767.     }
  768.     }
  769. </script>
  770.     {% endblock %}