-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
462 lines (413 loc) · 36.5 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
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
<!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>DoctorCare</title>
<link rel="stylesheet" href="./style.css" />
<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=DM+Sans:wght@400;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<nav id="navigation" >
<div class="wrapper">
<a class="logo" href="#home"
><svg
width="133"
height="18"
viewBox="0 0 133 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 17.088V0.287999H5.16C8.12 0.287999 10.296 1.04 11.688 2.544C13.096 4.048 13.8 6.112 13.8 8.736C13.8 11.312 13.096 13.352 11.688 14.856C10.296 16.344 8.12 17.088 5.16 17.088H0ZM2.016 15.408H5.112C6.744 15.408 8.04 15.144 9 14.616C9.976 14.072 10.672 13.304 11.088 12.312C11.504 11.304 11.712 10.112 11.712 8.736C11.712 7.328 11.504 6.12 11.088 5.112C10.672 4.104 9.976 3.328 9 2.784C8.04 2.24 6.744 1.968 5.112 1.968H2.016V15.408Z"
fill="#212529"
/>
<path
d="M22.4949 17.376C21.3749 17.376 20.3669 17.12 19.4709 16.608C18.5749 16.096 17.8629 15.376 17.3349 14.448C16.8229 13.504 16.5669 12.4 16.5669 11.136C16.5669 9.872 16.8309 8.776 17.3589 7.848C17.8869 6.904 18.5989 6.176 19.4949 5.664C20.4069 5.152 21.4229 4.896 22.5429 4.896C23.6629 4.896 24.6709 5.152 25.5669 5.664C26.4629 6.176 27.1669 6.904 27.6789 7.848C28.2069 8.776 28.4709 9.872 28.4709 11.136C28.4709 12.4 28.2069 13.504 27.6789 14.448C27.1509 15.376 26.4309 16.096 25.5189 16.608C24.6229 17.12 23.6149 17.376 22.4949 17.376ZM22.4949 15.648C23.1829 15.648 23.8229 15.48 24.4149 15.144C25.0069 14.808 25.4869 14.304 25.8549 13.632C26.2229 12.96 26.4069 12.128 26.4069 11.136C26.4069 10.144 26.2229 9.312 25.8549 8.64C25.5029 7.968 25.0309 7.464 24.4389 7.128C23.8469 6.792 23.2149 6.624 22.5429 6.624C21.8549 6.624 21.2149 6.792 20.6229 7.128C20.0309 7.464 19.5509 7.968 19.1829 8.64C18.8149 9.312 18.6309 10.144 18.6309 11.136C18.6309 12.128 18.8149 12.96 19.1829 13.632C19.5509 14.304 20.0229 14.808 20.5989 15.144C21.1909 15.48 21.8229 15.648 22.4949 15.648Z"
fill="#212529"
/>
<path
d="M37.2261 17.376C36.0901 17.376 35.0661 17.12 34.1541 16.608C33.2581 16.08 32.5461 15.352 32.0181 14.424C31.5061 13.48 31.2501 12.384 31.2501 11.136C31.2501 9.888 31.5061 8.8 32.0181 7.872C32.5461 6.928 33.2581 6.2 34.1541 5.688C35.0661 5.16 36.0901 4.896 37.2261 4.896C38.6341 4.896 39.8181 5.264 40.7781 6C41.7541 6.736 42.3701 7.72 42.6261 8.952H40.5621C40.4021 8.216 40.0101 7.648 39.3861 7.248C38.7621 6.832 38.0341 6.624 37.2021 6.624C36.5301 6.624 35.8981 6.792 35.3061 7.128C34.7141 7.464 34.2341 7.968 33.8661 8.64C33.4981 9.312 33.3141 10.144 33.3141 11.136C33.3141 12.128 33.4981 12.96 33.8661 13.632C34.2341 14.304 34.7141 14.816 35.3061 15.168C35.8981 15.504 36.5301 15.672 37.2021 15.672C38.0341 15.672 38.7621 15.472 39.3861 15.072C40.0101 14.656 40.4021 14.072 40.5621 13.32H42.6261C42.3861 14.52 41.7781 15.496 40.8021 16.248C39.8261 17 38.6341 17.376 37.2261 17.376Z"
fill="#212529"
/>
<path
d="M50.2974 17.088C49.2094 17.088 48.3534 16.824 47.7294 16.296C47.1054 15.768 46.7934 14.816 46.7934 13.44V6.888H44.7294V5.184H46.7934L47.0574 2.328H48.8094V5.184H52.3134V6.888H48.8094V13.44C48.8094 14.192 48.9614 14.704 49.2654 14.976C49.5694 15.232 50.1054 15.36 50.8734 15.36H52.1214V17.088H50.2974Z"
fill="#212529"
/>
<path
d="M60.4506 17.376C59.3306 17.376 58.3226 17.12 57.4266 16.608C56.5306 16.096 55.8186 15.376 55.2906 14.448C54.7786 13.504 54.5226 12.4 54.5226 11.136C54.5226 9.872 54.7866 8.776 55.3146 7.848C55.8426 6.904 56.5546 6.176 57.4506 5.664C58.3626 5.152 59.3786 4.896 60.4986 4.896C61.6186 4.896 62.6266 5.152 63.5226 5.664C64.4186 6.176 65.1226 6.904 65.6346 7.848C66.1626 8.776 66.4266 9.872 66.4266 11.136C66.4266 12.4 66.1626 13.504 65.6346 14.448C65.1066 15.376 64.3866 16.096 63.4746 16.608C62.5786 17.12 61.5706 17.376 60.4506 17.376ZM60.4506 15.648C61.1386 15.648 61.7786 15.48 62.3706 15.144C62.9626 14.808 63.4426 14.304 63.8106 13.632C64.1786 12.96 64.3626 12.128 64.3626 11.136C64.3626 10.144 64.1786 9.312 63.8106 8.64C63.4586 7.968 62.9866 7.464 62.3946 7.128C61.8026 6.792 61.1706 6.624 60.4986 6.624C59.8106 6.624 59.1706 6.792 58.5786 7.128C57.9866 7.464 57.5066 7.968 57.1386 8.64C56.7706 9.312 56.5866 10.144 56.5866 11.136C56.5866 12.128 56.7706 12.96 57.1386 13.632C57.5066 14.304 57.9786 14.808 58.5546 15.144C59.1466 15.48 59.7786 15.648 60.4506 15.648Z"
fill="#212529"
/>
<path
d="M69.7097 17.088V5.184H71.5337L71.7017 7.464C72.0697 6.68 72.6297 6.056 73.3817 5.592C74.1337 5.128 75.0617 4.896 76.1657 4.896V7.008H75.6137C74.9097 7.008 74.2617 7.136 73.6697 7.392C73.0777 7.632 72.6057 8.048 72.2537 8.64C71.9017 9.232 71.7257 10.048 71.7257 11.088V17.088H69.7097Z"
fill="#212529"
/>
<path
d="M86.4924 17.376C84.7964 17.376 83.3404 17.016 82.1244 16.296C80.9084 15.56 79.9724 14.544 79.3164 13.248C78.6604 11.936 78.3324 10.424 78.3324 8.712C78.3324 7 78.6604 5.488 79.3164 4.176C79.9724 2.864 80.9084 1.84 82.1244 1.104C83.3404 0.368 84.7964 0 86.4924 0C88.5084 0 90.1564 0.504 91.4364 1.512C92.7324 2.504 93.5404 3.904 93.8604 5.712H90.4764C90.2684 4.8 89.8204 4.088 89.1324 3.576C88.4604 3.048 87.5644 2.784 86.4444 2.784C84.8924 2.784 83.6764 3.312 82.7964 4.368C81.9164 5.424 81.4764 6.872 81.4764 8.712C81.4764 10.552 81.9164 12 82.7964 13.056C83.6764 14.096 84.8924 14.616 86.4444 14.616C87.5644 14.616 88.4604 14.376 89.1324 13.896C89.8204 13.4 90.2684 12.72 90.4764 11.856H93.8604C93.5404 13.584 92.7324 14.936 91.4364 15.912C90.1564 16.888 88.5084 17.376 86.4924 17.376Z"
fill="#00856F"
/>
<path
d="M101.092 17.376C100.068 17.376 99.2278 17.216 98.5718 16.896C97.9158 16.56 97.4277 16.12 97.1077 15.576C96.7878 15.032 96.6278 14.432 96.6278 13.776C96.6278 12.672 97.0598 11.776 97.9238 11.088C98.7878 10.4 100.084 10.056 101.812 10.056H104.836V9.768C104.836 8.952 104.604 8.352 104.14 7.968C103.676 7.584 103.1 7.392 102.412 7.392C101.788 7.392 101.244 7.544 100.78 7.848C100.316 8.136 100.028 8.568 99.9157 9.144H96.9157C96.9958 8.28 97.2837 7.528 97.7797 6.888C98.2917 6.248 98.9477 5.76 99.7477 5.424C100.548 5.072 101.444 4.896 102.436 4.896C104.132 4.896 105.468 5.32 106.444 6.168C107.42 7.016 107.908 8.216 107.908 9.768V17.088H105.292L105.004 15.168C104.652 15.808 104.156 16.336 103.516 16.752C102.892 17.168 102.084 17.376 101.092 17.376ZM101.788 14.976C102.668 14.976 103.348 14.688 103.828 14.112C104.324 13.536 104.636 12.824 104.764 11.976H102.148C101.332 11.976 100.748 12.128 100.396 12.432C100.044 12.72 99.8678 13.08 99.8678 13.512C99.8678 13.976 100.044 14.336 100.396 14.592C100.748 14.848 101.212 14.976 101.788 14.976Z"
fill="#00856F"
/>
<path
d="M111.319 17.088V5.184H114.055L114.343 7.416C114.775 6.648 115.359 6.04 116.095 5.592C116.847 5.128 117.727 4.896 118.735 4.896V8.136H117.871C117.199 8.136 116.599 8.24 116.071 8.448C115.543 8.656 115.127 9.016 114.823 9.528C114.535 10.04 114.391 10.752 114.391 11.664V17.088H111.319Z"
fill="#00856F"
/>
<path
d="M126.888 17.376C125.688 17.376 124.624 17.12 123.696 16.608C122.768 16.096 122.04 15.376 121.512 14.448C120.984 13.52 120.72 12.448 120.72 11.232C120.72 10 120.976 8.904 121.488 7.944C122.016 6.984 122.736 6.24 123.648 5.712C124.576 5.168 125.664 4.896 126.912 4.896C128.08 4.896 129.112 5.152 130.008 5.664C130.904 6.176 131.6 6.88 132.096 7.776C132.608 8.656 132.864 9.64 132.864 10.728C132.864 10.904 132.856 11.088 132.84 11.28C132.84 11.472 132.832 11.672 132.816 11.88H123.768C123.832 12.808 124.152 13.536 124.728 14.064C125.32 14.592 126.032 14.856 126.864 14.856C127.488 14.856 128.008 14.72 128.424 14.448C128.856 14.16 129.176 13.792 129.384 13.344H132.504C132.28 14.096 131.904 14.784 131.376 15.408C130.864 16.016 130.224 16.496 129.456 16.848C128.704 17.2 127.848 17.376 126.888 17.376ZM126.912 7.392C126.16 7.392 125.496 7.608 124.92 8.04C124.344 8.456 123.976 9.096 123.816 9.96H129.744C129.696 9.176 129.408 8.552 128.88 8.088C128.352 7.624 127.696 7.392 126.912 7.392Z"
fill="#00856F"
/>
</svg>
</a>
<div class="menu">
<ul>
<li><a onclick="closeMenu()" href="#home">Ínicio</a></li>
<li><a onclick="closeMenu()" href="#services">Serviços</a></li>
<li><a onclick="closeMenu()" href="#about">Sobre</a></li>
</ul>
<a class="button" onclick="closeMenu()" href="#contact">Agende sua consulta</a>
<ul class="social-links">
<li>
<a target="_blank" href="https://www.instagram.com/dilamfarias/"
><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 1.99997H7C4.23858 1.99997 2 4.23855 2 6.99997V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V6.99997C22 4.23855 19.7614 1.99997 17 1.99997Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.9997 11.3701C16.1231 12.2023 15.981 13.0523 15.5935 13.7991C15.206 14.5459 14.5929 15.1515 13.8413 15.5297C13.0898 15.908 12.2382 16.0397 11.4075 15.906C10.5768 15.7723 9.80947 15.3801 9.21455 14.7852C8.61962 14.1903 8.22744 13.4229 8.09377 12.5923C7.96011 11.7616 8.09177 10.91 8.47003 10.1584C8.84829 9.40691 9.45389 8.7938 10.2007 8.4063C10.9475 8.0188 11.7975 7.87665 12.6297 8.00006C13.4786 8.12594 14.2646 8.52152 14.8714 9.12836C15.4782 9.73521 15.8738 10.5211 15.9997 11.3701Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.5 6.49997H17.51" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i
></a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/in/dilamfarias/"
><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 1.99997H15C13.6739 1.99997 12.4021 2.52675 11.4645 3.46444C10.5268 4.40212 10 5.67389 10 6.99997V9.99997H7V14H10V22H14V14H17L18 9.99997H14V6.99997C14 6.73475 14.1054 6.4804 14.2929 6.29286C14.4804 6.10533 14.7348 5.99997 15 5.99997H18V1.99997Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i
></a>
</li>
<li>
<a target="_blank" href="https://github.com/DilamFarias"
><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5396 6.42C22.4208 5.94541 22.1789 5.51057 21.8382 5.15941C21.4976 4.80824 21.0703 4.55318 20.5996 4.42C18.8796 4 11.9996 4 11.9996 4C11.9996 4 5.1196 4 3.3996 4.46C2.92884 4.59318 2.50157 4.84824 2.16094 5.19941C1.82031 5.55057 1.57838 5.98541 1.4596 6.46C1.14481 8.20556 0.990831 9.97631 0.999595 11.75C0.988374 13.537 1.14236 15.3213 1.4596 17.08C1.59055 17.5398 1.8379 17.9581 2.17774 18.2945C2.51758 18.6308 2.93842 18.8738 3.3996 19C5.1196 19.46 11.9996 19.46 11.9996 19.46C11.9996 19.46 18.8796 19.46 20.5996 19C21.0703 18.8668 21.4976 18.6118 21.8382 18.2606C22.1789 17.9094 22.4208 17.4746 22.5396 17C22.852 15.2676 23.0059 13.5103 22.9996 11.75C23.0108 9.96295 22.8568 8.1787 22.5396 6.42Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.75 15.02L15.5 11.75L9.75 8.48001V15.02Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i
></a>
</li>
</ul>
</div>
<button
aria-expanded="false"
aria-label="Open menu"
onclick="openMenu()"
class="open-menu"
>
<svg
width="40"
height="40"
viewBox="0 0 40 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<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"
/>
</svg>
</button>
<button
aria-expanded="true"
aria-label="Close menu"
onclick="closeMenu()" class="close-menu">
<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">
<header>
<h4>BOAS-VINDAS A DOCTORCARE 👋</h4>
<h1>Assistência médica simplificada para todos</h1>
</header>
<div class="content">
<p>
Os médicos da DoctorCare vão além dos sintomas para tratar a causa raiz
de sua doença e proporcionar uma cura a longo prazo.
</p>
<a class="button" href="#contact">
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.8337 11.6667C13.667 11.5833 12.5837 11.0833 12.417 11C12.2503 10.9167 12.0837 10.9167 11.917 11.0833C11.7503 11.25 11.417 11.75 11.2503 11.9167C11.167 12.0833 11.0003 12.0833 10.8337 12C10.2503 11.75 9.66699 11.4167 9.16699 11C8.75033 10.5833 8.33366 10.0833 8.00033 9.58334C7.91699 9.41668 8.00033 9.25001 8.08366 9.16668C8.16699 9.08334 8.25033 8.91668 8.41699 8.83334C8.50033 8.75001 8.58366 8.58334 8.58366 8.50001C8.66699 8.41668 8.66699 8.25001 8.58366 8.16668C8.50033 8.08334 8.08366 7.08334 7.91699 6.66668C7.83366 6.08334 7.66699 6.08334 7.50033 6.08334C7.41699 6.08334 7.25033 6.08334 7.08366 6.08334C6.91699 6.08334 6.66699 6.25001 6.58366 6.33334C6.08366 6.83334 5.83366 7.41668 5.83366 8.08334C5.91699 8.83334 6.16699 9.58334 6.66699 10.25C7.58366 11.5833 8.75033 12.6667 10.167 13.3333C10.5837 13.5 10.917 13.6667 11.3337 13.75C11.7503 13.9167 12.167 13.9167 12.667 13.8333C13.2503 13.75 13.7503 13.3333 14.0837 12.8333C14.2503 12.5 14.2503 12.1667 14.167 11.8333C14.167 11.8333 14.0003 11.75 13.8337 11.6667ZM15.917 4.08334C12.667 0.833344 7.41699 0.833344 4.16699 4.08334C1.50033 6.75001 1.00033 10.8333 2.83366 14.0833L1.66699 18.3333L6.08366 17.1667C7.33366 17.8333 8.66699 18.1667 10.0003 18.1667C14.5837 18.1667 18.2503 14.5 18.2503 9.91668C18.3337 7.75001 17.417 5.66668 15.917 4.08334ZM13.667 15.75C12.5837 16.4167 11.3337 16.8333 10.0003 16.8333C8.75033 16.8333 7.58366 16.5 6.50033 15.9167L6.25033 15.75L3.66699 16.4167L4.33366 13.9167L4.16699 13.6667C2.16699 10.3333 3.16699 6.16668 6.41699 4.08334C9.66699 2.00001 13.8337 3.08334 15.8337 6.25001C17.8337 9.50001 16.917 13.75 13.667 15.75Z"
fill="white"
/>
</svg>
AGENDE SUA CONSULTA
</a>
</div>
</div>
<div class="col-b">
<img
src="./ASSETS/Mulher negra com blusa verde com a mão no peito.png"
alt="Mulher negra vestindo moletom verde e sorrindo"/>
</div>
<div class="stats">
<div class="stat">
<h3>+3.500</h3>
<p>Pacientes atendidos</p>
</div>
<div class="stat">
<h3>+15</h3>
<p>Especialistas disponíveis</p>
</div>
<div class="stat">
<h3>+10</h3>
<p>Anos no mercado</p>
</div>
</div>
</div>
</section>
<section id="services">
<div class="wrapper">
<header>
<h4>Serviços</h4>
<h2>Como podemos ajudá-lo a se sentir melhor?</h2>
</header>
<div class="content">
<div class="cards">
<div class="card">
<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>
<h3>Problemas digestivos</h3>
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim.</p>
</div>
<div class="card">
<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>
<h3>Saúde Hormonal</h3>
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim.</p>
</div>
<div class="card">
<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>
<h3>Bem-estar mental</h3>
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim.</p>
</div>
<div class="card">
<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>
<h3>Cuidados Pediátricos</h3>
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim.</p>
</div>
<div class="card">
<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>
<h3>Autoimune e Inflamação</h3>
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim.</p>
</div>
<div class="card">
<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>
<h3>Saúde do Coração</h3>
<p>Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim.</p>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="wrapper">
<div class="col-a">
<header>
<h4>SOBRE NÓS</h4>
<h2>Entenda quem somos e por que existimos</h2>
</header>
<div class="content">
<p>
Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim. Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim. Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim. Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim. Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
</p>
</div>
</div>
<div class="col-b">
<img src="./ASSETS/Doutor feliz segurando uma prancheta com pacientes.png" alt="Doutor feliz segurando uma prancheta com pacientes">
</div>
</div>
</section>
<section id="contact">
<div class="wrapper">
<div class="col-a">
<header>
<h2>Entre em contato com a gente!</h2>
</header>
<div class="content">
<ul>
<li>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z" stroke="#00856F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#00856F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
R. Amauri Souza, 346
</li>
<li>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z" stroke="#00856F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22 6L12 13L2 6" stroke="#00856F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</li>
</ul>
<a class="button" target="_blank" href="http://wa.me/5511976856920">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.6 14.0001C16.4 13.9001 15.1 13.3001 14.9 13.2001C14.7 13.1001 14.5 13.1001 14.3 13.3001C14.1 13.5001 13.7 14.1001 13.5 14.3001C13.4 14.5001 13.2 14.5001 13 14.4001C12.3 14.1001 11.6 13.7001 11 13.2001C10.5 12.7001 10 12.1001 9.6 11.5001C9.5 11.3001 9.6 11.1001 9.7 11.0001C9.8 10.9001 9.9 10.7001 10.1 10.6001C10.2 10.5001 10.3 10.3001 10.3 10.2001C10.4 10.1001 10.4 9.9001 10.3 9.8001C10.2 9.7001 9.7 8.5001 9.5 8.0001C9.4 7.3001 9.2 7.3001 9 7.3001C8.9 7.3001 8.7 7.3001 8.5 7.3001C8.3 7.3001 8 7.5001 7.9 7.6001C7.3 8.2001 7 8.9001 7 9.7001C7.1 10.6001 7.4 11.5001 8 12.3001C9.1 13.9001 10.5 15.2001 12.2 16.0001C12.7 16.2001 13.1 16.4001 13.6 16.5001C14.1 16.7001 14.6 16.7001 15.2 16.6001C15.9 16.5001 16.5 16.0001 16.9 15.4001C17.1 15.0001 17.1 14.6001 17 14.2001C17 14.2001 16.8 14.1001 16.6 14.0001ZM19.1 4.9001C15.2 1.0001 8.9 1.0001 5 4.9001C1.8 8.1001 1.2 13.0001 3.4 16.9001L2 22.0001L7.3 20.6001C8.8 21.4001 10.4 21.8001 12 21.8001C17.5 21.8001 21.9 17.4001 21.9 11.9001C22 9.3001 20.9 6.8001 19.1 4.9001ZM16.4 18.9001C15.1 19.7001 13.6 20.2001 12 20.2001C10.5 20.2001 9.1 19.8001 7.8 19.1001L7.5 18.9001L4.4 19.7001L5.2 16.7001L5 16.4001C2.6 12.4001 3.8 7.4001 7.7 4.9001C11.6 2.4001 16.6 3.7001 19 7.5001C21.4 11.4001 20.3 16.5001 16.4 18.9001Z" fill="white"/>
</svg> Agende sua consulta
</a>
</div>
</div>
<div class="col-b">
<img src="./ASSETS/Homem negro com sueter beje olhando para seu celular.png" alt="Homem negro com sueter beje olhando para seu celular">
</div>
</div>
</section>
<footer>
<div class="wrapper">
<div class="col-a">
<a class="logo" href="#home">
<svg
width="133"
height="18"
viewBox="0 0 133 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 17.088V0.287999H5.16C8.12 0.287999 10.296 1.04 11.688 2.544C13.096 4.048 13.8 6.112 13.8 8.736C13.8 11.312 13.096 13.352 11.688 14.856C10.296 16.344 8.12 17.088 5.16 17.088H0ZM2.016 15.408H5.112C6.744 15.408 8.04 15.144 9 14.616C9.976 14.072 10.672 13.304 11.088 12.312C11.504 11.304 11.712 10.112 11.712 8.736C11.712 7.328 11.504 6.12 11.088 5.112C10.672 4.104 9.976 3.328 9 2.784C8.04 2.24 6.744 1.968 5.112 1.968H2.016V15.408Z"
fill="#212529"
/>
<path
d="M22.4949 17.376C21.3749 17.376 20.3669 17.12 19.4709 16.608C18.5749 16.096 17.8629 15.376 17.3349 14.448C16.8229 13.504 16.5669 12.4 16.5669 11.136C16.5669 9.872 16.8309 8.776 17.3589 7.848C17.8869 6.904 18.5989 6.176 19.4949 5.664C20.4069 5.152 21.4229 4.896 22.5429 4.896C23.6629 4.896 24.6709 5.152 25.5669 5.664C26.4629 6.176 27.1669 6.904 27.6789 7.848C28.2069 8.776 28.4709 9.872 28.4709 11.136C28.4709 12.4 28.2069 13.504 27.6789 14.448C27.1509 15.376 26.4309 16.096 25.5189 16.608C24.6229 17.12 23.6149 17.376 22.4949 17.376ZM22.4949 15.648C23.1829 15.648 23.8229 15.48 24.4149 15.144C25.0069 14.808 25.4869 14.304 25.8549 13.632C26.2229 12.96 26.4069 12.128 26.4069 11.136C26.4069 10.144 26.2229 9.312 25.8549 8.64C25.5029 7.968 25.0309 7.464 24.4389 7.128C23.8469 6.792 23.2149 6.624 22.5429 6.624C21.8549 6.624 21.2149 6.792 20.6229 7.128C20.0309 7.464 19.5509 7.968 19.1829 8.64C18.8149 9.312 18.6309 10.144 18.6309 11.136C18.6309 12.128 18.8149 12.96 19.1829 13.632C19.5509 14.304 20.0229 14.808 20.5989 15.144C21.1909 15.48 21.8229 15.648 22.4949 15.648Z"
fill="#212529"
/>
<path
d="M37.2261 17.376C36.0901 17.376 35.0661 17.12 34.1541 16.608C33.2581 16.08 32.5461 15.352 32.0181 14.424C31.5061 13.48 31.2501 12.384 31.2501 11.136C31.2501 9.888 31.5061 8.8 32.0181 7.872C32.5461 6.928 33.2581 6.2 34.1541 5.688C35.0661 5.16 36.0901 4.896 37.2261 4.896C38.6341 4.896 39.8181 5.264 40.7781 6C41.7541 6.736 42.3701 7.72 42.6261 8.952H40.5621C40.4021 8.216 40.0101 7.648 39.3861 7.248C38.7621 6.832 38.0341 6.624 37.2021 6.624C36.5301 6.624 35.8981 6.792 35.3061 7.128C34.7141 7.464 34.2341 7.968 33.8661 8.64C33.4981 9.312 33.3141 10.144 33.3141 11.136C33.3141 12.128 33.4981 12.96 33.8661 13.632C34.2341 14.304 34.7141 14.816 35.3061 15.168C35.8981 15.504 36.5301 15.672 37.2021 15.672C38.0341 15.672 38.7621 15.472 39.3861 15.072C40.0101 14.656 40.4021 14.072 40.5621 13.32H42.6261C42.3861 14.52 41.7781 15.496 40.8021 16.248C39.8261 17 38.6341 17.376 37.2261 17.376Z"
fill="#212529"
/>
<path
d="M50.2974 17.088C49.2094 17.088 48.3534 16.824 47.7294 16.296C47.1054 15.768 46.7934 14.816 46.7934 13.44V6.888H44.7294V5.184H46.7934L47.0574 2.328H48.8094V5.184H52.3134V6.888H48.8094V13.44C48.8094 14.192 48.9614 14.704 49.2654 14.976C49.5694 15.232 50.1054 15.36 50.8734 15.36H52.1214V17.088H50.2974Z"
fill="#212529"
/>
<path
d="M60.4506 17.376C59.3306 17.376 58.3226 17.12 57.4266 16.608C56.5306 16.096 55.8186 15.376 55.2906 14.448C54.7786 13.504 54.5226 12.4 54.5226 11.136C54.5226 9.872 54.7866 8.776 55.3146 7.848C55.8426 6.904 56.5546 6.176 57.4506 5.664C58.3626 5.152 59.3786 4.896 60.4986 4.896C61.6186 4.896 62.6266 5.152 63.5226 5.664C64.4186 6.176 65.1226 6.904 65.6346 7.848C66.1626 8.776 66.4266 9.872 66.4266 11.136C66.4266 12.4 66.1626 13.504 65.6346 14.448C65.1066 15.376 64.3866 16.096 63.4746 16.608C62.5786 17.12 61.5706 17.376 60.4506 17.376ZM60.4506 15.648C61.1386 15.648 61.7786 15.48 62.3706 15.144C62.9626 14.808 63.4426 14.304 63.8106 13.632C64.1786 12.96 64.3626 12.128 64.3626 11.136C64.3626 10.144 64.1786 9.312 63.8106 8.64C63.4586 7.968 62.9866 7.464 62.3946 7.128C61.8026 6.792 61.1706 6.624 60.4986 6.624C59.8106 6.624 59.1706 6.792 58.5786 7.128C57.9866 7.464 57.5066 7.968 57.1386 8.64C56.7706 9.312 56.5866 10.144 56.5866 11.136C56.5866 12.128 56.7706 12.96 57.1386 13.632C57.5066 14.304 57.9786 14.808 58.5546 15.144C59.1466 15.48 59.7786 15.648 60.4506 15.648Z"
fill="#212529"
/>
<path
d="M69.7097 17.088V5.184H71.5337L71.7017 7.464C72.0697 6.68 72.6297 6.056 73.3817 5.592C74.1337 5.128 75.0617 4.896 76.1657 4.896V7.008H75.6137C74.9097 7.008 74.2617 7.136 73.6697 7.392C73.0777 7.632 72.6057 8.048 72.2537 8.64C71.9017 9.232 71.7257 10.048 71.7257 11.088V17.088H69.7097Z"
fill="#212529"
/>
<path
d="M86.4924 17.376C84.7964 17.376 83.3404 17.016 82.1244 16.296C80.9084 15.56 79.9724 14.544 79.3164 13.248C78.6604 11.936 78.3324 10.424 78.3324 8.712C78.3324 7 78.6604 5.488 79.3164 4.176C79.9724 2.864 80.9084 1.84 82.1244 1.104C83.3404 0.368 84.7964 0 86.4924 0C88.5084 0 90.1564 0.504 91.4364 1.512C92.7324 2.504 93.5404 3.904 93.8604 5.712H90.4764C90.2684 4.8 89.8204 4.088 89.1324 3.576C88.4604 3.048 87.5644 2.784 86.4444 2.784C84.8924 2.784 83.6764 3.312 82.7964 4.368C81.9164 5.424 81.4764 6.872 81.4764 8.712C81.4764 10.552 81.9164 12 82.7964 13.056C83.6764 14.096 84.8924 14.616 86.4444 14.616C87.5644 14.616 88.4604 14.376 89.1324 13.896C89.8204 13.4 90.2684 12.72 90.4764 11.856H93.8604C93.5404 13.584 92.7324 14.936 91.4364 15.912C90.1564 16.888 88.5084 17.376 86.4924 17.376Z"
fill="#00856F"
/>
<path
d="M101.092 17.376C100.068 17.376 99.2278 17.216 98.5718 16.896C97.9158 16.56 97.4277 16.12 97.1077 15.576C96.7878 15.032 96.6278 14.432 96.6278 13.776C96.6278 12.672 97.0598 11.776 97.9238 11.088C98.7878 10.4 100.084 10.056 101.812 10.056H104.836V9.768C104.836 8.952 104.604 8.352 104.14 7.968C103.676 7.584 103.1 7.392 102.412 7.392C101.788 7.392 101.244 7.544 100.78 7.848C100.316 8.136 100.028 8.568 99.9157 9.144H96.9157C96.9958 8.28 97.2837 7.528 97.7797 6.888C98.2917 6.248 98.9477 5.76 99.7477 5.424C100.548 5.072 101.444 4.896 102.436 4.896C104.132 4.896 105.468 5.32 106.444 6.168C107.42 7.016 107.908 8.216 107.908 9.768V17.088H105.292L105.004 15.168C104.652 15.808 104.156 16.336 103.516 16.752C102.892 17.168 102.084 17.376 101.092 17.376ZM101.788 14.976C102.668 14.976 103.348 14.688 103.828 14.112C104.324 13.536 104.636 12.824 104.764 11.976H102.148C101.332 11.976 100.748 12.128 100.396 12.432C100.044 12.72 99.8678 13.08 99.8678 13.512C99.8678 13.976 100.044 14.336 100.396 14.592C100.748 14.848 101.212 14.976 101.788 14.976Z"
fill="#00856F"
/>
<path
d="M111.319 17.088V5.184H114.055L114.343 7.416C114.775 6.648 115.359 6.04 116.095 5.592C116.847 5.128 117.727 4.896 118.735 4.896V8.136H117.871C117.199 8.136 116.599 8.24 116.071 8.448C115.543 8.656 115.127 9.016 114.823 9.528C114.535 10.04 114.391 10.752 114.391 11.664V17.088H111.319Z"
fill="#00856F"
/>
<path
d="M126.888 17.376C125.688 17.376 124.624 17.12 123.696 16.608C122.768 16.096 122.04 15.376 121.512 14.448C120.984 13.52 120.72 12.448 120.72 11.232C120.72 10 120.976 8.904 121.488 7.944C122.016 6.984 122.736 6.24 123.648 5.712C124.576 5.168 125.664 4.896 126.912 4.896C128.08 4.896 129.112 5.152 130.008 5.664C130.904 6.176 131.6 6.88 132.096 7.776C132.608 8.656 132.864 9.64 132.864 10.728C132.864 10.904 132.856 11.088 132.84 11.28C132.84 11.472 132.832 11.672 132.816 11.88H123.768C123.832 12.808 124.152 13.536 124.728 14.064C125.32 14.592 126.032 14.856 126.864 14.856C127.488 14.856 128.008 14.72 128.424 14.448C128.856 14.16 129.176 13.792 129.384 13.344H132.504C132.28 14.096 131.904 14.784 131.376 15.408C130.864 16.016 130.224 16.496 129.456 16.848C128.704 17.2 127.848 17.376 126.888 17.376ZM126.912 7.392C126.16 7.392 125.496 7.608 124.92 8.04C124.344 8.456 123.976 9.096 123.816 9.96H129.744C129.696 9.176 129.408 8.552 128.88 8.088C128.352 7.624 127.696 7.392 126.912 7.392Z"
fill="#00856F"
/>
</svg>
</a>
<p>
©2022 DoctorCare. <br>
Todos os direitos reservados.
</p>
</div>
<div class="col-b">
<ul class="social-links">
<li>
<a target="_blank" href="https://www.instagram.com/dilamfarias/">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 1.99997H7C4.23858 1.99997 2 4.23855 2 6.99997V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V6.99997C22 4.23855 19.7614 1.99997 17 1.99997Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.9997 11.3701C16.1231 12.2023 15.981 13.0523 15.5935 13.7991C15.206 14.5459 14.5929 15.1515 13.8413 15.5297C13.0898 15.908 12.2382 16.0397 11.4075 15.906C10.5768 15.7723 9.80947 15.3801 9.21455 14.7852C8.61962 14.1903 8.22744 13.4229 8.09377 12.5923C7.96011 11.7616 8.09177 10.91 8.47003 10.1584C8.84829 9.40691 9.45389 8.7938 10.2007 8.4063C10.9475 8.0188 11.7975 7.87665 12.6297 8.00006C13.4786 8.12594 14.2646 8.52152 14.8714 9.12836C15.4782 9.73521 15.8738 10.5211 15.9997 11.3701Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.5 6.49997H17.51" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i>
</a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/in/dilamfarias/">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 1.99997H15C13.6739 1.99997 12.4021 2.52675 11.4645 3.46444C10.5268 4.40212 10 5.67389 10 6.99997V9.99997H7V14H10V22H14V14H17L18 9.99997H14V6.99997C14 6.73475 14.1054 6.4804 14.2929 6.29286C14.4804 6.10533 14.7348 5.99997 15 5.99997H18V1.99997Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></i>
</a>
</li>
<li>
<a target="_blank" href="https://github.com/DilamFarias">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5396 6.42C22.4208 5.94541 22.1789 5.51057 21.8382 5.15941C21.4976 4.80824 21.0703 4.55318 20.5996 4.42C18.8796 4 11.9996 4 11.9996 4C11.9996 4 5.1196 4 3.3996 4.46C2.92884 4.59318 2.50157 4.84824 2.16094 5.19941C1.82031 5.55057 1.57838 5.98541 1.4596 6.46C1.14481 8.20556 0.990831 9.97631 0.999595 11.75C0.988374 13.537 1.14236 15.3213 1.4596 17.08C1.59055 17.5398 1.8379 17.9581 2.17774 18.2945C2.51758 18.6308 2.93842 18.8738 3.3996 19C5.1196 19.46 11.9996 19.46 11.9996 19.46C11.9996 19.46 18.8796 19.46 20.5996 19C21.0703 18.8668 21.4976 18.6118 21.8382 18.2606C22.1789 17.9094 22.4208 17.4746 22.5396 17C22.852 15.2676 23.0059 13.5103 22.9996 11.75C23.0108 9.96295 22.8568 8.1787 22.5396 6.42Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.75 15.02L15.5 11.75L9.75 8.48001V15.02Z" stroke="#FFFAF1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></i>
</a>
</li>
</ul>
</div>
</div>
</footer>
<a id="backToTopButton" class="show" 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>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="./main.js"></script>
</body>
</html>