-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
226 lines (224 loc) · 15.1 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
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="shortcut icon" href="img/heartbeat.png" type="image/x-icon">
<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=Poppins:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/edit.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css'>-->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<title>Hospital Cardio Med</title>
</head>
<body>
<div class="topo">
<div class="container-atopo">
<a class="fone"href="tel:+552121319999">(21)2131-9999 </a>
<a href="tel:+552121319998"> (21)2131-9998(Ambulância)</a>
</div>
</div>
<header class="header">
<nav class="navbar">
<img src="img/logo_alt1.png" alt="logo do Cardio Med">
<ul class="nav-menu">
<li class="nav-item">
<a class="nav-link" href="pacientes.html">Pacientes e Visitantes<!--<i class="fa-solid fa-angle-down"></i>--></a>
</li>
<li class="nav-item">
<a class="nav-link" href="medicos.html">Médicos</i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="sobre_nos.html">Sobre nós</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contato.html">Contato</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>
<main>
<div class="container_cards">
<div class="flex w-full items-center flex justify-center items-center py-12 px-6">
<div>
<div class="max-w-xs h-64 flex flex-col justify-between bg-blue dark:bg-gray-800 rounded-radius border border-gray-400 mb-6 py-5 px-4">
<div class="dimension">
<h4 tabindex="0" class="cards focus:outline-none text_white dark:text-gray-100 font-bold mb-3">Paciente</h4>
<ul class="cards_text">
<li><a href="https://www.hospitalprocardiaco.com.br/consultorio-medico/consultas" target="_blank">Consultas</a></li>
<li><a href="https://www.hospitalprocardiaco.com.br/convenios" target="_blank">Convênios</a></li>
<li><a href="https://portalresultados.americasmed.com.br/BR_Customizations/ResultadosExames/" target="_blank">Resultados de exames</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="flex w-full items-center flex justify-center items-center py-12 px-6">
<div>
<div class="max-w-xs h-64 flex flex-col justify-between bg-blue dark:bg-gray-800 rounded-radius border border-gray-400 mb-6 py-5 px-4">
<div class="dimension">
<h4 tabindex="0" class="cards focus:outline-none text_white dark:text-gray-100 font-bold mb-3">Visitantes</h4>
<ul class="cards_text">
<li><a href="https://www.hospitalprocardiaco.com.br/consultorio-medico/consultas" target="_blank">Horário de visitas</a></li>
<li><a href="http://procardiaco.uhgasm.acsitefactory.com/contato" target="_blank">Contato</a></li>
<li><a href="https://www.hospitalprocardiaco.com.br/institucional/localizacao" target="_blank">Localização</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="flex w-full items-center flex justify-center items-center py-12 px-6">
<div>
<div class="max-w-xs h-64 flex flex-col justify-between bg-blue dark:bg-gray-800 rounded-radius border border-gray-400 mb-6 py-5 px-4">
<div class="dimension">
<h4 tabindex="0" class="cards focus:outline-none text_white dark:text-gray-100 font-bold mb-3">Médicos</h4>
<ul class="cards_text">
<li><a href="https://www.hospitalprocardiaco.com.br/area-medica" target="_blank">Para médicos</a></li>
<li><a href="https://www.hospitalprocardiaco.com.br/area-medica/termos-de-consentimento" target="_blank">Termos de consentimento</a></li>
<li><a href="https://portalimagens.uhgbrasil.com.br/" target="_blank">Resultados de exames</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="xl:mx-auto xl:container bg-color-2">
<div class="lg:px-20 md:px-6 px-4 md:py-12 py-8">
<div class="flex flex-col-reverse lg:flex-row items-center">
<div class="w-full lg:w-1/2 md:py-9 py-6">
<img src="img/fachada_lateral.png" alt="imagem da entrada de funcionários" class="lg:w-full h-full object-cover object-center w-full" />
</div>
<div class="lg:w-1/2 lg:pl-12 lg:pr-24">
<p class="md:text-3xl lg:text-4xl text-2xl font-semibold lg:leading-9 text-img dark:text-white lg:pb-6 md:pb-4 pb-2">Qualidade reconhecida para toda família</p>
<p class="text-sm leading-5 text-img-2 dark:text-white md:pb-10 pb-8">O Hospital Cardio Med chega aos 63 anos com tradição e excelência no atendimento geral e em especial em cuidados cardiológicos e neurológicos. O Hospital dispõe de unidades adulta , Centro de terapia intensiva, Unidades Semi-intensivas e quartos preparados para atender diversos níveis de complexidade, 24h por dia, e sete dias da semana.</p>
<div class="md:block flex items-center justify-center">
<button class="lg:w-auto w-full border border-gray-800 hover:text-gray-50 hover:bg-gray-800 focus:outline-none lg:px-10 px-7 lg:py-4 py-3 text-sm leading-none text_white bg-blue rounded-radius dark:border-white dark:text-white dark:hover:bg-gray-800">Veja nossas especialidades</button>
</div>
</div>
</div>
</div>
</div>
<div class="blog">
<div class="2xl:mx-auto 2xl:container lg:py-16 lg:px-40 xl:px-20 md:py-12 md:px-6 py-9 px-4">
<div class="flex flex-col items-center justify-center">
<h1 class="text-4xl font-semibold leading-9 text-gray-800-alt dark:text-gray-50">Blog</h1>
</div>
</div>
<div class="blog-cards">
<section class="card-b">
<img src="img/NOVEMBRO.png" alt="">
<div class="card-b-content">
<h2>Novembro Azul</h2>
<p>Novembro Azul é um movimento internacional de conscientização sobre a prevenção do câncer de próstata. O movimento foi criado em 2003, na Austrália, e se espalhou pelo mundo. No Brasil, o movimento foi criado em 2008, e desde então, tem sido realizado anualmente.</p>
<a href="http://www.institutodecegosdabahia.org.br/noticias/novembro-azul-campanha-de-combate-ao-cancer-de-prostata/" target="_blank">Leia mais</a>
</div>
</section>
<section class="card-b">
<img src="img/DEZEMBRO.png" alt="">
<div class="card-b-content">
<h2>Dezembro Laranja</h2>
<p>A campanha do Dezembro Laranja, organizada pela Sociedade Brasileira de Dermatologia (SBD), promove a conscientização a respeito dos riscos do câncer de pele, orientando a população a manter hábitos adequados de proteção solar (fotoproteção) e a realizar regularmente visitas ao dermatologista para obter uma avaliação especializada.</p>
<a href="https://www.sbd.org.br/dezembrolaranja/" target="_blank">Leia mais</a>
</div>
</section>
<section class="card-b">
<img src="img/Janeiro.png" alt="">
<div class="card-b-content">
<h2>Janeiro Branco</h2>
<p>A Campanha Janeiro Branco surgiu no Brasil em 2014 e este ano o lema principal é “o mundo pede saúde mental”. A frase é um alerta para a maior visibilidade e prevalência de problemas emocionais a partir da pandemia iniciada em 2020 que provocou um aumento no diagnóstico de doenças psíquicas.</p>
<a href="https://www.ifpb.edu.br/noticias/2022/01/campanha-janeiro-branco-relembra-o-cuidado-com-a-saude-mental" target="_blank">Leia mais</a>
</div>
</div>
</div>
<div class="rodape">
<!-- Code block starts -->
<dh-component>
<div class="pt-12 xl:pt-14 px-6">
<div tabindex="0" aria-label="footer" class="focus:outline-none w-full border-gray-300 dark:border-gray-700 lg:w-11/12 md:w-11/12 lg:mx-auto md:mx-auto">
<div class="container mx-auto py-12">
<div class="xl:flex lg:flex md:flex pt-6">
<div class="w-11/12 xl:w-3/6 lg:w-2/5 mx-auto lg:mx-0 xl:mx-0">
<div class="flex items-center mb-6 xl:mb-0 lg:mb-0">
<div aria-label="logo" role="img">
<img src="img/logo_alt1.png" alt="logo">
</div>
</div>
</div>
<div class="w-11/12 lg:w-2/5 mx-auto lg:mx-0 xl:mx-0 pt-3 xl:flex flex-col xl:justify-start pl-3 sm:pl-0">
<h2 tabindex="0" class="focus:outline-none text_white dark:text-white font-bold text-xl mb-6">Hospital CardioMed</h2>
<p class="text_white-p">
Rua General Polidoro, 20000 <br>
Botafogo - Rio de Janeiro, RJ <br>
CEP 22280-003</p>
</div>
<div class="w-11/12 lg:w-2/5 mx-auto lg:mx-0 xl:mx-0 pt-3 xl:flex flex-col xl:justify-start pl-3 sm:pl-0">
<h2 tabindex="0" class="focus:outline-none text_white dark:text-white font-bold text-xl mb-6">Centro Médico CardioMed</h2>
<p class="text_white-p">
Rua Mena Barreto, 20000 <br>
Botafogo - Rio de Janeiro, RJ <br>
CEP 22271-100</p>
</div>
</div>
<div class="xl:flex flex-wrap justify-between xl:mt-24 mt-16 pb-6 pl-3 sm:pl-0">
<div class="w-11/12 xl:w-2/6 mx-auto lg:mx-0 xl:mx-0 mb-6 xl:mb-0">
<p tabindex="0" class="focus:outline-none txt-white dark:text-white text-base">2022 Hospital CardioMed ©. Todos os direitos reservados</p>
</div>
<div class="w-11/12 xl:w-2/6 mx-auto lg:mx-0 xl:mx-0 mb-6 lg:mb-0 xl:mb-0">
<ul class="xl:flex lg:flex md:flex sm:flex justify-between">
<li class="txt-white dark:text-white hover:txt-white text-base mb-4 sm:mb-0">
<a class="focus:outline-none focus:underline" href="javascript:void(0)">Termos de serviço</a>
</li>
<li class="txt-white dark:text-white hover:txt-white text-base mb-4 sm:mb-0">
<a class="focus:outline-none focus:underline" href="javascript:void(0)">Políticas de privacidade</a>
</li>
</ul>
</div>
<div class="w-11/12 xl:w-1/6 lg:w-1/6 sm:w-11/12 mx-auto lg:mx-0 xl:mx-0 mb-6 lg:mb-0 xl:mb-0 mt-8 lg:mt-8 xl:mt-0">
<div class="flex justify-start sm:justify-start xl:justify-end space-x-6 pr-2 xl:pr-0 lg:pr-0 md:pr-0 sm:pr-0">
<div>
<a aria-label="Twitter" role="link" href="javascript:void(0)">
<img src="https://tuk-cdn.s3.amazonaws.com/can-uploader/footer_with_sitemap-svg2.svg" alt="Twitter">
</a>
</div>
<div>
<a aria-label="Instagram" role="link" href="javascript:void(0)">
<img src="https://tuk-cdn.s3.amazonaws.com/can-uploader/footer_with_sitemap-svg3.svg" alt="Instagram">
</a>
</div>
<div>
<a aria-label="Dribble" role="link" href="javascript:void(0)">
<img src="https://tuk-cdn.s3.amazonaws.com/can-uploader/footer_with_sitemap-svg4.svg" alt="Dribble">
</a>
</div>
<div>
<a aria-label="Github" role="link" href="javascript:void(0)">
<img src="https://tuk-cdn.s3.amazonaws.com/can-uploader/footer_with_sitemap-svg5.svg" alt="Github">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</dh-component>
<!-- Code block ends -->
</div>
</main>
<footer>
<h4><strong>Designed by JonDEV</strong></h4>
</footer>
<!-- Scripts -->
<script src="js/script.js"></script>
</body>
</html>