-
Notifications
You must be signed in to change notification settings - Fork 3
/
cantos.html
executable file
·241 lines (241 loc) · 10.1 KB
/
cantos.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
<!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>Cantos y cuentos | 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"/>
<!--css fuera del template base-->
<link rel="stylesheet" href="assets/mega-site-navigation/css/style.css"> <!-- menu -->
<link rel="stylesheet" href="assets/animated-headline/css/style.css">
<link href="css/cantos.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="cc1">
<div class="margen"></div>
</section>
<!-- GANADORES -->
<section class="projects-section" id="cc2">
<div class="container px-4 px-lg-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-12 wow animate__animated animate__fadeInLeft">
<a id="enlace" href="https://www.biodiversidad.gob.mx/conabio/musica#pills-llamado" target="_blank"></a>
<div class="megatitle" id="ganadores"></div>
<div class="columna cantos">
<div class="titulo"></div>
<ul>
<li>
<h4>El llamado</h4>
<p>Nestor Isidro Rincón Catalán</p>
<p class="estados">Chiapas</p>
<a href="assets/audio/cc/cc_elllamado.mp3" class="pt-2" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Cómo quisiera</h4>
<p>Valentina Ortíz Pandolfi</p>
<p class="estados">Ciudad de México</p>
<a href="assets/audio/cc/cc_comoquisera.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Ajolote mexicano</h4>
<p>Juan Jesús Juárez Ortíz</p>
<p class="estados">Puebla</p>
<a href="assets/audio/cc/cc_ajolotemexicano.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Tortuga marina</h4>
<p>Diana Couriel</p>
<a href="assets/audio/cc/cc_tortugamarina.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Fandanguito volador</h4>
<p>Diego Astorga, Miguel Guerra, Joaquín Ortíz y Xanai Ortíz</p>
<p class="estados">Michoacán</p>
<a href="assets/audio/cc/cc_fandanguito.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Yuya la calandria acahualera</h4>
<p>Lorena Gedovius</p>
<p class="estados">Ciudad de México</p>
<a href="assets/audio/cc/cc_yuya.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Manatí</h4>
<p>Diana Couriel</p>
<a href="assets/audio/cc/cc_manati.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
</ul>
</div>
<div class="columna cuentos">
<div class="titulo"></div>
<ul>
<li>
<h4>Las jícaras de agua</h4>
<p>Julio César Gallardo Vásquez</p>
<p class="estados">Oaxaca</p>
<a href="assets/audio/cc/cc_lasjicaras.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Ximena y el maguey</h4>
<p>Manuel Sánchez Briones</p>
<p class="estados">Nuevo León</p>
<a href="assets/audio/cc/cc_ximenayelmaguey.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>El lirio</h4>
<p>Roxanna Erdman Lango</p>
<p class="estados">Ciudad de México</p>
<a href="assets/audio/cc/cc_ellirio.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Xolotl</h4>
<p>Nicolás Carlos de Anda Hernández</p>
<p class="estados">Morelos</p>
<a href="assets/audio/cc/cc_xolotl.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
<li>
<h4>Patokgtokg La primavera</h4>
<p>Eduardo Alberto Sánchez Domingo</p>
<p class="estados">Veracruz</p>
<a href="assets/audio/cc/cc_patokgtokg.mp3" target="_blank"><i class="fas fa-headphones fa-2x"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- MENCIÓN HONORÍFICA-->
<section class="projects-section" id="cc3">
<div class="container px-4 px-lg-5">
<div class="row justify-content-center align-items-center">
<div class="col-lg-12 wow animate__animated animate__fadeInRight">
<div class="megatitle" id="honorifica"></div>
<div class="columna cantos">
<div class="titulo"></div>
<ul>
<li>
<h4>Madre Tierra</h4>
<p>Mandujano Zúñiga</p>
<p class="estados">Chiapas</p>
<a href="assets/audio/cc/cc_madretierra.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
<li>
<h4>Cempasúchil</h4>
<p>David García Hernández</p>
<p class="estados">Ciudad de México</p>
<a href="assets/audio/cc/cc_cempasuchil.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga">
</a>
</li>
<li>
<h4>Mariposa monarca</h4>
<p>Diana Couriel</p>
<a href="assets/audio/cc/cc_mariposamonarca.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
<li>
<h4>El ajolote</h4>
<p>Manuel Viterbo Meric</p>
<p class="estados">Ciudad de México</p>
<a href="assets/audio/cc/cc_elajolote.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
<li>
<h4>Ballenas jorobadas canto entre mamá e hijo</h4>
<p>Erándira Valle Padilla</p>
<p class="estados">Baja California Sur</p>
<a href="assets/audio/cc/cc_ballenasjorobadas.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
<li>
<h4>Soñamos en zapoteca</h4>
<p>Elizabeth Valdivieso Gurrión</p>
<p class="estados">Oaxaca</p>
<a href="assets/audio/cc/cc_sonamosenzapoteca.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
</ul>
</div>
<div class="columna cuentos">
<div class="titulo"></div>
<ul>
<li>
<h4>Los duendes guardianes</h4>
<p>Mauricio Romero Vidal</p>
<p class="estados">Veracruz</p>
<a href="assets/audio/cc/cc_losduendesguardianes.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
<li>
<h4>Chan ko'olel kab - La niña abeja</h4>
<p>Cessia Chuc Uc</p>
<p class="estados">Campeche</p>
<a href="assets/audio/cc/cc_chankoolelkab.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
<li>
<h4>Don Ahuehuete y Don Pino</h4>
<p>Hugo Cesar Rosales Olivares</p>
<p class="estados">Ciudad de México</p>
<a href="assets/audio/cc/cc_donahuehueteydonpino.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
<li>
<h4>El plan del escarabajo</h4>
<p>Askari Mateos</p>
<p class="estados">Ciudad de México</p>
<a href="assets/audio/cc/cc_elplandelescarabajo.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
<li>
<h4>La gran deuda de la humanidad</h4>
<p>Rosa Isela Percastre Cuenca y Tlanex Valdés Rodríguez</p>
<p class="estados">Estado de México</p>
<a href="assets/audio/cc/cc_lagrandeudadelahumanidad.mp3"><img src="assets/img/materiales/cantosycuentos/bajar.png" alt="icono descarga"></a>
</li>
</ul>
</div>
<div class="semifooter mb-5">
<div class="logos"></div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer bg-verdeselva small text-center text-white-50" id="footer"></footer>
</main>
<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>
<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>