Symfony Profiler

{% extends 'base.html.twig' %}
{% block title %}Maison Eiffel - Epilation laser
{% endblock %}
{% block stylesheets %}
<style rel="stylesheet">
.table-container {
width: 100%;
max-width: 90%;
margin-left: 5%;
overflow-x: auto;
display: flex;
justify-content: center;
}
.table-wrapper {
border: 1px solid #E0C15B;
border-radius: 8px;
padding: 12px;
background-color: #fff;
position: relative;
width: 100%;
}
table {
width: 100%;
border-collapse: collapse;
}
td {
padding: 8px 12px;
text-align: left;
border-bottom: 1px solid #E0C15B;
}
.text {
font-weight: bold;
width: 30%;
}
.prix, .temps {
text-align: right;
padding: 8px 4px;
}
.prix {
width: 50%;
}
.temps {
width: 50%;
}
tr:last-child td {
border-bottom: 1px solid #E0C15B;
}
.legal-notice {
font-size: 9px;
color: #555;
margin-top: 16px;
text-align: center;
}
@media (max-width: 600px) {
.table-container {
width: 80%;
margin-left: 10%;
}
.table-wrapper {
width: 100%;
}
table {
font-size: 14px;
}
td {
padding: 6px 8px;
}
.text {
font-weight: bold;
width: auto;
}
.prix, .temps {
width: auto;
}
}
</style>
{% endblock %}
{% block body %}
<div class="mainContainer" id="container-specialtes">
<header class="header">
<div class="header__top">
<p class="adress-top">
<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">
<i class='fas fa-map-marker-alt'></i>
Nous trouver sur la carte</a>
<a href="/avis">
<i class="far fa-star"></i>
Avis certifiés</a>
</p>
</div>
<div class="header__main">
<div class="header__main__content">
<a href="{{ path('home') }}" class="logo">
<img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
<ul class='menu'>
<li>
<a href="{{ path('home') }}">Notre centre</a>
</li>
<li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
<a>Nos spécialités</a>
</li>
<li class="deroul-specialites">
<a href="{{ path('besoins') }}">Vos besoins</a>
</li>
<li>
<a href="{{ path('blog') }}">Blog</a>
</li>
<li>
<a href="{{ path('avis') }}">Avis</a>
</li>
<li class="link-contact">
<a href="{{ path('contact') }}">Contact</a>
<div class="link-border-contact"></div>
<div class="link-back-contact"></div>
</li>
</ul>
<label class="mobile-menu-btn">
<i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
<i class="fas fa-times" onclick='closeMenu()' id='close'></i>
</label>
<div class="adress">
<div class="adress-box">
<strong>
<a href="tel:0153700512" style="color:black;">
<i class="far fa-calendar"></i>
01 53 70 05 12</strong>
</a>
<br>
<a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
</div>
</div>
<div class="header__list" id='header__list'>
<ul class="menu-mobile">
<li>
<a href="{{ path('home') }}">Notre centre</a>
</li>
<li class="deroul-mobile">
<button class="menuonclick" onclick="openSousMenu()">
Nos specialites
<img class="arrowdown" src="{{ asset('assets/images/arrow-down.png') }}" alt="arrow down"></button>
<ul class="deroul-click">
<li>
<a href="#">lorem ipsum</a>
</li>
<li>
<a href="#">lorem ipsum</a>
</li>
<li>
<a href="#">lorem ipsum</a>
</li>
<li>
<a href="#">lorem ipsum</a>
</li>
<li>
<a href="#">lorem ipsum</a>
</li>
<li>
<a href="#">lorem ipsum</a>
</li>
</ul>
</li>
<li>
<a href="{{ path('besoins') }}">Vos besoins</a>
</li>
<li>
<a href="{{ path('blog') }}">Blog</a>
</li>
<li>
<a href="{{ path('avis') }}">
Avis
</a>
</li>
<li>
<a href="{{ path('contact') }}">
Contact
</a>
</li>
</ul>
</div>
</div>
<ul class="deroul n1" id="deroulant-spe">
<li>
<a href="{{ path('specialites_plasma') }}">Plasma</a>
</li>
<li>
<a href="{{ path('specialites_injection') }}">Injection</a>
</li>
<li>
<a href="{{ path('specialites_toxine') }}">Toxine</a>
</li>
<li>
<a href="{{ path('specialites_philart') }}">Philart</a>
</li>
<li>
<a href="{{ path('specialites_morpheus') }}">Morpheus</a>
</li>
<li>
<a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
</li>
<li>
<a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
</li>
<li>
<a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
</li>
<li>
<a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
</li>
<li>
<a href="{{ path('specialites_peeling') }}">Peeling</a>
</li>
<li>
<a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
</li>
<li>
<a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
</li>
<li>
<a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
</li>
<li>
<a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
</li>
<li>
<a href="{{ path('specialites_microneedling') }}">Microneedling</a>
</li>
<li>
<a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
</li>
<li>
<a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
</li>
<li>
<a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
</li>
</ul>
</header>
<section style="padding-top:130px;">
<div class="about-us">
<div class="container-about-infos-spe">
<div class="about-info-spe" data-aos="fade-right" data-aos-duration="1500">
<h2 class="title-about">Epilation Laser</h2>
<p class='about-text'>
Technique d’élimination permanente de la pilosité de l’ensemble du visage et du corps dû à l’émission d’un faisceau lumineux qui va traverser la peau et cibler le follicule pileux.
<br/>
Destruction précise du bulbe et de sa racine sans entraîner d’atteinte au niveau de la peau adjacente. Une épilation définitive permet de détruire 95% des poils.
</p>
</div>
</div>
<div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
<div class="video-container-test" style="text-align: center;">
<video controls autoplay muted loop width="600">
<source src="{{asset('assets/videos/14_Laser_Jambes.mp4')}}" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
<div class="detail-circle-container">
<div class="detail-circle">
<h3 class="details-circle-title">Éviction Sociale</h3>
<p class="details-circle-text">Non</p>
</div>
<div class="detail-circle">
<h3 class="details-circle-title">Douleur</h3>
<p class="details-circle-text">3/10</p>
</div>
<div class="detail-circle circle-price" onclick="window.location='#section-price';">
<h3 class="details-circle-title">Coût</h3>
<p class="details-circle-text">Voir Prix</p>
</div>
<div class="detail-circle">
<h3 class="details-circle-title">Durabilité</h3>
<p class="details-circle-text">Entretien</p>
</div>
</div>
<div class="detail-timeline-containers">
<div class="detail-timeline detail-timeline-long">
<div class="detail-timeline-event detail-timeline-event-first">
<h4 class="detail-timeline-title">Séance 1</h4>
<p class="detail-timeline-text">j-0</p>
</div>
<div class="detail-timeline-event">
<h4 class="detail-timeline-title">Séance 2</h4>
<p class="detail-timeline-text">j-30</p>
</div>
<div class="detail-timeline-event">
<h4 class="detail-timeline-title">Séance 3</h4>
<p class="detail-timeline-text">j-30</p>
</div>
<div class="detail-timeline-event">
<h4 class="detail-timeline-title">Séance 4</h4>
<p class="detail-timeline-text">j-30</p>
</div>
<div class="detail-timeline-event">
<h4 class="detail-timeline-title">Séance 5</h4>
<p class="detail-timeline-text">j-30</p>
</div>
<div class="detail-timeline-event">
<h4 class="detail-timeline-title">Séance 6</h4>
<p class="detail-timeline-text">j-30</p>
</div>
<div class="detail-timeline-event detail-timeline-event-last">
<h4 class="detail-timeline-title">Nouvelle Séance</h4>
<p class="detail-timeline-text">+/- 5 ans</p>
</div>
<div class="detail-timeline-arrow">
<div class="detail-timeline-arrow-line"></div>
<div class="detail-timeline-arrow-line"></div>
</div>
</div>
</div>
</section>
<section class="section-doctor specialite">
<div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
<img class="doctor-img specialite" src="{{ asset('assets/spe/laser/3.png') }}" alt="docteur"/>
<div class="square-border-doctor specialite"></div>
</div>
<div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
<h1 class="title-doctor specialite">Déroulé du soin</h1>
<ul>
<li>
<div class="circle">
1
</div>
Nettoyage de la zone
</li>
<li>
<div class="circle">
2
</div>
Délimitation de la zone à traiter
</li>
<li>
<div class="circle">
3
</div>
Séance entre 10 à 60 mn en fonction de la zone à traiter
</li>
<li>
<div class="circle">
4
</div>
Application d’un spray cicatrisant
</li>
</ul>
</div>
<div class="square-border-info n1"></div>
<div class="square-border-info n2"></div>
</section>
<!-- <div class="inner">
<div class="inner__text">
<div class="inner__text__content">
<h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500">
Des traitements adaptes
</h2>
<p class="text" data-aos="fade-right" data-aos-duration="1500">
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
exercitationem quos!
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi
ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum
exercitationem quos!
</p>
</div>
</div>
<div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
<div class="inner__image__content">
<div class="item">
<img src="{{ asset('assets/pictos/skincare.svg') }}" alt="">
<span>Hydrafacial</span>
</div>
<div class="item">
<img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt="">
<span>Mesotherapie</span>
</div>
<div class="item">
<img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt="">
<span>Peeling</span>
</div>
</div>
</div>
</div> -->
<div class="about-us nosBesoin">
<div class="container-about-infos">
<div class="about-info" data-aos="fade-right" data-aos-duration="1500">
<h2 class="title-about">Optimisation du soin</h2>
<p class="about-text besoin">
Pour un résultat conforme, ne pas dépasser 3 mois entre deux séances.
</p>
<br/>
<p class='about-text besoin'>
<span>Avant la séance</span><br/>
Ne pas arriver bronzé à une séance Raser minutieusement toute la zone à traiter la veille ou le matin de la séance. </p><br />
<p class='about-text'>
<span>Après la séance</span><br/>
Raser entre les séances de laser
</p>
</div>
</div>
<div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
<img class="about-img" src="{{ asset('assets/spe/laser/4.png') }}" alt="image d'illustration centre"/>
<div class="about-border-square"></div>
</div>
</div>
<!-- <div class="inner">
<div class="inner__image" data-aos="fade-right" data-aos-duration="1500">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
</div>
<div class="inner__text" data-aos="fade-left" data-aos-duration="1500">
<h2 class="subtitle">
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
</h2>
<p class="text">
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>
</div> -->
<div class="about-us specialite">
<div class="container-about-infos">
<div class="about-info" data-aos="fade-left" data-aos-duration="1500">
<h2 class="title-about">Suis-je éligible ou pas ?</h2>
<p class='about-text'>
Nous ne vous proposerons pas ce traitement dans le contexte suivant :<br/><br/>
- Lésions cutanées<br/>
- Herpès<br/>
- Prise d’anti coagulants<br/>
- Acné inflammatoire<br/>
- La grossesse et l’allaitement<br/>
- Phototype 5 à 6
</p>
</div>
</div>
<div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
<img class="about-img" src="{{ asset('assets/spe/laser/1.png') }}" alt="image d'illustration centre"/>
<div class="about-border-square"></div>
</div>
</div>
<br/>
<div class="about-us nosBesoin">
<div class="container-about-infos">
<div class="about-info" data-aos="fade-right" data-aos-duration="1500">
<br/>
<p class="about-text besoin">
Cette méthode peut être effectuer sur l’ensemble des zones du corps de manière très efficaces sur la majorité des poils. Il est peu efficace sur les poils très clairs, blanc et roux. C’est la mélanine contenue dans le poil qui va absorber l’énergie envoyée par le laser pour la transformer en chaleur. Cet apport de chaleur détruit ainsi définitivement les structures responsables de la pousse du poil.
</p>
<br/>
</div>
</div>
<div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
<img class="about-img" src="{{ asset('assets/spe/laser/2.png') }}" alt="image d'illustration centre"/>
<div class="about-border-square"></div>
</div>
</div>
<!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
<div class="inner__text">
<h2 class="subtitle">
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
</h2>
<p class="text">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua
</p>
<ul>
<li>
<div class="circle">
>
</div>
Lorem ipsum dolor sit amet, consetetu
</li>
<li>
<div class="circle">
>
</div>
Lorem ipsum dolor sit amet, consetetu
</li>
<li>
<div class="circle">
>
</div>
Lorem ipsum dolor sit amet, consetetu
</li>
<li>
<div class="circle">
>
</div>
Lorem ipsum dolor sit amet, consetetu
</li>
<li>
<div class="circle">
>
</div>
Lorem ipsum dolor sit amet, consetetu
</li>
</ul>
</div>
<div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
</div>
</div> -->
<div class="price" data-aos="fade-up" data-aos-duration="1500">
<h2 class="title-about">
Notre grille tarifaire
</h2>
<div class="table-container">
<div class="table-wrapper">
<table>
<tbody>
<tr>
<td class="text"></td>
<td class="prix">1 Séance</td>
<td class="temps">6 Séances</td>
</tr>
<tr>
<td class="text">Barbe</td>
<td class="prix">80€</td>
<td class="temps">432€</td>
</tr>
<tr>
<td class="text">Cou</td>
<td class="prix">70€</td>
<td class="temps">370€</td>
</tr>
<tr>
<td class="text">Lèvre Supérieur</td>
<td class="prix">40€</td>
<td class="temps">216€</td>
</tr>
<tr>
<td class="text">Menton</td>
<td class="prix">40€</td>
<td class="temps">216€</td>
</tr>
<tr>
<td class="text">Nuque</td>
<td class="prix">80€</td>
<td class="temps">432€</td>
</tr>
<tr>
<td class="text">Pommettes</td>
<td class="prix">50€</td>
<td class="temps">270€</td>
</tr>
<tr>
<td colspan="3" style="border: none;"></td>
</tr>
<tr>
<td colspan="3" style="border: none;"></td>
</tr>
<tr>
<td class="text">Aisselles</td>
<td class="prix">45€</td>
<td class="temps">243€</td>
</tr>
<tr>
<td class="text">Aréoles des Seins</td>
<td class="prix">40€</td>
<td class="temps">216€</td>
</tr>
<tr>
<td class="text">Avant-Bras</td>
<td class="prix">95€</td>
<td class="temps">513€</td>
</tr>
<tr>
<td class="text">Bras Entier</td>
<td class="prix">150€</td>
<td class="temps">810€</td>
</tr>
<tr>
<td class="text">Cuisses</td>
<td class="prix">150€</td>
<td class="temps">675€</td>
</tr>
<tr>
<td class="text">Demi-Jambes</td>
<td class="prix">145€</td>
<td class="temps">783€</td>
</tr>
<tr>
<td class="text">Dos - Bas</td>
<td class="prix">70€</td>
<td class="temps">378€</td>
</tr>
<tr>
<td class="text">Dos - Haut</td>
<td class="prix">110€</td>
<td class="temps">594€</td>
</tr>
<tr>
<td class="text">Dos Entier</td>
<td class="prix">175€</td>
<td class="temps">945€</td>
</tr>
<tr>
<td class="text">Fesses</td>
<td class="prix">70€</td>
<td class="temps">378€</td>
</tr>
<tr>
<td class="text">Genoux</td>
<td class="prix">50€</td>
<td class="temps">270€</td>
</tr>
<tr>
<td class="text">Jambes Entières</td>
<td class="prix">270€</td>
<td class="temps">1458€</td>
</tr>
<tr>
<td class="text">Ligne Ombilicale</td>
<td class="prix">50€</td>
<td class="temps">270€</td>
</tr>
<tr>
<td class="text">Maillot Brésilien</td>
<td class="prix">90€</td>
<td class="temps">486€</td>
</tr>
<tr>
<td class="text">Maillot Classique</td>
<td class="prix">60€</td>
<td class="temps">324€</td>
</tr>
<tr>
<td class="text">Maillot Échancré</td>
<td class="prix">80€</td>
<td class="temps">432€</td>
</tr>
<tr>
<td class="text">Maillot Intégral</td>
<td class="prix">110€</td>
<td class="temps">594€</td>
</tr>
<tr>
<td class="text">Mains</td>
<td class="prix">40€</td>
<td class="temps">216€</td>
</tr>
<tr>
<td class="text">Pieds</td>
<td class="prix">60€</td>
<td class="temps">324€</td>
</tr>
<tr>
<td class="text">Sillon Interfessier</td>
<td class="prix">40€</td>
<td class="temps">216€</td>
</tr>
<tr>
<td class="text">Torse</td>
<td class="prix">100€</td>
<td class="temps">540€</td>
</tr>
<tr>
<td class="text">Ventre</td>
<td class="prix">70€</td>
<td class="temps">378€</td>
</tr>
<tr>
<td colspan="3" style="border: none;"></td>
</tr>
<tr>
<td colspan="3" style="border: none;"></td>
</tr>
<tr>
<td colspan="3" style="border: none;"></td>
</tr>
<tr>
<td colspan="3" style="border: none;">Forfaits:</td>
</tr>
<tr>
<td class="text">Aisselles + Maillot + SIF</td>
<td class="prix"></td>
<td class="temps">150€</td>
</tr>
<tr>
<td class="text">Aisselles + Maillot + Demi-Jambes</td>
<td class="prix"></td>
<td class="temps">220€</td>
</tr>
</tbody>
</table>
<div class="legal-notice">
<p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br>
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>
</div>
</div>
</div>
<br>
<button class="container-buttonBorder">
<p class="buttonBorder">Prendre rendez-vous</p>
<p class="border-buttonBorder"></p>
<p class="back-buttonBorder"></p>
</button>
</div>
<br>
<br>
<footer>
<div class="footerNew-container">
<div class="footerNew-left">
<div class="footerNew-contact-info">
<div class="footerNew-contact-item">
<div class="footerNew-icon-circle">
<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">
<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" />
</svg>
</div>
<a href="tel:0153700512"> 01 53 70 05 12</a>
</div>
<div class="footerNew-contact-item">
<div class="footerNew-icon-circle">
<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">
<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" />
</svg>
</div>
<a href="mailto:contact@exemple.com">Envoyez-nous un message</a>
</div>
<div class="footerNew-contact-item">
<div class="footerNew-icon-circle">
<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">
<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" />
<circle cx="12" cy="12" r="3" />
</svg>
</div>
<a href="#">Nous trouver</a>
</div>
</div>
</div>
<div class="footerNew-right">
<div class="footerNew-column">
<h4>Nos spécialités</h4>
<ul>
<li><a href="/specialites/epilation-laser">Épilation laser</a></li>
<li><a href="#">Injections</a></li>
<li><a href="#">Blanchiment dentaire</a></li>
<li><a href="#">Facettes dentaires</a></li>
<li><a href="#">Détatouage</a></li>
</ul>
</div>
<div class="footerNew-column">
<h4>Vos besoins</h4>
<ul>
<li><a href="#">Relâchement cutané</a></li>
<li><a href="#">Vieillissement cutané</a></li>
<li><a href="#">Densité des cheveux</a></li>
<li><a href="#">Repousse des cheveux</a></li>
<li><a href="#">Ride du lion</a></li>
</ul>
</div>
<div class="footerNew-column">
<h4>Actualités</h4>
<ul>
<li><a href="#">Bien-être</a></li>
<li><a href="#">Capillaire</a></li>
<li><a href="#">Chirurgie esthétique</a></li>
<li><a href="#">Dentaire</a></li>
<li><a href="#">Médecine esthétique</a></li>
<li><a href="#">Épilation laser</a></li>
</ul>
</div>
</div>
</div>
<div class="footerNew-bottom">
<p>© 2024 | <a href="#">Mentions légales</a> | <a href="#">Politique de confidentialité</a></p>
</div>
</footer>
</div>
<script src="public/js/script.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script>
function openSpecialites() {
const menu = document.getElementById('deroulant-spe');
// Toggle le menu
if(menu.style.display === "none" || menu.style.display === "") {
menu.style.display = 'block';
// Ajoute un écouteur pour détecter les clics en dehors
document.addEventListener('click', closeOnClickOutside);
} else {
menu.style.display = 'none';
document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
}
}
// Fonction qui ferme le menu si on clique à l'extérieur
function closeOnClickOutside(event) {
const menu = document.getElementById('deroulant-spe');
const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
// Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
if (!menu.contains(event.target) && !button.contains(event.target)) {
menu.style.display = 'none';
document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
}
}
</script>
{% endblock %}

templates/specilites/epilation-laser.html.twig line 1