-
Notifications
You must be signed in to change notification settings - Fork 0
/
horario.html
123 lines (117 loc) · 6.39 KB
/
horario.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
<!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>Horário de Atendimento</title>
<link rel="stylesheet" href="./assets/base.css">
</head>
<body class="wrapper">
<!-- Aqui vai o seu header -->
<header>
<nav>
<div class="mobile-menu">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<!-- Aqui vai o seu menu -->
<img src="./images/logo.png" alt="Logo da Clinica com Um monito e um tablet">
<ul class="nav-list">
<li><a href="./index.html">Página Principal</a></li>
<li><a href="./sobre.html">Sobre a Clínica</a></li>
<li><a href="./horario.html">Horário de Atendimento</a></li>
<li><a href="./contato.html">Contato</a></li>
</ul>
</nav>
</header>
<main class="main">
<!-- Aqui vai o seu header -->
<div class="header">
<header>
<a><img src="./images/calendar-header.jpg" alt="Imagem de uma caneta sob um calendário"></a>
</header>
</div>
<section class="content">
<h1>Horário de Atendimento</h1>
<hr><br>
<!-- Aqui vai o seu conteúdo -->
<p> Por sermos uma Clínica de qualidade temos uma agenda bem específica para cada especialidade e desordem metabólica. Contamos com vários especialistas todos os dias da semana, disponíveis nos horários comerciais. Aos feriados e Finais de semana atendemos das 8h até as 14h. Algumas especialidades atendem até as 18h nos feriados e fins de semana. Consulte nossa tabela abaixo: <br><br>
<div class="calendar">
<a><img style="border-radius: 50%; width: 300px; height: auto; float: right;" src="./images/calendario.png" alt="Desenho de um calendário"></a>
</div>
<p class="texto"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus sed voluptate enim, blanditiis tempore laudantium, dolorem perspiciatis beatae ipsa cumque eos ab aspernatur dignissimos ducimus minima tempora sit? Tenetur, iusto! Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus sed voluptate enim, blanditiis tempore laudantium,
dolorem perspiciatis beatae ipsa cumque eos ab aspernatur dignissimos ducimus minima tempora sit? Tenetur, iusto! </p>
<p class="texto"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis error delectus fugiat maiores excepturi aliquid at hic enim! Facilis enim dicta a deleniti, quaerat eos repellendus quia repellat dignissimos exercitationem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis accusamus ratione illo nulla, nisi repellat, enim officia consectetur quidem id perferendis ab tempora! Ratione debitis qui est repellendus, iure a!
</p>
<p class="texto"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis error delectus fugiat maiores excepturi aliquid at hic enim! Facilis enim dicta a deleniti, quaerat eos repellendus quia repellat dignissimos exercitationem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis accusamus ratione illo nulla, nisi repellat, enim officia consectetur quidem id perferendis ab tempora! Ratione debitis qui est repellendus, iure a!
</p>
<table summary="Tabela de Horários e Valores de cada Serviço de atendimento médico" cellspacing="1">
<caption>Tabela de Horários e Valores de Cada Serviço</caption>
<thead>
<tr>
<td>Serviços</td>
<td>Segunda a Sexta</td>
<td>Sábados</td>
<td>Feriados</td>
<td>Valores</td>
</tr>
</thead>
<tbody>
<tr>
<td>Clínica geral</td>
<td>08h - 19h</td>
<td>08h - 14h</td>
<td>08h - 14h</td>
<td>R$350</td>
</tr>
<tr>
<td>Psicologia</td>
<td>08h - 19h</td>
<td>08h - 14h</td>
<td>08h - 14h</td>
<td>R$350</td>
</tr>
<tr>
<td>Pediatria</td>
<td>08h - 19h</td>
<td>08h - 18h</td>
<td>-</td>
<td>R$350</td>
</tr>
<tr>
<td>Oftalmologia</td>
<td>08h - 19h</td>
<td>08h - 18h</td>
<td>-</td>
<td>R$350</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tfoot>
</table>
</section>
<section>
<h6><a href="#">Voltar ao Topo</a></h6>
</section>
<!-- Aqui vai o seu rodapé -->
<footer class="footer">
<div>
<ul>
<li>© Untitled. All rights reserved.</li>
<li>Design: <a href="#" target="_blank">Daniel Bondesam</a></li>
<li>Referência: <a href="https://github.com/digitalinnovationone/trilha-html-modulo-2" target="_blank">DIO</a></li>
</ul>
</div>
</footer>
</main>
<script src="./assets/js/mobile-navbar.js"></script>
</body>
</html>