-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (141 loc) · 6.77 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
<!DOCTYPE html>
<html lang="es">
<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>Dr. Muelas</title>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<header>
<a href="#" class="logo">
<img src="assets\images\muela_logo2.png" alt="Una muela en caricatura con un cepillo de dientes">
<h1 class="nombreempresa">C.D. Jazmín Ruíz & Asociados</h1>
</a>
<nav>
<a href="#"> ¿Quiénes somos? </a>
<a href="#"> Nuestra misión </a>
<a href="#"> Servicios </a>
<a href="#"> Contacto </a>
</nav>
</header>
<main>
<!-- JUMBOTRON -->
<section class="jumbotron">
<h1 class="jumbotrontitle">Cuidar tu sonrisa es cuidar tu salud</h1>
<section class="jumbotrontext">
<h1>Somos un grupo de especialistas en salud dental, mejorando la funcionalidad y estética de tu sonrisa para lograr una mejor calidad de vida.</h1>
<br>
<p>¡Nos encataría poder ser parte del proceso!</p>
<br>
<section class="correo">
<input type="email" placeholder="Ingresa tu correo">
<button type="submit">Enviar</button>
</section>
<p>Te contactaremos en 24 horas hábiles.</p>
<a href="#">Consulta nuestro aviso de privacidad</a>
</section>
</section>
<!-- BLOG -->
<section class="blog">
<section class="servicio" >
<img src="assets\images\limpiezadental.jpeg" alt="Paciente realizando limpieza dental">
<h1>Limpieza Dental</h1>
<p>La limpieza dental, también llamada profilaxis dental, se hace para eliminar la placa y el cálculo (sarro) que se acumula en los dientes durante el paso del tiempo.</p>
<a href="#">Leer más</a>
</section>
<section class="servicio">
<img src="assets\images\endodoncia.jpg" alt="Proceso de la endodoencia en dientes">
<h1>Endodoncia</h1>
<p>Este procedimiento, comúnmente conocido como matar el nervio, consiste en extirpar total o parcialmente la pulpa dental afectada. Dejando el conducto reticular o raíz, limpia y libre de bacterias.</p>
<a href="#">Leer más</a>
</section>
<section class="servicio">
<img src="assets\images\ortodoncia.jpg" alt="Proceso del blnaqueamiento dental con máquina">
<h1>Ortodoncia</h1>
<p>El objetivo de la ortodoncia es la movilidad de los dientes buscando su normalización oclusal, o el desplazamiento de todo el conjunto dentario, sobre todo, para corregir trastornos funcionales de la masticación.</p>
<a href="#">Leer más</a>
</section>
<section class="servicio">
<img src="assets\images\protesisdentales.jpg" alt="Selección de color de dientes para carillas dentales">
<h1>Prótesis Dentales</h1>
<p>Una prótesis dental es la restauración artificial parcial o total de la anatomía de la boca. En término más coloquial cubrir la falta de las piezas dentales en cualquier parte de la boca, ayudandole así a poder llevar una vida normal a través de su salud buco dental.</p>
<a href="#">Leer más</a>
</section>
</section>
<!-- ADICIONALES -->
<section class="adicionales">
<section class="consulta">
<img src="assets\images\consultoriodental.jpg" alt="Foto de la Dra. atendiendo un paciente en su consultorio">
</section>
<section class="agendacita">
<h1>Agenda tu cita para una revisón dental</h1>
<p>Nombre</p>
<input type="text" placeholder="Nombre">
<p>Apellidos</p>
<input type="text"placeholder="Apellidos">
<p>Celular</p>
<input type="number" placeholder="Celular">
<p>Correo</p>
<input type="email"placeholder="Correo">
<p>Servicio de interés</p>
<input type="text"placeholder="Servicio de interés">
<p>¿Qué día y horario le gustaría agendar su consulta?</p>
<input type="datetime-local"placeholder="Nombre">
<button type="submit">Enviar</button>
<p>Te contactaremos en 24 horas hábiles.</p>
<a href="#">Consulta nuestro aviso de privacidad.</a>
</section>
</section>
</main>
<footer>
<section class="redes">
<h1 class="titleredes">Nuestras redes sociales</h1>
<img src="assets\images\fblogo.png" alt="Liga para la página de Facebook">
<img src="assets\images\iglogo.png" alt="Liga para la página de Instagram">
<img src="assets\images\twitterlogo.png" alt="Liga para la página de Twitter">
</section>
<section class="pie">
<section>
<h2>Acerca de nosotros</h2>
<p><a href="X">¿Quiénes somos?</a></p>
<p><a href="X">Nuestra misión</a></p>
<p><a href="X">Servicios</a></p>
<p><a href="X">Contacto</a></p>
</section>
<section>
<h2>Calle 16 de Septiembre #216</h2>
<h2>Santa María Tonameca Centro</h2>
<h2>Santa María Tonameca, Oax. C.P. 70946</h2>
<br>
<h1>Horarios de atención:</h1>
<h4>Lunes y Martes</h4>
<p>9:00 AM a 2:00 PM</p>
<p>3:30 PM a 7:00 PM</p>
</section>
<section>
<h2>Calle colorín #112</h2>
<h2>Bahías de Huatulco, Sector H.</h2>
<h2>Huatulco, Oax. C.P. 70987</h2>
<br>
<h1>Horarios de atención:</h1>
<h4>Miércoles, Jueves y Viernes</h4>
<p>9:00 AM a 2:00 PM</p>
<p>3:30 PM a 7:00 PM</p>
<h4>Sábado</h4>
<p>9:00 AM a 3:00 PM</p>
</section>
<section>
<h2>Legal</h2>
<p><a href="#">Aviso de privacidad</a></p>
<p><a href="#">Términos y Condiciones</a></p>
</section>
</section>
<section class="avisos">
<p>© 2022 U Camp. Todos los derechos reservados. Esta es una página ficticia para fines académicos.</p>
<p>Powered by Pedro Sáenz</p>
</section>
</footer>
</body>
</html>