riseup-squad19/HealthOneProject/startage-page.html
2025-09-15 02:15:44 -03:00

1066 lines
47 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Início - Modelo Medicio</title>
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Favoritos -->
<link href="assets/img/Logo do HealthOne.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fontes -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Arquivos CSS do fornecedor -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Arquivo CSS principal -->
<link href="assets/css/main.css" rel="stylesheet">
<!-- =======================================================
* Nome do modelo: HealthOne
* URL do modelo: https://bootstrapmade.com/medicio-free-bootstrap-theme/
* Atualizado: 07 de agosto de 2024 com Bootstrap v5.3.3
* Autor: BootstrapMade.com
* Licença: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body class="index-page">
<header id="header" class="header sticky-top">
<div class="topbar d-flex align-items-center">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="d-none d-md-flex align-items-center">
<i class="bi bi-clock me-1"></i> Segunda - Sábado, 8h às 22h
</div>
<div class="d-flex align-items-center">
<i class="bi bi-phone me-1"></i> Ligue agora (número da empresa)
</div>
</div>
</div><!-- End Top Bar -->
<div class="branding d-flex align-items-center">
<div class="container position-relative d-flex align-items-center justify-content-end">
<a href="index.html" class="logo d-flex align-items-center me-auto">
<img src="assets/img/Logo do HealthOne.png" alt="">
<!-- Remova o comentário da linha abaixo se também desejar usar um logotipo de texto -->
<!--<h1 class="nome do site">HealthOne</h1 -->
</a>
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="#hero" class="active">Início</a></li>
<li><a href="#about">Sobre</a></li>
<li><a href="#services">Serviços</a></li>
<li><a href="starter-page.html">Departamentos</a></li>
<li><a href="#doctors">Médicos</a></li>
<li class="dropdown"><a href="#"><span>Contatos</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
<ul>
<li><a href="#">Menu 1</a></li>
<li class="dropdown"><a href="#"><span>Submenu</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
<li><a href="#">Submenu 5</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
</ul>
</li>
<li><a href="#contact">Contato</a></li>
</ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
<a class="cta-btn" href="index.html#appointment">Marcar Consulta</a>
</div>
</div>
</header>
<main class="main">
<!-- Hero Section mensagem principal -->
<section id="hero" class="hero section">
<div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">
<div class="carousel-item active">
<img src="assets/img/hero-carousel/hero-carousel-1.jpg" alt="">
<div class="container">
<h2>Bem-vindo ao HealthOne</h2>
<p>HealthOne o melhor sistema de gerenciamento de dados e consultas. Nós cuidamos da sua saúde com dedicação e profissionalismo.</p>
<a href="#about" class="btn-get-started">Saiba Mais</a>
</div>
</div><!-- End Carousel Item Fim do item -->
<a class="carousel-control-prev" href="#hero-carousel" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#hero-carousel" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
</a>
<ol class="carousel-indicators"></ol>
</div>
</section><!-- /Hero Section Fim do item -->
<!-- Featured Serviços Section -->
<section id="featured-services" class="featured-services section">
<div class="container">
<div class="row gy-4">
</div>
</div>
</section><!-- /Featured Serviços Section -->
<!-- Call To Action Section Seção de apelo à ação -->
<section id="call-to-action" class="call-to-action section accent-background">
<div class="container">
<div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100">
<div class="col-xl-10">
<div class="text-center">
<h3>Quer fazer uma consulta? Ou pensa em fazer algum exame?</h3>
<p>Agende agora sua consulta e exames com praticidade e segurança no HealthOne sua saúde em primeiro lugar!</p>
<a class="cta-btn" href="#appointment">Agendar Consulta</a>
</div>
</div>
</div>
</div>
</section><!-- /Call To Action Section -->
<!-- Sobre Section -->
<section id="about" class="about section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Sobre nós<br></h2>
<p>Uma empresa de 8 pessoas que apenas 4 trabalham ! Show de bola !</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-6 position-relative align-self-start" data-aos="fade-up" data-aos-delay="100">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
<a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox pulsating-play-btn"></a>
</div>
<div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="200">
<h3>Proporcionam os prazeres mais dignos, como se os prazeres do corpo fossem assumidos.(q prazer são esses, site?)</h3>
<p class="fst-italic">
É importante cuidar do paciente, o paciente vai ser acompanhado pelo paciente, mas vai acontecer ao mesmo tempo que o trabalho de parto e a dor
algumas coisas ótimas
</p>
<ul>
<li><i class="bi bi-check2-all"></i> <span>Eu não trabalho, exceto para tirar alguma vantagem disso. (a tradução diz isso mas Marcelo Trabalha sim, ele que traduziu a porra toda)</span></li>
<li><i class="bi bi-check2-all"></i> <span>Dúvida ou irrita a dor nas repreensões no prazer que deseja.</span></li>
<li><i class="bi bi-check2-all"></i> <span>Eu não trabalho, exceto para tirar alguma vantagem disso. Duis austero irrure dor em repreensão em prazer tridetas storacalaperda mastir dor eu fu una brevet.(tradução se perdeu)</span></li>
</ul>
<p>
Eu não trabalho, exceto para tirar alguma vantagem disso. Dúvidas ou dor ao repreender com prazer
Ele quer ser um fio de cabelo, deixe-o fugir da dor e ninguém dará à luz. A menos que estejam cegos pela luxúria, eles não sairão
</p>
</div>
</div>
</div>
</section><!-- /Sobre Section -->
<!-- Features Section -->
<section id="features" class="features section">
<div class="container">
<div class="row justify-content-around gy-4">
<div class="features-image col-lg-6" data-aos="fade-up" data-aos-delay="100"><img src="assets/img/features.jpg" alt=""></div>
<div class="col-lg-5 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
<h3>Pois quem está em busca de prazeres deve evitar algo</h3>
<p>Para ser um prazer ou um exercício. Cobramos aqui rejeitá-lo. Não exatamente, mas os menores momentos de elogio. Eles estão livres do prazer, mas sofrerão dores corporais</p>
<div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="300">
<i class="fa-solid fa-hand-holding-medical flex-shrink-0"></i>
<div>
<h4><a href="" class="stretched-link">Muito obrigado</a></h4>
<p>Os prazeres dos mimados e corrompidos não prevêem as dores e problemas que estão prestes a experimentar, cegos pela luxúria</p>
</div>
</div><!-- End Icon Box -->
<div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="400">
<i class="fa-solid fa-suitcase-medical flex-shrink-0"></i>
<div>
<h4><a href="" class="stretched-link">Ninguém</a></h4>
<p>Mas, na verdade, ambos acusamos aqueles que são dignos de ódio justo, que são abrandados pela lisonja dos prazeres presentes</p>
</div>
</div><!-- End Icon Box -->
<div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="500">
<i class="fa-solid fa-staff-snake flex-shrink-0"></i>
<div>
<h4><a href="" class="stretched-link">Seu bloco</a></h4>
<p>(Bloco A da UNIT) Explicarei que os prazeres mais severos têm um grande efeito. E ele odeia a verdade. Eles deixam menos ou escolhem tudo</p>
</div>
</div><!-- End Icon Box -->
<div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="600">
<i class="fa-solid fa-lungs flex-shrink-0"></i>
<div>
<h4><a href="" class="stretched-link">Tride cravo</a></h4>
<p>É um prazer ser suavizado pelo trabalho de quem é escolhido e Ele muitas vezes odeia ficar sem dor. E para escolher</p>
</div>
</div><!-- End Icon Box -->
</div>
</div>
</div>
</section><!-- /Features Section -->
<!-- Serviços Section -->
<section id="services" class="services section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Serviços</h2>
<p>Suas necessidades resultam de algo do qual ele deseja escapar</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="service-item position-relative">
<div class="icon">
<i class="fas fa-heartbeat"></i>
</div>
<a href="#" class="stretched-link">
<h3>Eles não conhecem Mete</h3>
</a>
<p>Eles não fornecem nada menos para aqueles que têm sucesso, nem para todos os mais velhos. Aqueles que os acusam sofrerão menos dores no tempo e no resultado certos.</p>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="service-item position-relative">
<div class="icon">
<i class="fas fa-pills"></i>
</div>
<a href="#" class="stretched-link">
<h3>Eosle Cômodo (não faço ideia do que é)</h3>
</a>
<p>Como, no entanto, ou não a. Que seja fácil, pois eles são justos. Ele não está aqui para que não conheçam a dor da criança corrompida.</p>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="service-item position-relative">
<div class="icon">
<i class="fas fa-hospital-user"></i>
</div>
<a href="#" class="stretched-link">
<h3>Mercado Ledo</h3>
</a>
<p>Para receber prazer, a menos que seja. O resultado será um certo vôo. Ou menos. Ou aqueles que obtêm esse prazer, aqueles que são corrompidos por eles.</p>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
<div class="service-item position-relative">
<div class="icon">
<i class="fas fa-dna"></i>
</div>
<a href="#" class="stretched-link">
<h3>Favorece o mais áspero</h3>
</a>
<p>Nem sempre, mas o sofrimento é o resultado. Mas o erro é que eles não tomam cuidado para conseguir aquele voo.</p>
<a href="#" class="stretched-link"></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
<div class="service-item position-relative">
<div class="icon">
<i class="fas fa-wheelchair"></i>
</div>
<a href="#" class="stretched-link">
<h3>Ele quer dor (QUEM?)</h3>
</a>
<p>E ele frequentemente recebe isso. Mas é fácil para o maior ser do corpo ou do próprio corpo. Mas sua mente e seu trabalho de outras maneiras.</p>
<a href="#" class="stretched-link"></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
<div class="service-item position-relative">
<div class="icon">
<i class="fas fa-notes-medical"></i>
</div>
<a href="#" class="stretched-link">
<h3>O arquiteto da dor</h3>
</a>
<p>Aqui estão alguns desses problemas. Pois deixe-o fugir da dor ou não, e você deve fazê-lo com razão. Pois levamos os corruptos a recusar.</p>
<a href="#" class="stretched-link"></a>
</div>
</div><!-- End Service Item -->
</div>
</div>
</section><!-- /Serviços Section -->
<!-- Appointment Section -->
<section id="appointment" class="appointment section light-background">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>AGENDAR CONSULTA</h2>
<p>Suas necessidades resultam de algo do qual ele deseja escapar</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<form action="forms/appointment.php" method="post" role="form" class="php-email-form">
<div class="row">
<div class="col-md-4 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Seu Nome" required="">
</div>
<div class="col-md-4 form-group mt-3 mt-md-0">
<input type="email" class="form-control" name="email" id="email" placeholder="Seu Email" required="">
</div>
<div class="col-md-4 form-group mt-3 mt-md-0">
<input type="tel" class="form-control" name="phone" id="phone" placeholder="Seu Telefone" required="">
</div>
</div>
<div class="row">
<div class="col-md-4 form-group mt-3">
<input type="datetime-local" name="date" class="form-control datepicker" id="date" placeholder="Data da Consulta" required="">
</div>
<div class="col-md-4 form-group mt-3">
<select name="department" id="department" class="form-select" required="">
<option value="">Selecione o Departamento</option>
<option value="Departamento 1">Departamento 1</option>
<option value="Departamento 2">Departamento 2</option>
<option value="Departamento 3">Departamento 3</option>
</select>
</div>
<div class="col-md-4 form-group mt-3">
<select name="doctor" id="doctor" class="form-select" required="">
<option value="">Selecione o Médico</option>
<option value="Médico 1">Médico 1</option>
<option value="Médico 2">Médico 2</option>
<option value="Médico 3">Médico 3</option>
</select>
</div>
</div>
<div class="form-group mt-3">
<textarea class="form-control" name="message" rows="5" placeholder="Mensagem (Opcional)"></textarea>
</div>
<div class="mt-3">
<div class="loading">Carregando</div>
<div class="error-message"></div>
<div class="sent-message">Seu pedido de consulta foi enviado com sucesso. Obrigado!</div>
<div class="text-center"><button type="submit">Agendar Consulta</button></div>
</div>
</form>
</div>
</section><!-- /Appointment Section -->
<!-- Tabs Section -->
<section id="tabs" class="tabs section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Departamentos</h2>
<p>Suas necessidades resultam de alguma fuga, aliás, ele é perseguido por apartamentos ao ar livre</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row">
<div class="col-lg-3">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-bs-toggle="tab" href="#tabs-tab-1">Cardiologia</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#tabs-tab-2">Neurologia</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#tabs-tab-3">Hepatologia</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#tabs-tab-4">Pediatria</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#tabs-tab-5">Oftalmologistas</a>
</li>
</ul>
</div>
<div class="col-lg-9 mt-4 mt-lg-0">
<div class="tab-content">
<div class="tab-pane active show" id="tabs-tab-1">
<div class="row">
<div class="col-lg-8 details order-2 order-lg-1">
<h3>Cardiologia</h3>
<p class="fst-italic">Aquele que obtém os resultados louváveis de seu trabalho é aquele que ao sábio dila parde rangar raqer a videna mareta paulona marka</p>
<p>E para nós seus ancestrais. Para prazeres, assim como para lisonjas e estes. Ela odeia essas mesmas tarefas. Eles ocorrem aqui como problemas ou quem. Repele a menor coisa dele, e quem não é nada grande. Que ele busque o sofrimento daqueles que nos acusam de coisas semelhantes</p>
</div>
<div class="col-lg-4 text-center order-1 order-lg-2">
<img src="assets/img/departments-1.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="tab-pane" id="tabs-tab-2">
<div class="row">
<div class="col-lg-8 details order-2 order-lg-1">
<h3>Neurologia</h3>
<p class="fst-italic">Aquele que obtém os resultados louváveis de seu trabalho é aquele que ao sábio dila parde rangar raqer a videna mareta paulona marka</p>
<p>Ela alcançará o próprio prazer de quem ela é. Este erro ocorre porque eles devem ser rejeitados. Nós, portanto, o acusamos de não querer que algo seja repelido, e ele quer os próprios prazeres. Eles não conhecem a opção e nós os acusamos de serem abençoados</p>
</div>
<div class="col-lg-4 text-center order-1 order-lg-2">
<img src="assets/img/departments-2.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="tab-pane" id="tabs-tab-3">
<div class="row">
<div class="col-lg-8 details order-2 order-lg-1">
<h3>Hepatologia</h3>
<p class="fst-italic">Prazeres dos quais odeio pessoas como ele, pois isso não é fuga. Aqueles que não nascem são chamados de dor e. Na situação mais difícil, ele quer tentar suportar ou</p>
<p>Ele odeia os direitos das coisas. É culpa da verdade corrupta que alguém o siga. Nem as necessidades das coisas o tornaram assim. Fico satisfeito com o menor incômodo, mas trabalhoso com esse ódio. Ele os odeia, eles não sabem como fugir. A graça e o prazer dessas opções</p>
</div>
<div class="col-lg-4 text-center order-1 order-lg-2">
<img src="assets/img/departments-3.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="tab-pane" id="tabs-tab-4">
<div class="row">
<div class="col-lg-8 details order-2 order-lg-1">
<h3>Pediatria</h3>
<p class="fst-italic">Cobramos toda a abertura. Ele repele a consequência do prazer correto e escolhe corretamente quem é escolhido</p>
<p>E esses resultados são resultados do expediente gratuito no prazer. Quem quiser fugir das próprias necessidades e dívidas. É o resultado da maior parte dos erros do corpo e. Escolherei os mais duros, mas aqueles que revelam a verdade porque são os inventores das adversidades</p>
</div>
<div class="col-lg-4 text-center order-1 order-lg-2">
<img src="assets/img/departments-4.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
<div class="tab-pane" id="tabs-tab-5">
<div class="row">
<div class="col-lg-8 details order-2 order-lg-1">
<h3>Oftalmologistas</h3>
<p class="fst-italic">Mas muitas vezes elogio aqueles que estão endividados, porque</p>
<p>Todos os nossos treinamentos. Para rejeitar menos a rejeição. Todas as recusas de não fazer como fazer o que é quem. Porque ele realmente o odeia e ama algumas pessoas. Mas ou eles estão cegos pelos prazeres da vida ou pelos problemas da vida</p>
</div>
<div class="col-lg-4 text-center order-1 order-lg-2">
<img src="assets/img/departments-5.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- /Tabs Section -->
<!-- Depoimentos Section -->
<section id="testimonials" class="testimonials section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Depoimentos</h2>
<p>Suas necessidades resultam de algo do qual ele deseja escapar</p>
</div><!-- End Section Title -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="swiper init-swiper" data-speed="600" data-delay="5000" data-breakpoints="{ &quot;320&quot;: { &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 40 }, &quot;1200&quot;: { &quot;slidesPerView&quot;: 3, &quot;spaceBetween&quot;: 40 } }">
<script type="application/json" class="swiper-config">
{
"loop": true,
"speed": 600,
"autoplay": {
"delay": 5000
},
"slidesPerView": "auto",
"pagination": {
"el": ".swiper-pagination",
"type": "bullets",
"clickable": true
},
"breakpoints": {
"320": {
"slidesPerView": 1,
"spaceBetween": 40
},
"1200": {
"slidesPerView": 3,
"spaceBetween": 20
}
}
}
</script>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item" "="">
<p>
<i class=" bi bi-quote quote-icon-left"></i>
<span>Para o grupo-alvo, vale a pena cuidar do resultado até que a companhia aérea assuma o controle. Os acusadores, no entanto, precisam disso e de alguma disciplina. Algum desmaio, mas sempre um sorriso.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>CEO &amp; Fundador</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>Tempo de exportação, porém, eu era a favor dos males dos males com os quais ia me irritar.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>Pois se eu não exportasse de sua casa um fio de cabelo, que é ótimo, nenhum dos quais eu levaria para sua casa por um tempinho, eu seria meu lar.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Proprietária de Loja</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>Pois eu estava fugindo da dor da dor, não há culpa da exportação de muitos.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bi bi-quote quote-icon-left"></i>
<span>Quem são alguns deles que vou ler, errei, vou perdoar, nosso tempo será perdoado, não há culpa, deixe-o escapar por um fio.</span>
<i class="bi bi-quote quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Empreendedor</h4>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- /Depoimentos Section -->
<!-- Médicos Section -->
<section id="doctors" class="doctors section light-background">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Médicos</h2>
<p>Suas necessidades resultam de algo do qual ele deseja escapar</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-4">
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="team-member">
<div class="member-img">
<img src="assets/img/doctors/doctors-1.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter-x"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Walter White</h4>
<span>Chief Medical Officer</span>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="team-member">
<div class="member-img">
<img src="assets/img/doctors/doctors-2.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter-x"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Sarah Jhonson</h4>
<span>Anesthesiologist</span>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="team-member">
<div class="member-img">
<img src="assets/img/doctors/doctors-3.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter-x"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>William Anderson</h4>
<span>Cardiology</span>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
<div class="team-member">
<div class="member-img">
<img src="assets/img/doctors/doctors-4.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter-x"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Amanda Jepson</h4>
<span>Neurosurgeon</span>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div>
</section><!-- /Médicos Section -->
<!-- Preços Section -->
<section id="pricing" class="pricing section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Preços</h2>
<p>Suas necessidades resultam de algo do qual ele deseja escapar</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row gy-3">
<div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="pricing-item">
<h3>Grátis</h3>
<h4><sup>$</sup>0<span> / mês</span></h4>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li class="na">Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<div class="btn-wrap">
<a href="#" class="btn-buy">Comprar Agora</a>
</div>
</div>
</div><!-- End Preços Item -->
<div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div class="pricing-item featured">
<h3>Empresarial</h3>
<h4><sup>$</sup>19<span> / mês</span></h4>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li class="na">Massa ultricies mi</li>
</ul>
<div class="btn-wrap">
<a href="#" class="btn-buy">Comprar Agora</a>
</div>
</div>
</div><!-- End Preços Item -->
<div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="400">
<div class="pricing-item">
<h3>Desenvolvedor</h3>
<h4><sup>$</sup>29<span> / mês</span></h4>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<div class="btn-wrap">
<a href="#" class="btn-buy">Comprar Agora</a>
</div>
</div>
</div><!-- End Preços Item -->
<div class="col-xl-3 col-lg-6" data-aos="fade-up" data-aos-delay="400">
<div class="pricing-item">
<span class="advanced">Avançado</span>
<h3>Ultimate</h3>
<h4><sup>$</sup>49<span> / mês</span></h4>
<ul>
<li>Aida dere</li>
<li>Nec feugiat nisl</li>
<li>Nulla at volutpat dola</li>
<li>Pharetra massa</li>
<li>Massa ultricies mi</li>
</ul>
<div class="btn-wrap">
<a href="#" class="btn-buy">Comprar Agora</a>
</div>
</div>
</div><!-- End Preços Item -->
</div>
</div>
</section><!-- /Preços Section -->
<!-- Faq Section -->
<section id="faq" class="faq section light-background">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Perguntas Frequentes</h2>
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
</div><!-- End Section Title -->
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10" data-aos="fade-up" data-aos-delay="100">
<div class="faq-container">
<div class="faq-item">
<h3>Non consectetur a erat nam at lectus urna duis?</h3>
<div class="faq-content">
<p>Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Feugiat scelerisque varius morbi enim nunc faucibus?</h3>
<div class="faq-content">
<p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Dolor sit amet consectetur adipiscing elit pellentesque?</h3>
<div class="faq-content">
<p>Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?</h3>
<div class="faq-content">
<p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Tempus quam pellentesque nec nam aliquam sem et tortor?</h3>
<div class="faq-content">
<p>Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
<div class="faq-item">
<h3>Perspiciatis quod quo quos nulla quo illum ullam?</h3>
<div class="faq-content">
<p>Enim ea facilis quaerat voluptas quidem et dolorem. Quis et consequatur non sed in suscipit sequi. Distinctio ipsam dolore et.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div><!-- End Faq item-->
</div>
</div><!-- End Faq Column-->
</div>
</div>
</section><!-- /Faq Section -->
<!-- Contato Section -->
<section id="contact" class="contact section">
<!-- Section Title -->
<div class="container section-title" data-aos="fade-up">
<h2>Contato</h2>
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
</div><!-- End Section Title -->
<div class="mb-5" data-aos="fade-up" data-aos-delay="200">
<iframe style="border:0; width: 100%; height: 370px;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d48389.78314118045!2d-74.006138!3d40.710059!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a22a3bda30d%3A0xb89d1fe6bc499443!2sDowntown%20Conference%20Center!5e0!3m2!1sen!2sus!4v1676961268712!5m2!1sen!2sus" frameborder="0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div><!-- End Google Maps -->
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4">
<div class="col-lg-6 ">
<div class="row gy-4">
<div class="col-lg-12">
<div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="200">
<i class="bi bi-geo-alt"></i>
<h3>Endereço</h3>
<p>A108 Adam Street, New York, NY 535022</p>
</div>
</div><!-- End Info Item -->
<div class="col-md-6">
<div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="300">
<i class="bi bi-telephone"></i>
<h3>Ligue</h3>
<p>+1 5589 55488 55</p>
</div>
</div><!-- End Info Item -->
<div class="col-md-6">
<div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="400">
<i class="bi bi-envelope"></i>
<h3>Envie um Email</h3>
<p>info@example.com</p>
</div>
</div><!-- End Info Item -->
</div>
</div>
<div class="col-lg-6">
<form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="500">
<div class="row gy-4">
<div class="col-md-6">
<input type="text" name="name" class="form-control" placeholder="Seu Nome" required="">
</div>
<div class="col-md-6 ">
<input type="email" class="form-control" name="email" placeholder="Seu Email" required="">
</div>
<div class="col-md-12">
<input type="text" class="form-control" name="subject" placeholder="Assunto" required="">
</div>
<div class="col-md-12">
<textarea class="form-control" name="message" rows="4" placeholder="Mensagem" required=""></textarea>
</div>
<div class="col-md-12 text-center">
<div class="loading">Carregando</div>
<div class="error-message"></div>
<div class="sent-message">Sua mensagem foi enviada. Obrigado!</div>
<button type="submit">Enviar Mensagem</button>
</div>
</div>
</form>
</div><!-- End Contato Form -->
</div>
</div>
</section><!-- /Contato Section -->
</main>
<footer id="footer" class="footer light-background">
<div class="container footer-top">
<div class="row gy-4">
<div class="col-lg-4 col-md-6 footer-about">
<a href="index.html" class="logo d-flex align-items-center">
<span class="sitename">Medicio</span>
</a>
<div class="footer-contact pt-3">
<p>A108 Adam Street</p>
<p>New York, NY 535022</p>
<p class="mt-3"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
<p><strong>Email:</strong> <span>info@example.com</span></p>
</div>
<div class="social-links d-flex mt-4">
<a href=""><i class="bi bi-twitter-x"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Links Úteis</h4>
<ul>
<li><a href="#">Início</a></li>
<li><a href="#">Sobre nós</a></li>
<li><a href="#">Serviços</a></li>
<li><a href="#">Termos de serviço</a></li>
<li><a href="#">Política de privacidade</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Nossos Serviços</h4>
<ul>
<li><a href="#">Design Web</a></li>
<li><a href="#">Desenvolvimento Web</a></li>
<li><a href="#">Gestão de Produto</a></li>
<li><a href="#">Marketing</a></li>
<li><a href="#">Design Gráfico</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Hic solutasetp</h4>
<ul>
<li><a href="#">Molestiae accusamus iure</a></li>
<li><a href="#">Excepturi dignissimos</a></li>
<li><a href="#">Suscipit distinctio</a></li>
<li><a href="#">Dilecta</a></li>
<li><a href="#">Sit quas consectetur</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-3 footer-links">
<h4>Nobis illum</h4>
<ul>
<li><a href="#">Ipsam</a></li>
<li><a href="#">Laudantium dolorum</a></li>
<li><a href="#">Dinera</a></li>
<li><a href="#">Trodelas</a></li>
<li><a href="#">Flexo</a></li>
</ul>
</div>
</div>
</div>
<div class="container copyright text-center mt-4">
<p>© <span>Copyright</span> <strong class="px-1 sitename">Medicio</strong> <span>Todos os Direitos Reservados</span></p>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you've purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
Desenvolvido por <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer>
<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Preloader -->
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>