-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmujeres-actualidad.html
179 lines (155 loc) · 8.75 KB
/
mujeres-actualidad.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/img/favicon.jpg" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="/css/styles.css">
<title>Mujeres Sin Límites</title>
</head>
<body>
<header class="hero__">
<div class="container__">
<nav class="nav__">
<a href="index.html" class="nav_item__">Inicio</a>
<a href="historias-inspiradoras.html" class="nav_item__">Historias Inspiradoras</a>
<a href="mujeres-actualidad.html" class="nav_item__">Mujeres en la Actualidad</a>
<a href="interacciones.html" class="nav_item__">Interacciones</a>
<a href="contacto.html" class="nav_item__">Contacto</a>
</nav>
</div>
</header>
<div class="relative flex justify-center items-center">
<img src="/img/img_ma1.jpg" alt="Sample" class="w-full h-auto" />
<div class="absolute inset-0 flex justify-center items-center bg-black bg-opacity-60">
<p class="text-white text-5xl">Mujeres en la Actualidad</p>
</div>
</div>
<main>
<div class="text container">
<br>
<p class="text">
Las mujeres tienen un papel fundamental en la sociedad y en la vida de las personas. Contribuyen en
áreas como
la educación, la salud, la economía y la política, y juegan un papel importante en la formación de la
familia y
en la crianza de los hijos. Es importante reconocer y valorar el papel de las mujeres en la vida y
trabajar para
garantizar que tengan las mismas oportunidades y derechos que los hombres.
</p>
</div>
<br><br>
<div class="flex flex-col items-center">
<h2 class="subtitle text-center mb-10 text-2xl">Liderazgo y Transformación en el Mundo Actual</h2>
<div class="flex flex-wrap justify-center">
<div class="w-full sm:w-1/3 p-4 flex">
<div class="bg-white shadow-md rounded-lg flex-1">
<div class="p-6">
<h5 class="font-bold text-xl mb-2">Innovación y Cambio Social</h5>
<p class="text-gray-700">Las mujeres de hoy están impulsando innovaciones que no solo
transforman la
tecnología, sino también el bienestar social. A través de su capacidad para identificar
problemas y proponer soluciones creativas, han desarrollado iniciativas que benefician
comunidades enteras. Su empatía y enfoque colaborativo las convierten en agentes de
cambio
que construyen un futuro más inclusivo y sostenible.</p>
</div>
</div>
</div>
<div class="w-full sm:w-1/3 p-4 flex">
<div class="bg-white shadow-md rounded-lg flex-1">
<div class="p-6">
<h5 class="font-bold text-xl mb-2">Resiliencia y Adaptación</h5>
<p class="text-gray-700">Las mujeres han demostrado una increíble capacidad para adaptarse a
situaciones adversas, desde enfrentar desigualdades laborales hasta superar barreras
culturales. Su resiliencia se refleja en cómo han gestionado con éxito tanto la vida
personal como profesional, liderando en momentos de crisis y tomando decisiones clave
que
redefinen industrias y políticas a nivel global.</p>
</div>
</div>
</div>
<div class="w-full sm:w-1/3 p-4 flex">
<div class="bg-white shadow-md rounded-lg flex-1">
<div class="p-6">
<h5 class="font-bold text-xl mb-2">Educación como Poder</h5>
<p class="text-gray-700">El acceso a la educación ha sido un factor clave en el
empoderamiento
femenino. Cada vez más mujeres están logrando títulos avanzados y capacitaciones
especializadas, lo que les permite destacarse en sectores donde anteriormente su
presencia
era mínima. Con su conocimiento y habilidades, están abriendo caminos y rompiendo techos
de
cristal, contribuyendo significativamente a la investigación, la ciencia y la cultura.
</p>
</div>
</div>
</div>
</div>
<br><br><br>
<h2 class="subtitle text-center mb-8 text-2xl">Palabras que Inspiran el Cambio</h2>
<div class="flex flex-wrap justify-center mb-8">
<div class="w-full sm:w-2/5 p-4">
<img src="/img/img_ma2.jpg" class="w-full h-auto rounded" alt="Townhouses and Skyscrapers" />
</div>
<div class="w-full sm:w-2/5 p-4">
<div class="bg-white shadow-md rounded-lg h-full flex flex-col">
<div class="p-6 flex-grow">
<blockquote class="mb-0">
<p class="text-gray-700">"El empoderamiento de las mujeres no se trata solo de hacer
ruido, sino de cambiar el
mundo con nuestra voz y nuestras acciones."</p>
<footer class="text-right text-gray-500">Malala Yousafzai</footer>
</blockquote>
</div>
</div>
</div>
</div>
<br><br>
<div class="flex flex-wrap justify-center mb-8">
<div class="w-full sm:w-2/5 p-4">
<img src="/img/img_ma3.jpg" class="w-full h-auto rounded" alt="Townhouses and Skyscrapers" />
</div>
<div class="w-full sm:w-2/5 p-4">
<div class="bg-white shadow-md rounded-lg h-full flex flex-col">
<div class="p-6 flex-grow">
<blockquote class="mb-0">
<p class="text-gray-700">"Nunca dudes que un pequeño grupo de personas comprometidas
pueda cambiar el mundo. De
hecho, es lo único que lo ha logrado."</p>
<footer class="text-right text-gray-500">Margaret Mead</footer>
</blockquote>
</div>
</div>
</div>
</div>
<br><br>
<div class="flex flex-wrap justify-center mb-8">
<div class="w-full sm:w-2/5 p-4">
<img src="/img/img_ma4.jpg" class="w-full h-auto rounded" alt="Townhouses and Skyscrapers" />
</div>
<div class="w-full sm:w-2/5 p-4">
<div class="bg-white shadow-md rounded-lg h-full flex flex-col">
<div class="p-6 flex-grow">
<blockquote class="mb-0">
<p class="text-gray-700">"Las mujeres que tienen la oportunidad de explorar la
tecnología y la ciencia no solo se
empoderan a sí mismas, sino que empoderan al mundo entero."</p>
<footer class="text-right text-gray-500">Sheryl Sandberg</footer>
</blockquote>
</div>
</div>
</div>
</div>
<br><br><br>
</main>
<script src="https://kit.fontawesome.com/e1501763d7.js" crossorigin="anonymous"></script>
<!-- MDBootstrap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/6.0.0/mdb.min.js"></script>
</body>
</html>