Symfony Profiler

{% extends 'base.html.twig' %}
{% block title %}Maison Eiffel - HydraFacial
{% 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>
<!--<div class="wrapper">
<input type="radio" name="slider" checked id="el">
<input type="radio" name="slider" id="me">
<input type="radio" name="slider" id="hy">
<input type="radio" name="slider" id="sv">
<input type="radio" name="slider" id="sc">
<input type="radio" name="slider" id="tp">
<!--<nav>
<label for="el" class="label">Epilation laser</label>
<label for="me" class="label">Medecine esthetique</label>
<label for="hy" class="label">Hydrafacial</label>
<label for="sv" class="lanel">Soins Visages</label>
<label for="sc" class="label">Soins capillaires</label>
<label for="tp" class="label">Traitements de peau</label>
<div class="slider"></div>
</nav>
<section>
<div class="content content-1">
<div class="hero video-hero" data-aos="fade-up" data-aos-duration="1500">
<video class="video-hero-content" id="hero-video" autoplay muted loop onclick="toggleSound()">
<source src="../../assets/videos/video_demo.mp4" type="video/mp4"/>
Votre navigateur ne prend pas en charge la lecture de vidéos HTML5.
</video>
<div class="sound-icon" onclick="toggleSound()">
<img id="sound-image" src="../../assets/images/speaker-muted.png" alt="Activer/désactiver le son">
</div>
</div>
<div class="hero speciality-hero" data-aos="fade-up" data-aos-duration="1500">
<h1>
L’Hydrafacial
</h1>
<h2 class="subtitle" data-aos="fade-up" data-aos-duration="1500">
NOTRE CENTRE ET NOS EQUIPES
</h2>
<p class="text" data-aos="fade-up" data-aos-duration="1500">
Hydrafacial utilise la technologie brevetée Vortex-Fusion® pour déloger et éliminer aisément les impuretés de façon totalement indolore, optimiser la pénétration des actifs et prolonger les résultats du soin
<br/>
Nettoie la peau en profondeur et apporte efficacement des actifs là où ils sont les plus bénéfiques
<br/>
Une peau extraite de toutes les impuretés, une hydratation immédiate et un coup d’éclat qui dure plusieurs jours
<br/>
Au fur et à mesure des séances, les rides et ridules sont estompées, les pores resserrés et les tâches éclaircies
</p>
<div class="btn">
<a href="{{ path('contact') }}">
En savoir plus
</a>
</div>
</div>
</div>
<!--<div class="content content-2">
<div class="hero speciality-hero2">
<h1>
Médécine esthétique
</h1>
<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.
</p>
<div class="btn">
<a href="{{ path('contact') }}">
En savoir plus
</a>
</div>
</div>
</div>
<div class="content content-3">
<div class="hero speciality-hero3">
<h1>
Hydrafacial
</h1>
<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.
</p>
<div class="btn">
<a href="{{ path('contact') }}">
En savoir plus
</a>
</div>
</div>
</div>
<div class="content content-4">
<div class="hero speciality-hero">
<h1>
Soins visages
</h1>
<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.
</p>
<div class="btn">
<a href="{{ path('contact') }}">
En savoir plus
</a>
</div>
</div>
</div>
<div class="content content-5">
<div class="hero speciality-hero">
<h1>
Soins capillaires
</h1>
<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.
</p>
<div class="btn">
<a href="{{ path('contact') }}">
En savoir plus
</a>
</div>
</div>
</div>
<div class="content content-6">
<div class="hero speciality-hero6">
<h1>
Traitementsde la peau
</h1>
<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.
</p>
<div class="btn">
<a href="{{ path('contact') }}">
En savoir plus
</a>
</div>
</div>
</div>
</section>
</div>-->
<section style="padding-top:130px;">
<div class="about-us">
<div class="container-about-infos">
<div class="about-info" data-aos="fade-right" data-aos-duration="1500">
<h2 class="title-about">L’Hydrafacial</h2>
<p class='about-text'>
Hydrafacial utilise la technologie brevetée Vortex-Fusion® pour déloger et éliminer aisément les impuretés de façon totalement indolore, optimiser la pénétration des actifs et prolonger les résultats du soin.
<br/><br/>Nettoie la peau en profondeur et apporte efficacement des actifs là où ils sont les plus bénéfiques.
<br/><br/>Une peau extraite de toutes les impuretés, une hydratation immédiate et un coup d’éclat qui dure plusieurs jours.
<br/>Au fur et à mesure des séances, les rides et ridules sont estompées, les pores resserrés et les tâches éclaircies.
</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/21_Hydrafacial.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">1/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-60</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">+/- 1 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/hydrafacial/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>
Démaquillage du visage
</li>
<li>
<div class="circle">
2
</div>
Nettoyage en profondeur
</li>
<li>
<div class="circle">
3
</div>
Exfoliation : avec un peeling doux (7,5 ou 15% choisit par le praticien en fonction de votre peau) pour déloger en profondeur les impuretés
</li>
<li>
<div class="circle">
4
</div>
Extraction : la peau étant préparée durant l’étape 3, grâce à une aspiration douce et indolore on élimine les impuretés des pores, les points noirs et les peaux mortes
</li>
<li>
<div class="circle">
5
</div>
Passage de LED Bleu et Rouge sur l’ensemble du visage pendant 4 minutes
<br/>
Possibilité de combiner le soin avec des booster (Hydrafacial Deluxe) ou encore microneedling&LED
</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">
<br/>
<p class="about-text besoin">
<span>Après la séance</span><br/>
Eviter de toucher votre peau et laisser les actifs pénétrer au moins 6h. Puis vous pourrez reprendre votre routine de soin habituelle
<br/>
De nombreux patients déclarent avoir constaté un affinement du grain de peau et un teint plus uniforme et plus éclatant après un seul soin
<br/>
L’effet coup d’éclat et l’hydratation peuvent durer 7 jours, voire plus
<br/>
Pour optimiser et prolonger les résultats du soin, nous recommandons de renouveler le soin une fois par mois,
</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/hydrafacial/5.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'>
Le soin Hydrafacial est adapté à tous les types de peau et aide à améliorer l’apparence de la peau, même pour les peaux les plus sensibles, le soin est personnalisé en fonction des besoins individuels de chaque personne
</p>
<br/>
<p class='about-text'>
Nous ne vous proposerons pas ce traitement dans le contexte suivant :<br/><br/>
Femme enceinte
<br/>
eczéma inflammatoire
<br/>
infections cutanés ou lésions cutanés ouvertes
<br/>
personnes souffrant de maladies auto-immunes ou de troubles de la coagulation sanguine
<br/>
</p>
</div>
</div>
<div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
<img class="about-img" src="{{ asset('assets/spe/hydrafacial/2.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">
L'HydraFacial est un soin non invasif, indolore et sans éviction sociale qui combine plusieurs étapes pour nettoyer, exfolier, extraire, hydrater et protéger la peau. Il est conçu pour nettoyer les pores en profondeur et améliorer l'apparence de la peau en ciblant divers problèmes cutanés, notamment l'acné, les rides, les taches pigmentaires, la texture inégale de la peau et la déshydratation. Ce soin fournit de puissants antioxydants pour lutter contre les dommages causés par les radicaux libres qui peuvent dégrader la peau et accélérer le processus de vieillissement
<br/>
Il ne provoque pas de lésions disgracieuses, vous pourrez reprendre vos activités normales immédiatement après le soin
</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/hydrafacial/1.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" id="section-price">
<h2 class="title-about">
Notre grille tarifaire
</h2>
<div class="table-container">
<div class="table-wrapper">
<table>
<tbody>
<tr>
<td class="text">Soin Signature</td>
<td class="prix">180€</td>
<td class="temps">40 min</td>
</tr>
<tr>
<td class="text">Soin Deluxe Booster</td>
<td class="prix">250€</td>
<td class="temps">55 min</td>
</tr>
<tr>
<td class="text">Nettoyage du cuir chevelu</td>
<td class="prix">120€</td>
<td class="temps">20 min</td>
</tr>
<tr>
<td colspan="3" style="border: none;"></td>
</tr>
<tr>
<td colspan="3" style="border: none;">Nos combinaisons:</td>
</tr>
<tr>
<td class="text">Combinaison Glow Skin (Hydrafacial signature + Microneedling & LED)</td>
<td class="prix">270€</td>
<td class="temps">1h</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>
<!--<div class="price__list">
<div class="price-card">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
<h3>
Skinbooster
</h3>
<p class="amount">
A partir de 200 €
</p>
</div>
<div class="price-card">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
<h3>
Skinbooster
</h3>
<p class="amount">
A partir de 200 €
</p>
</div>
<div class="price-card">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
<h3>
Skinbooster
</h3>
<p class="amount">
A partir de 200 €
</p>
</div>
<div class="price-card">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
<h3>
Skinbooster
</h3>
<p class="amount">
A partir de 200 €
</p>
</div>
</div>
<div class="price__list">
<div class="price-card">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
<h3>
Skinbooster
</h3>
<p class="amount">
A partir de 200 €
</p>
</div>
<div class="price-card">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
<h3>
Skinbooster
</h3>
<p class="amount">
A partir de 200 €
</p>
</div>
<div class="price-card">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
<h3>
Skinbooster
</h3>
<p class="amount">
A partir de 200 €
</p>
</div>
<div class="price-card">
<img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
<h3>
Skinbooster
</h3>
<p class="amount">
A partir de 200 €
</p>
</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 class="sectionFooter">
<div class="containerFooter">
<div class="containerTopFooter">
<ul class="containerLinkNavFooter">
<li class="linkNavFooter">
<a>Notre centre</a>
</li>
<li class="linkNavFooter">
<a>Nos spécialités</a>
</li>
<li class="linkNavFooter">
<a>Vos besoins</a>
</li>
<li class="linkNavFooter">
<a>Blog</a>
</li>
<li class="linkNavFooter">
<a>Avis</a>
</li>
<li class="linkNavFooter">
<a>Contact</a>
</li>
</ul>
<div class="adress-box">
Paris 11
<br>
<span>
<i class="far fa-calendar"></i>
01 36 78 94 25<br></span>
<a href="https://www.treatwell.fr/">Prendre Rdv</a>
</div>
</div>
<div class="containerBottomFooter">
<div class="containerTextFooter">
<p class="textFooter">© 2023 Maison Eiffel.</p>
<p class="textFooter">Tous les droits sont réservés.</p>
</div>
<div class="containerTextFooter">
<p class="textFooter">Politique relative aux cookies</p>
</div>
<div class="containerTextFooter">
<p class="textFooter">Politique de confidentialité</p>
</div>
<div class="containerTextFooter">
<p class="textFooter">Termes et conditions</p>
</div>
<div class="containerTextFooter">
<p class="textFooter">Déclaration d'accessibilité
</p>
</div>
<div class="containerTextFooter">
<p class="textFooter">Site map</p>
</div>
<div class="containerReseauxFooter">
<a class="linkReseauFooter"><img src="{{ asset('assets/images/instagram.png') }}"/></a>
<a class="linkReseauFooter"><img src="{{ asset('assets/images/youtube.png') }}"/></a>
<a class="linkReseauFooter"><img src="{{ asset('assets/images/tik-tok.png') }}"/></a>
</div>
</div>
</div>
<div class="lineFooter"></div>
<div class="lineFooter2"></div>
<div class="lineFooter3"></div>
<div class="lineFooter4"></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/hydrafacial.html.twig line 1