-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpg-sobre.html
138 lines (132 loc) · 4.83 KB
/
pg-sobre.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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Site da uma Clínica | Sobre a Clínica</title>
<link rel="stylesheet" href="/assets/css/base.css" />
<link rel="stylesheet" href="assets/css/sobre.css" />
</head>
<body>
<nav class="menu">
<!-- Aqui vai o seu menu -->
<ul class="nav-list">
<li class="nav-item logo">
<img src="./assets/img/main-logo.png" alt="logo image" />
</li>
<li class="nav-item"><a href="index.html">Página Principal</a></li>
<li class="nav-item"><a href="pg-sobre.html">Sobre a clínica</a></li>
<li class="nav-item">
<a href="pg-horario.html">Nossos Horários</a>
</li>
<li class="nav-item"><a href="pg-contato.html">Contato</a></li>
<!-- extensão do navbar -->
<li class="nav-item extra">
<a href="https://youtu.be/BzbLD3K8au0" target="_blank"
>Podcast Indicado</a
>
</li>
<li class="nav-item">
<a
href="https://br.pinterest.com/a_bertotti/animais-fofos/"
target="_blank"
>Melhor Foto</a
>
</li>
<li class="nav-item">
<a href="https://youtu.be/Z6Ny6ebUm6s" target="_blank"
>Melhor Vídeo</a
>
</li>
<li class="nav-item">
<a href="https://www.instagram.com/aspaitu/" target="_blank"
>ONG Indicada</a
>
</li>
<li class="nav-img">
<img src="/assets/img/img-cat-nav.png" alt="foto de um gatinho" />
</li>
</ul>
</nav>
<div class="wrapper">
<header>
<h1 class="header-title">Clínica Vet</h1>
<img
class="header-img"
src="./assets/img/img-header-sobre.jpg"
alt="Imagem de topo de página sobre"
/>
</header>
<main class="content">
<article>
<h1>Sobre A Clínica</h1>
<h2>Nossa Estrutura</h2>
<p>
Nossa clínica tem uma equipe ampla de profissionais de diversas
especialidades, tudo para o bem estar do seu pet, seja na recreação,
adestramento ou descanso. Prezamos por diagnósticos e exames
precisos, além de oferecermos reabilitação e ressocialização, por
entendermos que todo animal precisa de uma segunda chance e muito
amor.
</p>
<img src="./assets/img/img-sobre.jpg" alt="Cachorro feliz" />
<p>
Estamos abertos a visitação e você pode optar pelo transporte de
animais da clínica ou pode vir pessoalmente trazer o seu pet.
</p>
<img src="./assets/img/img-sobre-02.jpg" alt="Cachorro brincando com ursinho de pelúcia" width="400px" />
<p>
Para mais informações, entre em
<a href="./pg-contato.html">contato</a>. Aceitamos críticas e
sugestões.
</p>
<!-- Aqui vai o seu conteúdo -->
</article>
</main>
<footer class="page-footer">
<div class="footer-content">
<div class="footer-menu">
<ul class="f-menu">
<h4>Clínica Vet</h4>
<li><a href="tel:+551923132313">Telefone: (19) 2313-2313</a></li>
<li>
<a href="https://web.whatsapp.com/send?phone=551923132313"
>WhatsApp</a
>
</li>
<li>
<img
src="https://img.icons8.com/external-nawicon-glyph-nawicon/64/FFFFFF/external-phone-call-communication-nawicon-glyph-nawicon-2.png"
/>
</li>
</ul>
</div>
<div class="footer-menu">
<ul class="f-menu">
<h5>Localização</h5>
<li>Av. João Ambiel - Jardim Cidade Jardim, Indaiatuba - SP</li>
<li></li>
<li>
<a href="https://goo.gl/maps/bBoGBY3BJfSm5JKV7">Como Chegar</a>
</li>
<li>
<img
src="https://img.icons8.com/material/48/FFFFFF/marker--v1.png"
/>
</li>
</ul>
</div>
</div>
<div class="footer-end">
<p class="copyright">
Copyright © 2022
<a href="https://www.dio.me" target="_blank">Dio.me</a> - Desafio
Trilha HTML | por
<a href="https://github.com/PrimYA" target="_blank">PrimYA</a>.
</p>
</div>
</footer>
</div>
</body>
</html>