-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (124 loc) · 7.97 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="responsive.css">
<title>PetLife</title>
<meta name="description" content="Garanta uma vida longa e cheia de alegria para seu melhor amigo"> <!--serve para o navegador de buscar ter a descrição da pagina-->
</head>
<body>
<header>
<a href="index.html">
<img src="img/logo-white.svg" alt="PetLife">
</a>
<nav>
<a href="#inicio">Início</a>
<a href="#clinica">Clínica</a>
<a href="#farmacia">Farmácia</a>
<a href="#duvidas">Dúvidas</a>
</nav>
</header>
<main>
<section id="inicio">
<img src="img/start-img.svg" alt="" width="580" height="580">
<div>
<h1>Garanta uma vida longa e cheia de alegria para o seu melhor amigo</h1>
<p class="paragrafo">A PetLife é o seu refúgio de confiança para o cuidado completo do seu pet. Com profissionais dedicados e serviços abrangentes, oferecemos uma experiência acolhedora e personalizada, garantindo o bem-estar, a saúde e a felicidade dos seus animais de estimação.</p>
<a class="botao" href="https://wa.me/5522987654321" target="_blank">Marque uma consulra</a>
<a class="botao-transparente" href="#clinica">Conheça nossa clínica</a>
</div>
<img class="absolute" src="./img/shape.svg" alt="">
</section>
<section id="clinica">
<div>
<h2>Cuidado Veterinário de Qualidade</h2>
<p class="paragrafo">Nossa clínica veterinária é o local onde a paixão pelos animais se une à excelência em cuidados veterinários. Sob a liderança da Dra. Vivien Reid, uma profissional altamente qualificada e comprometida, oferecemos serviços de saúde e bem-estar para animais de estimação de todas as espécies. Venha conhecer nossa clínica e desfrute da atenção personalizada e do carinho que seu pet merece.
</p>
<ul>
<li>Consultas de rotina e exames de saúde abrangentes.</li>
<li>Vacinação e imunização.</li>
<li>Cirurgias e procedimentos. veterinários.</li>
<li>Tratamento e controle de doenças.</li>
<li>Odontologia veterinária</li>
<li>Atendimento de emergência 24 horas.</li>
<li>Nutrição e aconselhamento alimentar personalizado.</li>
</ul>
</div>
<img src="img/clinic-img.svg" alt="" width="480" height="480" loading="lazy"> <!--loading=laizer serve para carregar a imagen mais lenta enquanto ela nao aparece assim a pag ira carregar + rapido-->
</section>
<section id="farmacia">
<h2>Venha conferir o nosso petshop e farmácia</h2>
<img src="./img/shop-img.svg" alt="" width="645" height="430" loading="lazy">
<p class="paragrafo">Além de ser uma clínica veterinária de confiança, também contamos com um completo petshop e farmácia. Nosso petshop oferece uma ampla seleção de produtos de alta qualidade, desde alimentos balanceados e petiscos deliciosos até brinquedos divertidos e acessórios elegantes para o seu pet. Na nossa farmácia, você encontrará uma variedade de medicamentos, produtos de cuidados e suplementos recomendados pelos nossos veterinários, garantindo que o bem-estar e a saúde do seu amado pet estejam sempre em boas mãos. Tudo o que você precisa para cuidar e mimar o seu pet está aqui, no nosso petshop e farmácia, com a mesma dedicação e qualidade que nos tornou referência na área veterinária.</p>
</section>
<section id="duvidas">
<img src="./img/faq-img.svg" alt="" width="540" height="540" loading="lazy">
<div>
<h2>Ficou algum dúvida?</h2>
<div class="duvida">
<h3>Quais serviços são oferecidos pela clínica veterinária da PetLife?</h3>
<img src="./img/arrow-down.svg" alt="">
<p class="paragrafo">A clínica da PetLife oferece uma ampla gama de serviços, incluindo consultas de rotina, vacinação, cirurgias, tratamento de doenças, cuidados odontológicos, atendimento de emergência 24 horas, programas de prevenção de pulgas, carrapatos e vermes, entre outros. Nosso objetivo é fornecer cuidados abrangentes e personalizados para garantir a saúde e o bem-estar do seu pet.</p>
</div>
<div class="duvida">
<h3>Quais espécies de animais a clínica veterinária atende?</h3>
<img src="./img/arrow-down.svg" alt="">
<p class="paragrafo">A clínica veterinária da PetLife atende animais de estimação de todas as espécies, incluindo cães, gatos,
pássaros, roedores e répteis. Nossos profissionais possuem conhecimento e experiência para cuidar de
diferentes tipos de animais, oferecendo um atendimento especializado e dedicado a cada um deles.
</p></p>
</div>
<div class="duvida">
<h3>A clínica da PetLife possui serviços de emergência?</h3>
<img src="./img/arrow-down.svg" alt="">
<p class="paragrafo">Sim, a clínica veterinária da PetLife oferece serviços de emergência 24 horas. Se o seu animal de estimação
precisar de atendimento veterinário imediato fora do horário de expediente, nossa equipe está pronta para
ajudar, fornecendo cuidados urgentes e tratamento adequado para garantir o bem-estar do seu pet.
</p>
</div>
<div class="duvida">
<h3>A clínica oferece serviços de banho e tosa?</h3>
<img src="./img/arrow-down.svg" alt="">
<p class="paragrafo">
Sim, a clínica veterinária da PetLife oferece serviços profissionais de banho e tosa. Nossa equipe de
profissionais experientes garante que seu pet receba cuidados adequados, usando produtos de alta qualidade e
técnicas seguras. O banho e tosa ajudam a manter a higiene, a saúde da pele e pelagem do seu pet, além de
proporcionar uma experiência relaxante e agradável para eles.
</p>
</div>
</div>
</section>
</main>
<footer>
<div>
<img src="./img/logo.svg" alt="PetLife">
<p>Cuidando com amor, vivendo com alegria: PetLife, onde a vida dos pets é mais feliz!</p>
</div>
<div>
<strong class="titulo">Links rápidos</strong>
<nav>
<a href="#inicio">Início</a>
<a href="#clinica">Clínica</a>
<a href="#farmacia">Farmácia</a>
<a href="#duvidas">Dúvidas</a>
</nav>
</div>
<div>
<strong class="titulo">Encontre-nos</strong>
<p>WhatsApp:<a href="https://wa.me/5522987654321" target="_blank">(22) 98765-4321</a></p>
<p>Email:<a href="mailto:contato@petlife.com.br" target="_blank">contato@petlife.com.br</a></p> <!--mailto serve para criar o link direto para abrir o email-->
<p>Endereço: Av. 7 de Setembro, nº 42, Centro</p>
</div>
</footer>
<div id="copyright">
<p>Developed by </ion-icon><a href="https://github.com/brunotxrs" target="_blank"
>Bruno Teixeira</a></p>
</div>
<script src="index.js"></script>
</body>
</html>