shell bypass 403
<html lang="zxx"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> ESPAÇO FACIAL</title>
<!-- fav icon -->
<link rel="icon" href="favicon.ico">
<!-- bootstarp -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Fancybox -->
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<!-- animate.css file -->
<link rel="stylesheet" href="css/animate.css">
<!-- Swiper -->
<link rel="stylesheet" href="css/swiper.min.css">
<!-- Splitting -->
<link rel="stylesheet" href="css/splitting.css">
<!-- TwentyTwenty -->
<link rel="stylesheet" href="css/twentytwenty.css">
<!-- fontAwesome -->
<link rel="stylesheet" href="css/all.min.css">
<!-- Font Family -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;500;700;800;900&family=Nunito:wght@400;500;600;700;800;900&display=swap">
<!-- CARROSEL TRATAMENTOS -->
<link rel="stylesheet" href="css/splide.min.css">
<!-- Styles For LRT ver -->
<link rel="stylesheet" href="css/styles-LTR.css?V14">
<!--FONT BOOTSTRAP-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
</head>
<body class="dark-theme landing-page-demo overlay-is-grey hard-squared-btns ">
<!--Start Page Header-->
<header class="page-header dark-header menu-on-end" id="page-header">
<div class="header-search-box">
<div class="close-search"></div>
<form class="nav-search search-form" role="search" method="get" action="#">
<div class="search-wraper">
<label class="search-lbl">Search for:</label>
<input class="search-input" type="search" placeholder="Search..." name="searchInput" autofocus="autofocus">
<button class="search-btn" type="submit"><i class="fas fa-search icon"></i></button>
</div>
</form>
</div>
<!--start navbar-->
<div class="container">
<nav class=" main-navbar " id="main-nav"><a class="navbar-brand " href="/"><img class="brand-logo light-logo img-fluid " src="img/logo.png" alt="site logo"><img class="brand-logo dark-logo img-fluid " src="img/logo.png" alt="site logo"></a>
<div class="menu-toggler-btn"><span></span><span></span><span></span></div>
<div class=" navbar-menu-wraper " id="navbar-menu-wraper">
<ul class="navbar-nav mobile-menu">
<li class="nav-item"><a class="nav-link active" href="#page-hero"><img src="img/home.png" /> HOME</a></li>
<li class="nav-item has-sub-menu"><a class="nav-link" href="#nossos-tratamentos-faciais"><img src="img/skincare.png" /> TRATAMENTOS FACIAIS <i class="bi bi-caret-down-fill"> </i></a>
<ul class="sub-menu ">
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="toxina-botulinica.html#submenu-tratamento"><img src="img/face.png" /> Toxina Botulínica (Botox)</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-rtl.html"><img src="img/face-recognition.png" /> Preenchimento Facial</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/cosmetic-surgery.png" /> Peeling Químico</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/jaw.png" /> Fios de Sustentação</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="skinbooster.html"><img src="img/surgery.png" /> Skinbooster</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/healthy.png" /> Bioestimuladores</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/micro-agulhamento.png" /> Microagulhamento</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/fox.png" /> Fox Eyes</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/hair-loss.png" /> Fios DPO</a></li>
<!--<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><i class="bi bi-chevron-right icon"></i>Lipo de Papada NÃO Cirúrgica</a></li>-->
</ul>
</li>
<li class="nav-item has-sub-menu"><a class="nav-link" href="#nossos-tratamentos-corporais"><img src="img/slim-body.png" /> TRATAMENTOS CORPORAIS <i class="bi bi-caret-down-fill"> </i></a>
<ul class="sub-menu ">
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="toxina-botulinica.html#submenu-tratamento"><img src="img/face.png" /> Toxina Botulínica (Botox)</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-rtl.html"><img src="img/face-recognition.png" /> Preenchimento Facial</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/cosmetic-surgery.png" /> Peeling Químico</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/jaw.png" /> Fios de Sustentação</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="skinbooster.html"><img src="img/surgery.png" /> Skinbooster</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/healthy.png" /> Bioestimuladores</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/micro-agulhamento.png" /> Microagulhamento</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/fox.png" /> Fox Eyes</a></li>
<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><img src="img/hair-loss.png" /> Fios DPO</a></li>
<!--<li class="nav-item sub-menu-item"><a class="nav-link sub-menu-link " href="index-light-rtl.html"><i class="bi bi-chevron-right icon"></i>Lipo de Papada NÃO Cirúrgica</a></li>-->
</ul>
</li>
<!--<li class="nav-item"><a class="nav-link" href="#depoimentos"><i class="bi bi-chat-right-quote-fill"></i> DEPOIMENTOS </a></li>-->
<!--<li class="nav-item"><a class="nav-link" href="#duvidas-frequentes"><i class="bi bi-question-circle-fill"></i> DÚVIDAS FREQUENTES</a></li>-->
<!--<li class="nav-item"><a class="nav-link" href="#contato"><i class="bi bi-envelope-at-fill"></i> CONTATO </a></li>-->
<!--<li class="nav-item"><a class="nav-link" href="#faq"><i class="fas fa-question-circle icon"></i>faq </a></li>-->
</ul>
</div><!--<a class="header-cta call-us ma-btn-primary " href="tel:#0"><i class="fas fa-mobile-alt icon"></i>
<div class="call-text"><span>call us</span>750-350-12345 </div></a>-->
</nav>
<!--End navbar-->
</div>
</header>
<!--End Page Header-->
<!-- Start Page hero-->
<section class="page-hero d-flex align-items-center" id="page-hero">
<!--Hero section Social icons -->
<!--<div class="hero-social-icons bottom-position center-align ">
<div class="sc-wraper dir-row sc-flat">
<ul class="sc-list">
<li class="sc-item " title="Facebook"><a class="sc-link" href="https://www.facebook.com/espacofacialoficial" target="_blank"><i class="sc-icon bi bi-facebook" title="Facebook | Espaço Facial"></i></a></li>
<li class="sc-item " title="youtube"><a class="sc-link" href="https://www.youtube.com/@espacofacial9354" target="_blank"><i class="sc-icon bi bi-youtube" title="Youtube | Espaço Facial"></i></a></li>
<li class="sc-item " title="instagram"><a class="sc-link" href="https://www.instagram.com/espacofacial/" target="_blank"><i class="sc-icon bi bi-instagram" title="Facebook | Espaço Facial"></i></a></li>
<li class="sc-item " title="X"><a class="sc-link" href="https://www.linkedin.com/company/espa%C3%A7ofacialoficial/" target="_blank"><i class="sc-icon bi bi-linkedin" title="Linkedin | Espaço Facial"></i></a></li>
</ul>
</div>
</div>-->
<div class="destaques">
<img src="img/destaque-1.png">
<img src="img/destaque-2.png">
</div>
<div class="video-wrapper">
<video class="hero-video-bg" autoplay muted loop playsinline>
<source src="video/video-principal.webm" type="video/webm">
<source src="video/video-principal.mp4" type="video/mp4">
Seu navegador não suporta vídeos.
</video>
<script type="text/javascript">
const video = document.querySelector('.hero-video-bg.desktop');
if (video) {
video.muted = true; // Garante que está mudo, o que é necessário para autoplay.
video.setAttribute('playsinline', ''); // Para dispositivos móveis.
video.play().catch((error) => {
console.error('Erro ao iniciar o vídeo:', error);
video.muted = true; // Reforce o mudo se necessário.
video.play();
});
}
</script>
</div>
<div class="overlay-color "></div>
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-6 mb-5 mb-lg-0 text-center text-lg-start">
<!--Start of .hero-text-area-->
<div class="hero-text-area ">
<h1 class="hero-title wow fadeInUp" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"> <span class="heading-brand-name"> Descubra </span>
os Segredos da Beleza <br />
<span class="featured-text"> </span><span class="title-design-element wow fadeInUp" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;"></span>
</h1>
<div class="typing" id="typing"></div>
<!--<p class="hero-subtitle wow fadeInUp" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br> Sed
architecto dolorum inventore totam adipisci provident placeat perspiciatis
</p>-->
<div class="cta-links-area wow fadeInUp" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;"><a class="ma-btn-primary cta-link cta-link-primary wow fadeInUp scroll-link" href="#nossos-tratamentos" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;">SAIBA MAIS SOBRE OS NOSSOS TRATAMENTOS<i class="bi bi-caret-down-fill ms-3"></i></a></div>
</div>
</div>
</div>
</div>
</section>
<!--End of .hero-text-area-->
<!-- End Page hero-->
<!--ANCORA TRATAMENTOS-->
<div id="nossos-tratamentos"></div>
<!-- TRATAMENTOS FACIAIS-->
<section class="services services-boxed mega-section section-bg-shade" id="nossos-tratamentos-faciais">
<div class="container">
<div class="section-heading center-heading">
<h2 class="section-title wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">NOSSOS TRATAMENTOS <span class="cor-bege">FACIAIS</span><span class="title-design-element wow fadeInUp" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"></span></h2>
<!--<p class="section-subtitle wow fadeInUp" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">Na Espaço Facial você encontra os melhores tratamentos para realçar ainda mais a sua beleza.</p>-->
<div class="line-on-center wow fadeIn" data-wow-delay=".7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeIn;"></div>
</div>
<!--TRATAMENTOS FACIAIS-->
<div class="row services-row">
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start First service box-->
<a class="read-more" href="toxina-botulinica.html#submenu-tratamento">
<div class="service-box Toxina-Botulinica wow fadeInUp" data-wow-offset="0" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">1 </span>
<div class="service-content">
<h3 class="service-title">Toxina Botulínica (Botox)</h3>
<p class="service-text">
Toxina Botulínica: Benefícios para uma Pele Jovem e Suave
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End First service box -->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start Second service box-->
<a class="read-more" href="#0">
<div class="service-box Preenchimento-Facial wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">2 </span>
<div class="service-content">
<h3 class="service-title">Preenchimento Facial</h3>
<p class="service-text">
Descubra os Benefícios para uma Pele Hidratada e Rosto Harmonioso
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End Second service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start Third service box-->
<a class="read-more" href="#0">
<div class="service-box Peeling-Quimico wow fadeInUp" data-wow-offset="0" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">3 </span>
<div class="service-content">
<h3 class="service-title">Peeling Químico</h3>
<p class="service-text">
Descubra o Tratamento Estético para uma Pele Renovada
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End Third service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start fourth service box-->
<a class="read-more" href="#0">
<div class="service-box Fios-de-Sustentacao wow fadeInUp" data-wow-offset="0" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">4 </span>
<div class="service-content">
<h3 class="service-title">Fios de Sustentação</h3>
<p class="service-text">
Descubra o Segredo do Rejuvenescimento Facial: Introduzindo nossos Fios Sintéticos Biodegradáveis!
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
<!-- End fourth service box -->
</a>
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Skinbooster wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">5 </span>
<div class="service-content">
<h3 class="service-title">Skinbooster</h3>
<p class="service-text">
Recupere a Beleza Natural da Sua Pele
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Bioestimuladores wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">6 </span>
<div class="service-content">
<h3 class="service-title">Bioestimuladores</h3>
<p class="service-text">
Rejuvenescimento Natural: Experimente os Novos Preenchedores com Estímulo de Colágeno!
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Microagulhamento wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">7 </span>
<div class="service-content">
<h3 class="service-title">Microagulhamento</h3>
<p class="service-text">
Revelando os Benefícios do Microagulhamento: Estimule a Produção de Colágeno e Revitalize sua Pele.
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Fox-Eyes wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">8 </span>
<div class="service-content">
<h3 class="service-title">Fox Eyes</h3>
<p class="service-text">
Destaque Seu Olhar com o Procedimento Estético Fox Eyes - Agende Agora!
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Fios-DPO wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">9 </span>
<div class="service-content">
<h3 class="service-title">Fios DPO</h3>
<p class="service-text">
Descubra os Benefícios dos Fios de Polidioxanona (PDO) para Rejuvenescimento Natural.
</p>
</div><span class="leia-mais-procedimentos">Leia mais</span><i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
</div>
</div><!--TRATAMENTOS FACIAIS-->
</section>
<!--FIM TRATAMENTOS FACIAIS-->
<!-- TRATAMENTOS FACIAIS-->
<section class="services services-boxed mega-section section-bg-shade" id="nossos-tratamentos-corporais">
<div class="container">
<div class="section-heading center-heading">
<h2 class="section-title wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">NOSSOS TRATAMENTOS <span class="cor-bege">CORPORAIS</span><span class="title-design-element wow fadeInUp" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"></span></h2>
<!--<p class="section-subtitle wow fadeInUp" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">Na Espaço Facial você encontra os melhores tratamentos para realçar ainda mais a sua beleza.</p>-->
<div class="line-on-center wow fadeIn" data-wow-delay=".7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeIn;"></div>
</div>
<!--TRATAMENTOS CORPORAIS-->
<div class="row services-row">
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start First service box-->
<a class="read-more" href="toxina-botulinica.html#submenu-tratamento">
<div class="service-box Toxina-Botulinica wow fadeInUp" data-wow-offset="0" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">1 </span>
<div class="service-content">
<h3 class="service-title">Toxina Botulínica (Botox)</h3>
<p class="service-text">
Toxina Botulínica: Benefícios para uma Pele Jovem e Suave
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span><i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End First service box -->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start Second service box-->
<a class="read-more" href="#0">
<div class="service-box Preenchimento-Facial wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">2 </span>
<div class="service-content">
<h3 class="service-title">Preenchimento Facial</h3>
<p class="service-text">
Descubra os Benefícios para uma Pele Hidratada e Rosto Harmonioso
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span><i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End Second service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start Third service box-->
<a class="read-more" href="#0">
<div class="service-box Peeling-Quimico wow fadeInUp" data-wow-offset="0" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">3 </span>
<div class="service-content">
<h3 class="service-title">Peeling Químico</h3>
<p class="service-text">
Descubra o Tratamento Estético para uma Pele Renovada
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End Third service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start fourth service box-->
<a class="read-more" href="#0">
<div class="service-box Fios-de-Sustentacao wow fadeInUp" data-wow-offset="0" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">4 </span>
<div class="service-content">
<h3 class="service-title">Fios de Sustentação</h3>
<p class="service-text">
Descubra o Segredo do Rejuvenescimento Facial: Introduzindo nossos Fios Sintéticos Biodegradáveis!
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
<!-- End fourth service box -->
</a>
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Skinbooster wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">5 </span>
<div class="service-content">
<h3 class="service-title">Skinbooster</h3>
<p class="service-text">
Recupere a Beleza Natural da Sua Pele
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Bioestimuladores wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">6 </span>
<div class="service-content">
<h3 class="service-title">Bioestimuladores</h3>
<p class="service-text">
Rejuvenescimento Natural: Experimente os Novos Preenchedores com Estímulo de Colágeno!
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Microagulhamento wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">7 </span>
<div class="service-content">
<h3 class="service-title">Microagulhamento</h3>
<p class="service-text">
Revelando os Benefícios do Microagulhamento: Estimule a Produção de Colágeno e Revitalize sua Pele.
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Fox-Eyes wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">8 </span>
<div class="service-content">
<h3 class="service-title">Fox Eyes</h3>
<p class="service-text">
Destaque Seu Olhar com o Procedimento Estético Fox Eyes - Agende Agora!
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
<div class="col-12 col-md-9 col-lg-4 mx-auto">
<!--Start 6th service box-->
<a class="read-more" href="#0">
<div class="service-box Fios-DPO wow fadeInUp" data-wow-offset="0" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="service-icon"></div><span class="service-num hollow-text">9 </span>
<div class="service-content">
<h3 class="service-title">Fios DPO</h3>
<p class="service-text">
Descubra os Benefícios dos Fios de Polidioxanona (PDO) para Rejuvenescimento Natural.
</p>
</div>><span class="leia-mais-procedimentos">Leia mais</span> <i class="bi bi-caret-right"></i>
</div>
</a>
<!-- End 6th service box-->
</div>
</div>
</div><!--TRATAMENTOS FACIAIS-->
</section>
<!--FIM TRATAMENTOS CORPORAIS-->
<!--<section class="testimonials stack testimonials-2-col d-flex align-items-center mega-section " id="depoimentos">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-12 col-lg-4 ">
<div class="section-heading side-heading light-title ">
<h2 class="section-title wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">Satisfação de quem gostou <span class="title-design-element wow fadeInUp" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"></span></h2>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="swiper-container wow fadeIn swiper-container-initialized swiper-container-horizontal" data-wow-delay="0.2s" style="cursor: grab; visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-2190px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 418px; margin-right: 20px;">
<div class="testmonial-box d-flex align-items-center justify-content-center">
<div class="testimonial-content">
<div class="customer-info "><img class="img-fluid " src="https://amincods.com/html/one-pages/consulto/assets/images/testimonials/2.jpg" alt="First Slide ">
<div class="customer-details">
<p class="customer-name">allan smith</p>
</div>
</div>
<div class="rating-stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div>
<div class="customer-testimonial"><img src="https://cdn-icons-png.flaticon.com/512/32/32371.png" class="aspas">
<div class="content">
<p class="testimonial-text ">
ipsum
dolor sit amet consectetur adipisicing elit. Quod, id sequi aut qui est
ab,
corporis quis maiores reiciendis explicabo odio tenetur nulla sint vel.
</p>
</div>
</div>
</div>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="2" style="width: 418px; margin-right: 20px;">
<div class="testmonial-box d-flex align-items-center justify-content-center">
<div class="testimonial-content">
<div class="customer-info "><img class="img-fluid " src="https://amincods.com/html/one-pages/consulto/assets/images/testimonials/3.jpg" alt="First Slide ">
<div class="customer-details">
<p class="customer-name">maya Ahmed</p>
</div>
</div>
<div class="rating-stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div>
<div class="customer-testimonial"><img src="https://cdn-icons-png.flaticon.com/512/32/32371.png" class="aspas">
<div class="content">
<p class="testimonial-text ">
ipsum
dolor sit amet consectetur adipisicing elit. Quod, id sequi aut qui est
ab,
corporis quis maiores reiciendis explicabo odio tenetur nulla sint vel.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 418px; margin-right: 20px;">
<div class="testmonial-box d-flex align-items-center justify-content-center">
<div class="testimonial-content">
<div class="customer-info "><img class="img-fluid " src="https://amincods.com/html/one-pages/consulto/assets/images/testimonials/1.jpg" alt="First Slide ">
<div class="customer-details">
<p class="customer-name">aly ahmed</p>
</div>
</div>
<div class="rating-stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div>
<div class="customer-testimonial"><img src="https://cdn-icons-png.flaticon.com/512/32/32371.png" class="aspas">
<div class="content">
<p class="testimonial-text ">
ipsum
dolor sit amet consectetur adipisicing elit. Quod, id sequi aut qui est
ab,
corporis quis maiores reiciendis explicabo odio tenetur nulla sint vel.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 418px; margin-right: 20px;">
<div class="testmonial-box d-flex align-items-center justify-content-center">
<div class="testimonial-content">
<div class="customer-info "><img class="img-fluid " src="https://amincods.com/html/one-pages/consulto/assets/images/testimonials/2.jpg" alt="First Slide ">
<div class="customer-details">
<p class="customer-name">allan smith</p>
</div>
</div>
<div class="rating-stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div>
<div class="customer-testimonial"><img src="https://cdn-icons-png.flaticon.com/512/32/32371.png" class="aspas">
<div class="content">
<p class="testimonial-text ">
ipsum
dolor sit amet consectetur adipisicing elit. Quod, id sequi aut qui est
ab,
corporis quis maiores reiciendis explicabo odio tenetur nulla sint vel.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="2" style="width: 418px; margin-right: 20px;">
<div class="testmonial-box d-flex align-items-center justify-content-center">
<div class="testimonial-content">
<div class="customer-info "><img class="img-fluid " src="https://amincods.com/html/one-pages/consulto/assets/images/testimonials/3.jpg" alt="First Slide ">
<div class="customer-details">
<p class="customer-name">maya Ahmed</p>
</div>
</div>
<div class="rating-stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div>
<div class="customer-testimonial"><img src="https://cdn-icons-png.flaticon.com/512/32/32371.png" class="aspas">
<div class="content">
<p class="testimonial-text ">
ipsum
dolor sit amet consectetur adipisicing elit. Quod, id sequi aut qui est
ab,
corporis quis maiores reiciendis explicabo odio tenetur nulla sint vel.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" style="width: 418px; margin-right: 20px;">
<div class="testmonial-box d-flex align-items-center justify-content-center">
<div class="testimonial-content">
<div class="customer-info "><img class="img-fluid " src="https://amincods.com/html/one-pages/consulto/assets/images/testimonials/1.jpg" alt="First Slide ">
<div class="customer-details">
<p class="customer-name">aly ahmed</p>
</div>
</div>
<div class="rating-stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div>
<div class="customer-testimonial"><img src="https://cdn-icons-png.flaticon.com/512/32/32371.png" class="aspas">
<div class="content">
<p class="testimonial-text ">
ipsum
dolor sit amet consectetur adipisicing elit. Quod, id sequi aut qui est
ab,
corporis quis maiores reiciendis explicabo odio tenetur nulla sint vel.
</p>
</div>
</div>
</div>
</div>
</div><div class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="1" style="width: 418px; margin-right: 20px;">
<div class="testmonial-box d-flex align-items-center justify-content-center">
<div class="testimonial-content">
<div class="customer-info "><img class="img-fluid " src="https://amincods.com/html/one-pages/consulto/assets/images/testimonials/2.jpg" alt="First Slide ">
<div class="customer-details">
<p class="customer-name">allan smith</p>
</div>
</div>
<div class="rating-stars"><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i></div>
<div class="customer-testimonial"> <img src="https://cdn-icons-png.flaticon.com/512/32/32371.png" class="aspas">
<div class="content">
<p class="testimonial-text ">
ipsum
dolor sit amet consectetur adipisicing elit. Quod, id sequi aut qui est
ab,
corporis quis maiores reiciendis explicabo odio tenetur nulla sint vel.
</p>
</div>
</div>
</div>
</div>
</div></div>
<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide">
<div class="left-arrow"><i class="bi bi-chevron-left"></i>
</div>
</div>
<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide">
<div class="right-arrow"><i class="bi bi-chevron-right"></i>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</div>
</section>-->
<!-- End our-team Section-->
<!-- Start faq Section-->
<!--<section class="faq mega-section has-bg-image" id="duvidas-frequentes">
<div class="overlay-photo-image-bg"></div>
<div class="overlay-color"></div>
<div class="container ">
<div class="section-heading center-heading">
<h2 class="section-title wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">Dúvidas Frequentes<span class="title-design-element wow fadeInUp" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"></span></h2>
<div class="line-on-center wow fadeIn" data-wow-delay=".7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeIn;"></div>
</div>
<div class="row">
<div class="col-12 mx-auto mb-5">
<div class="faq-accordion wow fadeInUp" id="accordion" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="row">
<div class="col-12 col-lg-6 mb-2">
<div class="card mb-2">
<div class="card-header " id="heading-1">
<h5 class="mb-0 faq-title">
<button class="btn btn-link faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true" aria-controls="collapse-1"> are your service easy to use?</button>
</h5>
</div>
<div class="collapse " id="collapse-1" aria-labelledby="heading-1" data-bs-parent="#accordion">
<div class="card-body">
<p class="faq-answer">
Anim pariatur cliche reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia
aute,
eiusmod. Brunch 3 wolf moon tempor, iunt you probably
haven't
heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<div class="card mb-2">
<div class="card-header " id="heading-2">
<h5 class="mb-0 faq-title">
<button class="btn btn-link faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="true" aria-controls="collapse-2"> is this services work in my country?</button>
</h5>
</div>
<div class="collapse " id="collapse-2" aria-labelledby="heading-2" data-bs-parent="#accordion">
<div class="card-body">
<p class="faq-answer">
Anim pariatur cliche reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia
aute,
non cupidatat skateboard dolor brunch. Food truck quinoa
nesciunt
laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put
a
bird on it squid single-origin coffee nulla assumenda
shoreditch
et. Nihil anim keffiyeh helvetica, craft beer labore wes
anderson
cred nesciunt sapiente ea proident. Ad vegan excepteur
butcher
vice lomo. Leggings occaecat craft beer farm-to-table.
</p>
</div>
</div>
</div>
<div class="card mb-2">
<div class="card-header " id="heading-3">
<h5 class="mb-0 faq-title">
<button class="btn btn-link faq-btn collapsed " data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="true" aria-controls="collapse-3"> will i receive future updates?</button>
</h5>
</div>
<div class="collapse " id="collapse-3" aria-labelledby="heading-3" data-bs-parent="#accordion">
<div class="card-body">
<p class="faq-answer">
Anim pariatur cliche reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia
aute,
non cupidatat skateboard dolor brunch. Food truck quinoa
nesciunt
laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put
a
bird on it squid single-origin coffee nulla assumenda
shoreditch
et.
</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 mb-2">
<div class="card mb-2">
<div class="card-header " id="heading-4">
<h5 class="mb-0 faq-title">
<button class="btn btn-link faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="true" aria-controls="collapse-4"> How much I will pay?</button>
</h5>
</div>
<div class="collapse " id="collapse-4" aria-labelledby="heading-4" data-bs-parent="#accordion">
<div class="card-body">
<p class="faq-answer">
Anim pariatur cliche reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia
aute,
eiusmod. Brunch 3 wolf moon tempor, iunt you probably
haven't
heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<div class="card mb-2">
<div class="card-header " id="heading-5">
<h5 class="mb-0 faq-title">
<button class="btn btn-link faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-5" aria-expanded="true" aria-controls="collapse-5">are theres other fees?</button>
</h5>
</div>
<div class="collapse " id="collapse-5" aria-labelledby="heading-5" data-bs-parent="#accordion">
<div class="card-body">
<p class="faq-answer">
Anim pariatur cliche reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia
aute,
non cupidatat skateboard dolor brunch. Food truck quinoa
nesciunt
laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put
a
bird on it squid single-origin coffee nulla assumenda
shoreditch
et. Nihil anim keffiyeh helvetica, craft beer labore wes
anderson
cred nesciunt sapiente ea proident. Ad vegan excepteur
butcher
vice lomo. Leggings occaecat craft beer farm-to-table.
</p>
</div>
</div>
</div>
<div class="card mb-2">
<div class="card-header " id="heading-6">
<h5 class="mb-0 faq-title">
<button class="btn btn-link faq-btn collapsed " data-bs-toggle="collapse" data-bs-target="#collapse-6" aria-expanded="true" aria-controls="collapse-6"> hw can i sign up the contract?</button>
</h5>
</div>
<div class="collapse " id="collapse-6" aria-labelledby="heading-6" data-bs-parent="#accordion">
<div class="card-body">
<p class="faq-answer">
Anim pariatur cliche reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia
aute,
non cupidatat skateboard dolor brunch. Food truck quinoa
nesciunt
laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put
a
bird on it squid single-origin coffee nulla assumenda
shoreditch
et.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>-->
<!--<div class="col-12 mx-auto" id="contato">
<div class="contact-us wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="row d-flex align-items-center">
<div class="col-12 col-lg-4 ">
<div class="tag-line ">em caso de dúvidas.</div>
<div class="section-heading side-heading light-title ">
<h2 class="section-title wow fadeInUp" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">Preencha o formulário<span class="title-design-element wow fadeInUp" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;"></span></h2>
</div>
</div>
<div class="col-12 col-lg-8 ">
<div class="main-form-wraper input-boxed">
<form class="main-form" id="contact-us-form" action="formulario/enviar.php" method="post"><span class="done-msg"></span>
<div class="row ">
<div class="col-12 col-lg-6">
<div class=" input-wraper">
<label for="user-name"> Nome <span class="req">*</span></label>
<input class="text-input" id="nome" name="nome" type="text"><span class="b-border"></span><span class="error-msg"></span>
</div>
</div>
<div class="col-12 col-lg-6">
<div class=" input-wraper">
<label for="user-email"> E-mail <span class="req">*</span></label>
<input class="text-input" id="email" name="email" type="email"><span class="b-border"></span><span class="error-msg"></span>
</div>
</div>
<div class="col-12 col-lg-6">
<div class=" input-wraper">
<label for="msg-subject"> Telefone <span class="req">*</span></label>
<input class="text-input" id="telefone" name="telefone" type="text"><span class="b-border"></span><span class="error-msg"></span>
</div>
</div>
<div class="col-12 col-lg-6">
<div class=" input-wraper">
<label for="msg-subject"> Assunto <span class="req">*</span></label>
<input class="text-input" id="assunto" name="assunto" type="text"><span class="b-border"></span><span class="error-msg"></span>
</div>
</div>
<div class="col-12 ">
<div class=" input-wraper">
<label for="msg-text"> mensagem<span class="req">*</span></label>
<textarea class=" text-input" id="mensagem" name="mensagem"></textarea><span class="b-border"></span><span class="error-msg"></span><span class="error-msg"></span>
</div>
</div>
<div class="col-12 submit-wraper">
<button class="ma-btn-primary" id="submit" type="submit" name="submit">Enviar</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>-->
</div>
</div>
</section>
<!-- End faq Section-->
<!-- Start page-footer Section-->
<footer class="page-footer dark-color-footer" id="page-footer">
<div class="copyrights ">
<div class="container">
<div class="row">
<div class="col-12 col-md-12">
<div class="social-icons">
<div class="sc-wraper dir-row sc-size-32 m-auto">
<ul class="sc-list">
<li class="sc-item "><a class="sc-link" href="https://www.facebook.com/espacofacialoficial" title="Facebook | espaço facial" target="_blank"><i class="sc-icon bi bi-facebook"></i></a></li>
<li class="sc-item "><a class="sc-link" href="https://www.youtube.com/@espacofacial9354" title="Youtube | Espaço Facial" target="_blank"><i class="sc-icon bi bi-youtube"></i></a></li>
<li class="sc-item "><a class="sc-link" href="https://www.instagram.com/espacofacial/" title="Instagram | Espaço Facial" target="_blank"><i class="sc-icon bi bi-instagram"></i></a></li>
<li class="sc-item "><a class="sc-link" href="https://www.linkedin.com/company/espa%C3%A7ofacialoficial/" title="Linkedin | Espaço Facial" target="_blank"><i class="sc-icon bi bi-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-12">
<p class="creadits m-auto">
Copyright <strong>Espaço facial</strong> 2022 - Todos os direitos Reservados<br />
Desenvolvido pela: <a class="link" href="https://andradesweb.com.br/" target="_blank"> <strong>Andrades Web</strong></a>
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- End page-footer Section-->
<!-- Start loading-screen Component-->
<!--CARROSEL TRATAMENTOS-->
<script src="js/splide.min.js" type="text/javascript"></script>
<script>
document.addEventListener( 'DOMContentLoaded', function() {
var splide = new Splide( '.splide.tratamentos-faciais', {
fixedHeight: '42em',
breakpoints: {
767: {
fixedHeight: '30em',
},
500: {
fixedHeight: '28em',
},
440: {
fixedHeight: '25em',
},
415: {
fixedHeight: '24em',
},
370: {
fixedHeight: '21em',
},
330: {
fixedHeight: '18em',
},
},
} );
splide.mount();
} );
</script>
<script>
document.addEventListener( 'DOMContentLoaded', function() {
var splide = new Splide( '.splide.tratamentos-corporais', {
fixedHeight: '42em',
breakpoints: {
767: {
fixedHeight: '30em',
},
500: {
fixedHeight: '28em',
},
440: {
fixedHeight: '25em',
},
415: {
fixedHeight: '24em',
},
370: {
fixedHeight: '21em',
},
330: {
fixedHeight: '18em',
},
},
} );
splide.mount();
} );
</script>
<!-- End loading-screen Component-->
<!-- Start back-to-top Component-->
<div class="back-to-top" id="back-to-top"><i class="bi bi-chevron-up"></i></div>
<!-- End back-to-top Component-->
<!-- JQuery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- bootstrap -->
<script src="js/bootstrap.bundle.min.js"></script>
<!-- fancybox -->
<script src="js/jquery.fancybox.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- wow -->
<script src="js/wow.min.js"></script>
<!-- swiper -->
<script src="js/swiper.min.js"></script>
<!-- Splitting -->
<script src="js/splitting.min.js"></script>
<!-- event.move -->
<script src="js/jquery.event.move.js"></script>
<!-- TwentyTwenty -->
<script src="js/jquery.twentytwenty.js"></script>
<!-- isotope -->
<script src="js/isotope-min.js"></script>
<!-- ajaxchimp -->
<script src="js/jquery.ajaxchimp.min.js"></script>
<!-- main -->
<script src="js/main.js"></script>
<script>
const text = [
"Explore,",
"Aprenda e",
"Transforme:",
"Conheça os Tratamentos Ideais para Você."
];
const typingElement = document.getElementById("typing");
let currentLine = 0;
let currentChar = 0;
function typeWriter() {
if (currentLine < text.length) {
const line = text[currentLine]; // Linha atual do texto
if (currentChar < line.length) {
typingElement.innerHTML += line[currentChar];
currentChar++;
setTimeout(typeWriter, 50); // Velocidade de digitação
} else {
// Adiciona quebra de linha e avança para a próxima linha
currentLine++;
currentChar = 0;
typingElement.innerHTML += "<br>";
setTimeout(typeWriter, 300); // Pausa entre linhas
}
}
}
typeWriter();
</script>
<script>
// Seleciona todos os links com a classe 'scroll-link'
const scrollLinks = document.querySelectorAll('.scroll-link');
scrollLinks.forEach(link => {
link.addEventListener('click', (event) => {
event.preventDefault(); // Evita o comportamento padrão
const targetId = link.getAttribute('href').slice(1); // Obtém o ID do alvo
const targetElement = document.getElementById(targetId);
// Rola suavemente até o elemento
window.scrollTo({
top: targetElement.offsetTop,
behavior: 'smooth'
});
});
});
</script>
</body></html>