-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
344 lines (326 loc) · 15.2 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
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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grupo Bem Cuidar</title>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" />
</head>
<body>
<nav id="navigation" class="scroll">
<div class="wrapper">
<a href="#" class="logo">
<img class="logo-dark" src="./assets/logo-endossada-dark.svg" alt="">
<img class="logo-white" src="./assets/logo-horizontal-white.png" alt="">
</a>
<div class="menu">
<ul>
<li><a class="active" onclick="closeMenu()" href="#home"> INÍCIO</a></li>
<li><a onclick="closeMenu()" href="#services"> SERVIÇOS</a></li>
<li><a onclick="closeMenu()" href="#about"> SOBRE NÓS</a></li>
<li><a onclick="closeMenu()" href="#contact"> CONTATO</a></li>
<li><a onclick="closeMenu()" href="https://chat.whatsapp.com/Co6FxoGM8e2HN1zNjJ9dyX" target="_blank"> TRABALHE
CONOSCO</a></li>
</ul>
<h4>Clique aqui e acesse nossas redes sociais</h4>
<ul class="social-links">
<li><a target="_blank" href="https://facebook.com/gbc_cuidadores"><img src="./assets/facebook.svg" alt=""></a>
</li>
<li><a target="_blank" href="https://instagram.com/gbc_cuidadores"><img src="./assets/instagram.svg"
alt=""></a></li>
<li><a target="_blank" href="http://wa.me/5521990300876"><img src="./assets/whatsapp-rounded.svg" alt=""></a>
</li>
</ul>
</div>
<button aria-expanded="false" aria-label="Abrir menu" class="open-menu" onClick="openMenu()">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_61_152)">
<path d="M10 20H30" stroke="#00856F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10 12H30" stroke="#00856F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M18 28L30 28" stroke="#00856F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</g>
<defs>
<filter id="filter0_d_61_152" x="-4" y="0" width="48" height="48" filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha" />
<feOffset dy="4" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_61_152" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_61_152" result="shape" />
</filter>
</defs>
</svg>
</button>
<button aria-expanded="true" aria-label="Fechar menu" class="close-menu" onClick="closeMenu()">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 10L10 30M10 10L30 30" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</button>
</div>
</nav>
<section id="home">
<div class="wrapper">
<div class="col-a">
<div class="content">
<p>
Contratar os nossos serviços significa poder contar com todo cuidado e atenção na hora que você ou alguém
que você ama mais precisa.
</p>
<div class="skills">
<p>
CUIDADORES DE IDOSOS
</p>
<p>
PROFISSIONAIS DE ENFERMAGEM
</p>
</div>
<a class="button" href="#contact">
QUERO UM ORÇAMENTO
</a>
</div>
</div>
<div class="col-b">
<img class="woman"
src="./assets/elderly-female-smiling-with-young-female-doctor-visiting-senior-patient-woman-at-hospital-ward.jpg"
alt="Mulher negra vestindo moletom verde e sorrindo">
</div>
</div>
</section>
<section id="services">
<div class="wrapper">
<div class="col-a">
<header>
<h4>Serviços</h4>
<h3>Além de fornecer cuidadores de idosos e profissionais de enfermagem capacitados, realizamos* alguns
procedimentos específicos</h3>
<div class="procedures">
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Administração de medicamentos
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Curativos pós-operatórios
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Curativos para escaras (Lesão por pressão)
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Sondagem vesical e enteral
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Administração de antibioticoterapia
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Esvaziamento e higienização de bolsas de colostomia
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Acompanhamento em unidades hospitalares
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Coleta e encaminhamento de material para laboratório
</p>
</div>
<h5>
* Todo material deve ser disponibilizado pelo familiar.<br />
* Entre em contato para outros tipos de procedimentos.<br />
* Verificar o valor e a disponibilidade local.
</h5>
<a class="button" href="#contact">
QUERO UM ORÇAMENTO
</a>
</header>
</div>
<div class="col-b">
<div class="content">
<img src="./assets/old-woman-looking-at-caregiver.jpg" alt="Idosa sentada sorrindo para enfermeira que lhe abraça por trás.">
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="wrapper">
<div class="col-a">
<header>
<h4>Sobre nós</h4>
<h3>Nosso diferencial</h3>
</header>
<div class="content">
<div class="procedures">
<p>
<img src="./assets/check.png"
alt="Bolinha verde com um visto no meio representando um ícone de check list">
Os Gestores do “GRUPO BEM CUIDAR” possuem mais de 25 anos de experiência na assistência e nos cuidados com
idosos, por isso entendemos suas necessidades
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Equipe de cuidadores de idosos experiente e humanizada
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Nossos profissionais são selecionados <strong>rigorosamente</strong>
</p>
<p>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" fill="#dce9e2" />
<path d="M17.091 8.18182L10.091 15.1818L6.90918 12" stroke="#00856f" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
Atendimento 24hs por dia
</p>
</div>
<p>
Tudo isso para você ter a tranquilidade e a certeza de que seu familiar está em boas mãos.
</p>
</div>
<a class="button" href="#contact">
QUERO UM ORÇAMENTO
</a>
</div>
<div class="col-b">
<div class="office"></div>
</div>
</div>
</section>
<section id="contact">
<div class="wrapper">
<div class="col-a">
<header>
<h3>Entre em contato com a gente</h3>
</header>
<div class="content">
<ul>
<li>
<i class="bi bi-telephone "></i>
(21) 2042 4233
</li>
<li>
<i class="bi bi-envelope "></i>
</li>
</ul>
<iframe
src="https://docs.google.com/forms/d/e/1FAIpQLSesPHgjOGeHGJcFoKxdl1psZONyrGEg-HqPy-lUbCyikdl1xA/viewform?embedded=true"
width="640" height="1000" frameborder="0" marginheight="0" marginwidth="0">Carregando…</iframe>
<!-- <a class="button" href="http://wa.me/5521990300876" target="_blank">
<i class="bi bi-whatsapp"></i>
Solicite seu orçamento
</a> -->
</div>
</div>
<div class="col-b">
<img src="./assets/notebook-on-the-table.jpg" alt="Homen negro com moletom bege mexendo no celular e sorrindo.">
<!-- Photo by <a href="https://unsplash.com/@firmbee?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Firmbee.com</a> on <a href="https://unsplash.com/s/photos/contact?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a> -->
</div>
</div>
</section>
<footer>
<div class="wrapper">
<div class="col-a">
<a href="#" class="logo">
<img class="logo-white" src="./assets/logo-horizontal-white.png" alt="">
</a>
<p>
GRUPO BEM CUIDAR - CUIDANDO DE PESSOAS
48.127.791/0001-41
</p>
</div>
<div class="col-b">
<h4>Clique aqui e acesse nossas redes sociais</h4>
<ul class="social-links">
<li><a target="_blank" href="https://facebook.com/gbc_cuidadores"><img src="./assets/facebook.svg" alt=""></a>
</li>
<li><a target="_blank" href="https://instagram.com/gbc_cuidadores"><img src="./assets/instagram.svg"
alt=""></a></li>
<li><a target="_blank" href="http://wa.me/5521990300876"><img src="./assets/whatsapp-rounded.svg" alt=""></a>
</li>
</ul>
</div>
<div class="col-c">
<!-- <p>
<i class="bi bi-geo-alt"></i>
Avenida Marechal Câmara,160, Edifício Orly, Sala 1107, Condomínio Centro Empresarial Charles de Gaulle,
Centro, Rio de Janeiro - RJ, 20020-080
</p> -->
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1837.5537751650809!2d-43.171270414578224!3d-22.90940359999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x997fc737f27527%3A0x84c3f2f372d8a434!2zTcOocmVzIEVzY3JpdMOzcmlvcw!5e0!3m2!1spt-BR!2sbr!4v1664891830565!5m2!1spt-BR!2sbr"
width="300" height="100" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<p>
© 2022 HochDev
</p>
</div>
</div>
</footer>
<a id="backToTopButton" href="#home">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="20" fill="#00856F" />
<path d="M20 27V13" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M13 20L20 13L27 20" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<a class="floating-whatsapp" href="http://wa.me/5521990300876" target="_blank">
<img src="./assets/whatsapp-rounded-green.png" alt="">
</a>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="./main.js"></script>
</body>
</html>