-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (115 loc) · 4.19 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
<!DOCTYPE html>
<html lang="es-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. Ivan Castillo | Página de Aterrizaje</title>
<!-- Style Sheets -->
<link rel="stylesheet" href="/styles/index.css" />
<!-- Font Families -->
<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=Inter&family=Poppins:wght@300;400;500;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<nav>
<img
src="/assets/icons/brandLogo.jpg"
alt="Logotipo Clínica del Dolor"
/>
</nav>
<div class="header-container">
<div class="text-container">
<h1>¿Por qué deberías ver este video?</h1>
<p>
¡Bienvenidos a la clínica del dolor! Somos un centro altamente
cualificado y especializado en sanar y aliviar tu dolor. ¡Síguenos
en nuestras redes sociales para obtener más información y consejos!
</p>
<span>Haz click en el video a continuación</span>
</div>
<img src="/assets/images/video-file.jpg" alt="File video not found" />
</div>
</header>
<main>
<section>
<h1>Sígueme en mis Redes Sociales</h1>
<div class="social-media-container">
<div class="tiktok-card">
<img src="/assets/icons/tik-tok.png" alt="TikTok logo" />
<h2>TikTok</h2>
<p>
¡Síguenos en TikTok para obtener más información y consejos sobre
cómo aliviar tus dolores!
</p>
<button class="cta">
<span>¡Unirme ya!</span>
<svg viewBox="0 0 13 10" height="10px" width="15px">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg>
</button>
</div>
<div class="youtube-card">
<img src="/assets/icons/youtube.png" alt="YouTube logo" />
<h2>YouTube</h2>
<p>
¡Síguenos en YouTube para obtener más información y consejos sobre
cómo aliviar tus dolores!
</p>
<button class="cta">
<span>¡Unirme ya!</span>
<svg viewBox="0 0 13 10" height="10px" width="15px">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg>
</button>
</div>
<div class="instagram-card">
<img src="/assets/icons/instagram.png" alt="Instagram logo" />
<h2>Instagram</h2>
<p>
¡Síguenos en Instagram para obtener más información y consejos
sobre cómo aliviar tus dolores!
</p>
<button class="cta">
<span>¡Unirme ya!</span>
<svg viewBox="0 0 13 10" height="10px" width="15px">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg>
</button>
</div>
</div>
</section>
<section>
<div class="about-owner-product">
<img
src="/assets/images/picture-producer.png"
alt="Imagen provisional del doctor"
/>
<div class="owner-text-container">
<h2>Dr. Ivan Castillo</h2>
<h3>Neurocirujano</h3>
<p>
risus in hendrerit gravida rutrum quisque non tellus orci ac
auctor augue mauris augue neque gravida in fermentum et
sollicitudin ac orci phasellus egestas tellus rutrum tellus
pellentesque eu tincidunt tortor aliquam nulla facilisi cras
fermentum odio eu feugiat pretium nibh ipsum consequat nisl vel
pretium lectus quam id leo.
</p>
</div>
</div>
</section>
</main>
<footer>
<p>Copyright 2022 - La Fábrica</p>
</footer>
</body>
</html>