Symfony Profiler

{% extends 'base.html.twig' %}
{% block title %}Maison Eiffel - Morpheus
{% 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">
<div class="about-info" data-aos="fade-right" data-aos-duration="1500">
<h2 class="title-about">Morpheus</h2>
<p class='about-text'>
Traitement de radiofréquence par micro-aiguillage (microneedling). Il permet de stimuler la production de collagène de la peau de votre visage et de votre cou.
</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/5_Morpheus.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">2/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">Text 3</p>
</div>
<div class="detail-circle">
<h3 class="details-circle-title">Durabilité</h3>
<p class="details-circle-text">1 ans</p>
</div>
</div>
<div class="detail-timeline-containers">
<div class="detail-timeline">
<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 Entretien</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/morpheus/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>
Application d’une crème anesthésiante
</li>
<li>
<div class="circle">
3
</div>
Séance entre 10 à 30 mn en fonction de la zone à traiter
</li>
<li>
<div class="circle">
4
</div>
Application d’un sérum adapté au projet
</li>
<li>
<div class="circle">
5
</div>
Séance de LED pour accélérer la cicatrisation
</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">
Éviter l’aspirine 15 jours avant la séance.
<br/>Éviter toutes crèmes pouvant agresser la peau.
</p>
<br/>
<p class='about-text besoin'>
Appliquez une crème anesthésiante juste avant la séance.
</p><br />
<p class='about-text'>
<span>Après la séance:</span><br/>
Limiter voir éviter le maquillage, le parfum pendant 2 / 3 jours sur les zones traitées.
</p>
<p class='about-text'>
<span>Dans les jours qui suivent:</span><br/>
Application d’une crème cicatrisante pendant plusieurs jours.<br/>
Protection solaire.
</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/morpheus/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/>
- Troubles de la cicatrisation<br/>
- Diabète<br/>
- Lésions cutanées<br/>
- Plaques métalliques dans la zone à traiter
<br/>
- La grossesse et l’allaitement
</p>
</div>
</div>
<div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
<img class="about-img" src="{{ asset('assets/spe/morpheus/1.png') }}" alt="image d'illustration centre"/>
<div class="about-border-square"></div>
</div>
</div>
<br/>
<br/>
<!--<div class='container-text-specialites'>
<p class="title-specialites">Facelift Los Angeles</p>
<p class="text-specialites">
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/>
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.
</p>
<p class="text-specialites">
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.
</p>
<p class="text-specialites">
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.
</p>
</div>-->
<div class="about-us nosBesoin">
<div class="container-about-infos">
<div class="about-info" data-aos="fade-right" data-aos-duration="1500">
<p class="about-text besoin">
Un délai minimum de 30 jours devra être respecté entre deux séances. Le protocole est de 3 séances.
<br/>Un entretien est possible tout les ans.
</p>
<br/>
<p class="about-text besoin">
<span>Les différentes indications :</span><br/>
- La laxité (relâchement) de la peau<br/>
- Les rides et ridules<br/>
- La texture et le teint général de la peau<br/>
- Les cicatrices dues à l’acné ou aux blessures<br/>
- Les dommages causés par le soleil<br/>
- L’hyperpigmentation<br/>
- Les pores élargis<br/>
- Les vergetures
</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/morpheus/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" 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">Visage</td>
<td class="prix">400€</td>
<td class="temps">45 min</td>
</tr>
<tr>
<td class="text">Joues / Jawline & double menton</td>
<td class="prix">300€</td>
<td class="temps">30 min</td>
</tr>
<tr>
<td class="text">Cou / Décolleté</td>
<td class="prix">350€</td>
<td class="temps">35 min</td>
</tr>
<tr>
<td class="text">Ventre</td>
<td class="prix">400€</td>
<td class="temps">40 min</td>
</tr>
<tr>
<td class="text">Bras / Cuisses / Entrejambes</td>
<td class="prix">500€</td>
<td class="temps">50 min</td>
</tr>
<tr>
<td class="text">Culotte de cheval / Cellulite</td>
<td class="prix">500€</td>
<td class="temps">50 min</td>
</tr>
<tr>
<td class="text">Varicosités</td>
<td class="prix">À partir de 200€</td>
<td class="temps"></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">Top Hair (Sylfirm + Mesothérapie & LED)</td>
<td class="prix">250€</td>
<td class="temps">50 min</td>
</tr>
<tr>
<td colspan="3" style="border: none;"></td>
</tr>
<tr>
<td colspan="3" style="border: none;">Nos Protocoles Experts :</td>
</tr>
<tr>
<td class="text">Hair Force (Mesothérapie & LED > Sylfirm > Exosomes)</td>
<td class="prix">550€</td>
<td class="temps">Multiséances</td>
</tr>
<tr>
<td class="text">White Skin (Peeling > Sylfirm > Microneedling & LED)</td>
<td class="prix">550€</td>
<td class="temps">Multiséances</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 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/morpheus.html.twig line 1