-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.html
More file actions
157 lines (153 loc) · 9.24 KB
/
main.html
File metadata and controls
157 lines (153 loc) · 9.24 KB
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="Imgs/logoMon.ico">
<!--Fuente-->
<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=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>Centro Diagnóstico Mon</title>
</head>
<body>
<!--Encabezado-->
<header class="header">
<nav class="nav">
<!--Lista de opciones del nav-->
<ul class="nav__list">
<!--Boton para ir al portal pacientes-->
<li class="nav__item">
<a class="item__link" href="">Portal Pacientes</a>
</li>
<!--Lista de servicios-->
<li class="nav__item">
<details class="item__details">
<summary class="details__summary">Servicios</summary>
<ul class="details__list">
<li class="details__item"><a class="details__item item--link" href="">Resonancia Magnética</a></li>
<li class="details__item"><a class="details__item item--link" href="">Tomografía Computada Multicorte</a></li>
<li class="details__item"><a class="details__item item--link" href="">Mamografía digital por Tomosíntesis</a></li>
<li class="details__item"><a class="details__item item--link" href="">Ecografía</a></li>
<li class="details__item"><a class="details__item item--link" href="">Obstetricia</a></li>
<li class="details__item"><a class="details__item item--link" href="">Radiología Digital</a></li>
<li class="details__item"><a class="details__item item--link" href="">Densitometría Ósea</a></li>
<li class="details__item"><a class="details__item item--link" href="">Intervencionismo</a></li>
</ul>
</details>
</li>
<!--Lista de opciones para pacientes-->
<li class="nav__item">
<details class="item__details">
<summary class="details__summary">Pacientes</summary>
<ul class="details__list">
<li class="details__item"><a class="details__item item--link" href="">Guía para el paciente</a></li>
<li class="details__item"><a class="details__item item--link" href="">Servicio de WhatsApp</a></li>
<li class="details__item"><a class="details__item item--link" href="">Pacientes del interior</a></li>
<li class="details__item"><a class="details__item item--link" href="">Obras sociales, prepagas y A.R.T.</a></li>
<li class="details__item"><a class="details__item item--link" href="">Vigencias de Ordenes Médicas</a></li>
</ul>
</details>
</li>
<!--Logo de MON-->
<li class="nav__item item--img">
<img src="Imgs/logoMon.ico">
</li>
<!--Boton para ir a la pagina de muestra de equipos-->
<li class="nav__item">
<a class="item__link" href="">Equipos</a>
</li>
<!--Lista de opciones de NOSOTROS-->
<li class="nav__item">
<details class="item__details">
<summary class="details__summary">Nosotros</summary>
<ul class="details__list">
<li class="details__item"><a class="details__item item--link" href="">Ubicación</a></li>
<li class="details__item"><a class="details__item item--link" href="">Historia</a></li>
<li class="details__item"><a class="details__item item--link" href="">Institucional</a></li>
<li class="details__item"><a class="details__item item--link" href="">Nuestro espacio</a></li>
<li class="details__item"><a class="details__item item--link" href="">Trabajá con nosotros</a></li>
<li class="details__item"><a class="details__item item--link" href="">Política de Calidad</a></li>
<li class="details__item"><a class="details__item item--link" href="">Política ambiental</a></li>
<li class="details__item"><a class="details__item item--link" href="">Certificaciones</a></li>
</ul>
</details>
</li>
<!--Boton para ir a la pagina de medicos-->
<li class="nav__item">
<a class="item__link" href="">Medicos</a>
</li>
</ul>
</nav>
</header>
<!--Parte principal-->
<main>
<h1 class="titulo">BIENVENIDOS A NUESTRO SITIO WEB</h1>
<!--Imagenes con textos de sus respectivos estudios-->
<section class="estudios">
<div class="estudio estudio--resonancia">
<a href="" class="estudio__link">RESONANCIA MAGNÉTICA</a>
</div>
<div class="estudio estudio--tomografia">
<a href="" class="estudio__link">TOMOGRAFÍA COMPUTADA MULTICORTE</a>
</div>
<div class="estudio estudio--mamografia">
<a href="" class="estudio__link">MAMOGRAFÍA POR TOMOSÍNTESIS</a>
</div>
<div class="estudio estudio--ecografia">
<a href="" class="estudio__link">ECOGRAFÍA Y ECODOPPLER</a>
</div>
<div class="estudio estudio--radiologia">
<a href="" class="estudio__link">RADIOLOGÍA DIGITAL</a>
</div>
<div class="estudio estudio--densitometria">
<a href="" class="estudio__link">DENSITOMETRÍA ÓSEA</a>
</div>
</section>
<!--Informacion de los turnos-->
<section>
<div class="turnos">
<!--Contenedor extra para dar opacidad a la imagen-->
<div class="opaco">
<h2 class="turnos__titulo">TURNOS</h2>
<p class="turnos__info">
Para solicitar turnos, te pedimos que te comuniques por vía telefónica a nuestras líneas rotativas
al (221) 439-2100 de Lunes a Viernes de 8:00 a 20:00 hs. y Sábados de 8:00 a 13:00 hs.
Para turnos de Resonancia, Tomografía, Ecodoppler y Bloqueo lumbar guiado por TC
envianos tu documentación, nombre y DNI por WhatsApp al (221) 637-9675 en el horario
de Lunes a Viernes de 8:00 a 20:00 hs. y Sábados de 8:00 a 13:00 hs.
</p>
</div>
</div>
</section>
<!--Informacion del portal de pacientes-->
<section>
<div class="portal">
<a href="https://pacientes.diagnosticomon.com.ar:3030/">
<img src="Imgs/portal.png" alt="PortalPacientes" class="portal__img">
</a>
</div>
</section>
</main>
<!--Pie de página-->
<footer class="footer">
<h2 class="footer__item item__titulo">Centro Diagnóstico Mon</h2>
<p class="footer__item item__text">Certificados desde 2016 por:</p>
<a href="https://cenas.org.ar/" class="footer__item item__link"><img class="item__img" src="Imgs/Cenas.png" alt="CENAS"></a>
<div class="footer__item item__contact">
<a href="" class="contact__link" target="_blank" rel="noreferrer"><img class="contact__img" src="Imgs/whatsapp.png" alt="WhatsApp"></a>
<a href="" class="contact__link" target="_blank" rel="noreferrer"><img class="contact__img" src="Imgs/phone.png" alt="Telefono"></a>
<a href="" class="contact__link" target="_blank" rel="noreferrer"><img class="contact__img" src="Imgs/facebook.png" alt="Facebook"></a>
<a href="" class="contact__link" target="_blank" rel="noreferrer"><img class="contact__img" src="Imgs/instagram.png" alt="Instagram"></a>
<a href="" class="contact__link" target="_blank" rel="noreferrer"><img class="contact__img" src="Imgs/mail.png" alt="Mail"></a>
<a href="" class="contact__link" target="_blank" rel="noreferrer"><img class="contact__img" src="Imgs/linkedin.png" alt="Linkedin"></a>
</div>
<div class="footer__item item__location">
<p class="location__text">Ubicación:</p>
<a href="" class="location__link" target="_blank" rel="noreferrer"><img class="location__img" src="Imgs/ubicacion.png" alt="Ubicacion"></a>
<a href="" class="location__link" target="_blank" rel="noreferrer"><img class="location__img" src="Imgs/streetView.png" alt="StreetView"></a>
</div>
</footer>
</body>
</html>