-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclinica.html
186 lines (184 loc) · 7.32 KB
/
clinica.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html>
<head>
<link href="css/reset.css" rel="stylesheet" />
<link href="css/common.css" rel="stylesheet" />
<link href="css/clinica.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="js/common.js" rel="script"></script>
<link
href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Poiret+One&display=swap"
rel="stylesheet"
/>
<meta charset="utf-8" />
<title>Dental Care - A Clinica</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<header>
<nav class="nav">
<a class="logo" href="index.html">
<span class="logo-img">Dental Care</span>
</a>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"
><span class="navicon"></span
></label>
<ul class="menu">
<li><a class="nav-link menu-border" href="index.html">Home</a></li>
<li><a class="nav-link menu-border" href="clinica.html">A Clínica</a></li>
<li><a class="nav-link" href="contato.html">Contato</a></li>
</ul>
</nav>
</header>
<main class="main">
<div class="container">
<h1 class="clinica-titulo">Conheça melhor a nossa clinica</h1>
<p class="clinica-subtitulo">
Confira tudo que oferecemos para ajudar a melhorar cada vez mais a
saúde de sua boca!
</p>
<div class="clinica-descricao">
<div class="expertise">
<h2 class="expertise-titulo">Nosso Expertise</h2>
<p class="expertise-descricao">
Mussum Ipsum, cacilds vidis litro abertis. Si num tem leite então
bota uma pinga aí cumpadi! Tá deprimidis, eu conheço uma cachacis
que pode alegrar sua vidis. A ordem dos tratores não altera o pão
duris. Paisis, filhis, espiritis santis. Mussum Ipsum, cacilds
vidis litro abertis. Si num tem leite então bota uma pinga aí
cumpadi! Tá deprimidis, eu conheço uma cachacis que pode alegrar
sua vidis. A ordem dos tratores não altera o pão duris. Paisis,
filhis, espiritis santis.
</p>
</div>
<div class="trabalhos-sociais">
<h2 class="trabalhos-titulo">Trabalhos Sociais</h2>
<p class="trabalhos-descricao">
Mussum Ipsum, cacilds vidis litro abertis. Si num tem leite então
bota uma pinga aí cumpadi! Tá deprimidis, eu conheço uma cachacis
que pode alegrar sua vidis. A ordem dos tratores não altera o pão
duris. Paisis, filhis, espiritis santis. Mussum Ipsum, cacilds
vidis litro abertis. Si num tem leite então bota uma pinga aí
cumpadi! Tá deprimidis, eu conheço uma cachacis que pode alegrar
sua vidis. A ordem dos tratores não altera o pão duris. Paisis,
filhis, espiritis santis.
</p>
</div>
</div>
<div class="tratamentos anime">
<div class="trat-card">
<img
class="trat-icon"
src="img/implant.png"
alt="icone de implante dentario"
/>
<h3 class="trat-titulo">Tratamento 1</h3>
<p class="trat-descricao">
Mussum Ipsum, cacilds vidis litro abertis. Si num tem leite então
bota uma pinga aí cumpadi! Tá deprimidis, eu conheço uma cachacis
que pode alegrar sua vidis.
</p>
</div>
<div class="trat-card">
<img
class="trat-icon"
src="img/conversation.png"
alt="icone de um dente em um balao de conversa"
/>
<h3 class="trat-titulo">Tratamento 2</h3>
<p class="trat-descricao">
Mussum Ipsum, cacilds vidis litro abertis. Si num tem leite então
bota uma pinga aí cumpadi! Tá deprimidis, eu conheço uma cachacis
que pode alegrar sua vidis.
</p>
</div>
<div class="trat-card">
<img
class="trat-icon"
src="img/heart-rate.png"
alt="icone com um dente e uma frequencia cardíaca"
/>
<h3 class="trat-titulo">Tratamento 3</h3>
<p class="trat-descricao">
Mussum Ipsum, cacilds vidis litro abertis. Si num tem leite então
bota uma pinga aí cumpadi! Tá deprimidis, eu conheço uma cachacis
que pode alegrar sua vidis.
</p>
</div>
<div class="trat-card">
<img
class="trat-icon"
src="img/teeth.png"
alt="icone com aparelho dentario"
/>
<h3 class="trat-titulo">Tratamento 4</h3>
<p class="trat-descricao">
Mussum Ipsum, cacilds vidis litro abertis. Si num tem leite então
bota uma pinga aí cumpadi! Tá deprimidis, eu conheço uma cachacis
que pode alegrar sua vidis.
</p>
</div>
<div class="trat-card">
<img
class="trat-icon"
src="img/tooth.png"
alt="icone com dente"
/>
<h3 class="trat-titulo">Tratamento 5</h3>
<p class="trat-descricao">
Mussum Ipsum, cacilds vidis litro abertis. Si num tem leite então
bota uma pinga aí cumpadi! Tá deprimidis, eu conheço uma cachacis
que pode alegrar sua vidis.
</p>
</div>
<div class="trat-card">
<img
class="trat-icon"
src="img/implant.png"
alt="icone com implante dentario"
/>
<h3 class="trat-titulo">Tratamento 6</h3>
<p class="trat-descricao">
Mussum Ipsum, cacilds vidis litro abertis. Si num tem leite então
bota uma pinga aí cumpadi! Tá deprimidis, eu conheço uma cachacis
que pode alegrar sua vidis.
</p>
</div>
</div>
</div>
</main>
<section class="agendamento">
<div class="container">
<div class="agendamento-content">
<p class="agendamento-titulo anime">
Comece a cuidar melhor da saúde de sua boca!
</p>
<p class="agendamento-descricao anime">
Não perca mais tempo, marque sua consulta e tenha seu diagnóstico
rápido.
</p>
<a href="contato.html" class="btn-agendamento anime">Agende sua consulta!</a>
</div>
</div>
</section>
<footer class="rodape">
<div class="container">
<p class="logo-texto">Dental Care</p>
<p class="rodape-texto">
Mussum Ipsum, cacilds vidis litro abertis. Diuretics paradis num copo
é motivis de denguis.
</p>
<p class="rodape-texto">
Mussum Ipsum, cacilds vidis litro abertis. Diuretics paradis num copo
é motivis de denguis.
</p>
<p class="rodape-texto">© Todos os direitos reservados.</p>
</div>
</footer>
</body>
</html>