-
Notifications
You must be signed in to change notification settings - Fork 3
/
quedana.html
executable file
·299 lines (299 loc) · 14.2 KB
/
quedana.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
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE html>
<html lang="es-MX">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="description" content="México, país de las maravillas. Sitio web interactivo cuyo objetivo es el acercamiento de los niños al conocimiento de la riqueza natural del país a través de caricaturas, fotografías, videos, juegos y sonidos."/>
<meta name="author" content="Comisión Nacional para el Conocimiento y Uso de la Biodiversidad, CONABIO."/>
<title>¿Cómo dañamos los ecosistemas? | El país de las maravillas</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.png"/>
<!-- jquery del CDN de google -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<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=Pangolin&family=Work+Sans:ital,wght@0,300;0,400;0,800;1,400&display=swap" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet"/>
<!-- animate-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="assets/mega-site-navigation/css/style.css"> <!-- menu -->
<link href="css/danan.css" rel="stylesheet" type="text/css">
</head>
<body class="nav-is-fixed">
<header class="cd-main-header"></header>
<main class="cd-main-content">
<section class="text-center pb-5" id="ed1">
<div class="row justify-content-center align-items-center fondonegro">
<div class="col-lg-7">
<h2>¿Cómo dañamos los ecosistemas?</h2>
<p> Las acciones directas que dañan y amenazan a las especies y sus ecosistemas son:</p>
<p>La conversión de ecosistemas en zonas agrícolas, potreros para ganado, presas, zonas urbanas y carreteras. La explotación excesiva de especies, incluyendo su tráfico ilegal. La introducción de especies de otros países que se vuelven invasoras. La contaminación del suelo, agua y aire.</p>
</div>
</div>
</section>
<!-- Projects-->
<section class="projects-section" id="ed2">
<div class="container px-4 px-lg-5 my-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-12 wow animate__animated animate__fadeInLeft">
<div class="margen row">
<div class="col-sm-12 mt-4">
<h2>Selva húmeda</h2>
</div>
<div class="col-sm-12 mt-4">
<p> Los principales impactos directos son la transformación del ecosistema para dedicarlo a agricultura o ganadería. El cambio climático originado por los gases de invernadero ocasionará condiciones más cálidas y secas afectando a los ecosistemas húmedos.</p>
</div>
</div>
<div id="prod1" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3"> <!--Quitar clase margen y checar las otras clases y css-->
<img src="assets/img/mexico/dana/01_dansel.jpg" class="col-sm-3 img-fluid img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="mt-3 text-center">Ganadería</h3>
<p class="text-center">
Los potreros para la cría de vacas y otros animales que consumimos han reemplazado a las selvas en muchos lugares. </p>
</div>
</div>
</div>
<div id="prod2" class="producto container-fluid d-flex mt-4 justify-content-center">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/02_dansel.jpg" class="col-sm-3 img-fluid img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="mt-3 text-center">Carreteras</h3>
<p class="text-center">
Las carreteras fragmentan las selvas y algunas especies como los monos araña y los saraguatos, quedan aisladas.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="projects-section" id="ed3">
<div class="container px-4 px-lg-5 mt-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-10 wow animate__animated animate__fadeInRight">
<div class="margen row">
<div class="col-sm-12 ">
<h2 class="mt-3 text-left">Bosque templado</h2>
</div>
<div class="col-sm-12">
<p>
Las principales amenazas son su destrucción y deterioro por la tala clandestina, incendios, desmontes para agricultura, ganadería, desarrollo urbano y caminos. Su lenta regeneración, la reducción de su distribución y su continua perturbación han ocasionado que sean considerados frágiles, en vías de desaparición y por lo tanto con prioridad de conservación.
</p>
</div>
</div>
<div id="prod3" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/03_danbos.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="text-center mt-3">Cambio climático</h3>
<p class="text-center ">
Los glaciares de los volcanes se han derretido debido al calentamiento de la Tierra. Estamos perdiendo fuentes de recarga de mantos acuíferos y de abastecimiento del agua que usamos diariamente.
</p>
</div>
</div>
</div>
<div id="prod4" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/04_danbos.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="text-center">Incendios</h3>
<p class="text-center">
La gran mayoría de los incendios son provocados por nosotros, ya sea por descuidos o intencionalmente. Al quemar los pastizales para promover el crecimiento de los pastos, los incendios escapan y afectan otros ecosistemas.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="projects-section" id="ed4">
<div class="container px-4 px-lg-5 mt-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-10 wow animate__animated animate__fadeInLeft">
<div class="margen row mb-3">
<div class="col-sm-12">
<h2 class="text-left mt-3">Pastizal</h2>
</div>
<div class="col-sm-12">
<p>
Los pastizales son uno de los ambientes más amenazados de América del Norte. Los pastizales han sido reemplazados por zonas agrícolas y ganaderas. El sobrepastoreo de vacas, borregos y cabras produce pérdida de especies vegetales, animales y de suelo.
</p>
</div>
</div>
<div id="prod5" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/05_danpas.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="text-center">Urbanización</h3>
<p class="text-center">
El crecimiento desordenado de las ciudades se extiende primero por las zonas planas en donde se ubican los pastizales, desapareciéndolos por completo.
</p>
</div>
</div>
</div>
<div id="prod6" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/06_danpas.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="text-center">Agricultura</h3>
<p class="text-center">
Los primeros ecosistemas en ser reemplazados por los campos de cultivo son los pastizales por estar localizados en terrenos planos. A veces se introducen especies exóticas de pastos para alimentar al ganado.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="projects-section" id="ed5">
<div class="container px-4 px-lg-5 mt-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-10 wow animate__animated animate__fadeInRight">
<div class="margen row mb-3">
<div class="col-sm-12">
<h2 class="text-left">Matorral</h2>
</div>
<div class="col-sm-12">
<p>
El sobrepastoreo por vacas, borregos y cabras ha ocasionado grandes cambios en la composición de los matorrales. Las especies preferidas por los herbívoros desaparecen mientras que las no apetecibles, aumentan.
</p>
</div>
</div>
<div id="prod7" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/07_danamat.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="text-center">Sobreexplotación</h3>
<p class="text-center">
La extracción ilegal de especies de cactos en México ha contribuido a que varias especies estén en peligro de extinción.
</p>
</div>
</div>
</div>
<div id="prod8" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/08_danamat.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="text-center">Contaminación</h3>
<p class="text-center">
Grandes cantidades de basura son tiradas en los matorrales, produciendo distintas formas de contaminación.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="projects-section" id="ed6">
<div class="container px-4 px-lg-5 mt-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-9 wow animate__animated animate__fadeInLeft">
<div class="margen row mb-3">
<div class="col-sm-12">
<h2 class="text-left mt-3">Océano Pacífico</h2>
</div>
<div class="col-sm-12">
<p>
La falta de cuidado y de una visión panorámica han sido de las principales causas en las últimas décadas de la degradación de nuestras costas. Los hoteles han ido eliminando importantes zonas costeras y afectando manglares, corales y pastos marinos.
</p>
</div>
</div>
<div id="prod9" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/09_danapac.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="text-center">Desechos</h3>
<p class="text-center">
Toneladas de desechos sólidos y líquidos son vertidos al mar por industrias, zonas turísticas, ciudades y poblados costeros.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="projects-section" id="ed7">
<div class="container px-4 px-lg-5 mt-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-9 wow animate__animated animate__fadeInLeft">
<div class="margen row mb-3">
<div class="col-sm-12">
<h2 class="text-left mt-3">Golfo y Caribe</h2>
</div>
<div class="col-sm-12">
<p>
Las principales amenazas son las zonas hoteleras así como la transformación y contaminación por agricultura, ganadería, desechos caseros y por derrames de petróleo.
</p>
</div>
<div class="col-sm-12">
<p>
El deterioro de manglares, arrecifes y praderas de pastos marinos trae como consecuencia la disminución de muchos de los animales que nos comemos diario.
</p>
</div>
</div>
<div id="prod10" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/10_dangol.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<div class="contenido col-sm-9 m-auto">
<h3 class="text-center">Blanqueamiento de coral</h3>
<p class="text-center">
El aumento de la temperatura del agua del mar por el cambio climático mata a las algas y a los pólipos de coral.
</p>
</div>
</div>
</div>
<div id="prod11" class="producto container-fluid d-flex justify-content-center mt-4">
<div class="margen row mb-3">
<img src="assets/img/mexico/dana/11_dangol.jpg" class="img-fluid col-sm-3 img-thumbnail" alt="">
<article class="contenido col-sm-9 m-auto">
<h3 class="text-center">Especies invasoras</h3>
<p class="text-center">
Las mascotas al ser liberadas en lugares donde no pertenecen, compiten, depredan, y transforman el ambiente de las especies nativas y además les pueden transmitir enfermedades.
</p>
</article>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer bg-verdeselva small text-center text-white-50" id="footer"></footer>
</main>
<!-- Usar load para cargar contenido de menu y footer-->
<script>
$(document).ready(function () {
$('header').load('./includes/header.html', function () {
$.getScript('./assets/mega-site-navigation/js/main.js');
$.getScript('./assets/mega-site-navigation/js/jquery.mobile.custom.min.js');
});
$('footer').load('./includes/footer.html');
});
</script>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!--wow js-->
<script src="js/wow.js"></script>
<!--scripts fuera del template base, tomé los del morphing modals, pero podrían ser en una carpeta afuera-->
<script src="assets/morphing-modal/js/velocity.min.js"></script> <!-- velocity -->
<script src="assets/morphing-modal/js/modernizr.js"></script> <!-- Modernizr -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-295WCBSQXS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-295WCBSQXS');
</script>
<!-- End Google tag (Google analytics 4) -->
</body>
</html>