-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
442 lines (389 loc) · 24 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
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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
<!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, shrink-to-fit=no"/>
<meta name="keywords" content="Nuestro Turno, Mujeres, Política, Colombia, Universidad de los Andes">
<meta name="description" content="Somos un proyecto estudiantil que busca visibilizar el trabajo y la realidad de las mujeres en la política colombiana."/>
<meta name="author" content="diseño web: Sofía Castañeda Mosquera" />
<meta name="copyright" content="Todos los derechos reservados.">
<title>Nuestro Turno</title>
<!--ícono pestaña-->
<link rel="icon" type="image/x-icon" href="imagenes/favicon_prudencia.png"/>
<!--CSS-->
<link href="css/styles.css" rel="stylesheet" />
<!--Hoja estilo propia-->
<link rel="stylesheet" href="css/misestilos.css">
<!--ÍCONOS-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!--Adobe-->
<!--ZWO-->
<link rel="stylesheet" href="https://use.typekit.net/hrd8jkh.css">
<!--SOLEIL-->
<link rel="stylesheet" href="https://use.typekit.net/hrd8jkh.css">
</head>
<body id="inicio">
<!-- NAVBAR-->
<nav class="navbar navbar-expand-lg fixed-top ignorame" id="mainNav">
<div class="container ignorame">
<a class="navbar-brand js-scroll-trigger titular ignorame" href="#inicio"><img src="imagenes/titledotty.svg" alt="Nuestro Turno" width="200" height="40" class=""></a>
<button class="navbar-toggler navbar-toggler-right ignorame" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menú
<i class="fas fa-bars ignorame"></i>
</button>
<div class="collapse navbar-collapse ignorame" id="navbarResponsive">
<ul class="navbar-nav ml-auto ignorame">
<li class="nav-item itemmenu ignorame"><a class="nav-link js-scroll-trigger" href="#about">El proyecto</a></li>
<li class="nav-item itemmenu ignorame"><a class="nav-link js-scroll-trigger" href="#participantes">Participantes</a></li>
<li class="nav-item itemmenu ignorame"><a class="nav-link js-scroll-trigger" href="#equipo">Equipo</a></li>
<li class="nav-item itemmenu ignorame"><a class="nav-link js-scroll-trigger" target="_blank" href="https://www.lasillavacia.com/la-silla-vacia/especiales/nuestro-turno"><img src="imagenes/silla.svg" alt="Especial Nuestro Turno en La Silla Vacía" width="40" height="40" class=""></a></li>
</ul>
</div>
</div>
</nav>
<!--LANDING-->
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
</div>
</header>
<!-- About-->
<section class="about-section text-center" id="about">
<div class="container">
<div class="row mt-2 mb-2">
<div class="col-lg-8 mx-auto">
<h2 class="text-white titular">Lo que nos impulsa</h2>
<p class="parrafo mt-4">
Ser mujer y trabajar en la política no es fácil. Las legisladoras, como tantas otras mujeres que se desempeñan en entornos tradicionalmente masculinos, se enfrentan constantemente a prejuicios que estigmatizan, disminuyen y obstaculizan su trayectoria profesional.
<br><br>
<strong>Nuestro Turno</strong> nace en respuesta a esta realidad. Queremos crear espacios que reconozcan los logros de las mujeres en el Congreso, así como los obstáculos que deben sortear diariamente en sus vidas laborales y personales; contribuyendo a humanizar su imagen en un entorno de discusión altamente polarizado y agresivo.
</p>
<img src="imagenes/cadena.png" alt="" height="120px">
<br><br><br>
</div>
</div>
</div>
<div class="container-fluid">
</div>
<div class="container-fluid">
<div class="row fondoverde">
<div class="col-lg-8 mx-auto mt-4 mb-3">
<h2 class="titularblanco">Proyecto</h2>
<p class="text-black parrafo mt-4">Nuestro Turno es un proyecto audiovisual. Hacemos videos en los que las legisladoras <strong>nos permiten dar un vistazo a sus vidas desde la perspectiva de sus seres queridos.</strong> A diferencia de sus apariciones en medios, estas entrevistas revelan una faceta más personal de las Congresistas, desconocida para la mayoría del público, poniendo sobre la mesa aspectos de su vida con los cuales nos podemos relacionar: <strong>historias de amistad, amor, travesuras, complicidad y cariño.</strong>
</p>
<h2 class="titularblancoii">¿Por qué creemos en este formato?</h2>
<p class="text-black parrafo mt-4">Consideramos que estos videos tienen el potencial de incidir en la manera en la cual pensamos y hablamos sobre las mujeres en la política. Esperamos que estos videos ayuden a <strong>humanizar</strong> a las legisladoras y al discurso que las rodea.
</p>
</div>
</div>
</div>
</section>
<!--
<!--PARTICIPANTE 1 CATALINA ORTIZ
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto my-3">
<img class="img-fluid participanteimg mx-0 p-0" src="imagenes/catalina_ortiz.png" alt="">
</div>
</div>
</div>
<!--PARTICIPANTE 2 PALOMA VALENCIA
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto my-3">
<img class="img-fluid participanteimg mx-0 p-0" src="imagenes/paloma_valencia.jpg" alt="">
</div>
</div>
</div>
<!--PARTICIPANTE 3 ADRIANA MATIZ
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto my-3">
<img class="img-fluid participanteimg mx-0 p-0" src="imagenes/adriana_matiz.jpg" alt="">
</div>
</div>
</div>
<!--PARTICIPANTE 4 YENICA ACOSTA
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto my-3">
<img class="img-fluid participanteimg mx-0 p-0" src="imagenes/yenica_acosta.jpg" alt="">
</div>
</div>
</div>
<!--PARTICIPANTE 5 ASTRID SANCHEZ
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto my-3">
<img class="img-fluid participanteimg mx-0 p-0" src="imagenes/astrid_sanchez.jpg" alt="">
</div>
</div>
</div>-->
<!---->
<!--SORT--><!--SORT--><!--SORT--><!--SORT--><!--SORT-->
<!-- Projects-->
<section class="projects-section fondoblanco" id="participantes">
<h2 class="titularverdeii mb-2">Congresistas participantes</h2>
<h4 class="subsorttexto">Haz click en las fotos para ver el perfil y el video.</h4>
<div class="wraper">
<div class="iso-nav">
<ul>
<li class="activee" data-filter="*">Todas las Congresistas</li>
<li class="" data-filter=".sen">Senadoras</li>
<li class="" data-filter=".rep">Representantes a la Cámara
</li>
<li onClick="myFunction()" class="dropbtnn ">Por partido</li>
<ul id="myDropdown" class="dropdown-content">
<li class="" data-filter=".cd">Centro Democrático</li>
<li class="" data-filter=".pc">Partido Conservador</li>
<li class="" data-filter=".av">Alianza Verde</li>
<li class="" data-filter=".pu">Partido de la U</li>
<li class="" data-filter=".cr">Cambio Radical</li>
<li class="" data-filter=".de">Decentes</li>
<li class="" data-filter=".pv">Partido Verde</li>
<li class="" data-filter=".pl">Partido Liberal</li>
</ul>
<li onClick="myFunction2()" class="dropbtnnn ">Por serie</li>
<ul id="myDropdown2" class="dropdown-content-2">
<li class="" data-filter=".ser1">Serie 1</li>
<li class="" data-filter=".ser2">Serie 2</li>
<li class="" data-filter=".ser3">Serie 3</li>
<li class="" data-filter=".ser4">Serie 4</li>
</ul>
</ul>
</div>
<div class="main-iso" style="left: 35px;">
<!--TANDA 1-->
<div class="item rep pc ser1">
<a href="bioadrianamatiz.html"><img src="imagenes/img-sort/sort_adriana.png" class="fotosort" alt="Adriana Matiz" data-bs-toggle="modal" data-bs-target="#exampleModal"></a>
</div>
<div class="item rep pu ser1">
<a href="bioastridsanchez.html"><img src="imagenes/img-sort/sort_astrid.png" class="fotosort" alt="Astrid Sánchez"></a>
</div>
<div class="item rep av ser1">
<a href="biocatalinaortiz.html"><img src="imagenes/img-sort/sort_catalina.png" class="fotosort" alt="Catalina Ortiz"></a>
</div>
<div class="item sen cd ser1">
<a href="biopalomavalencia.html"><img src="imagenes/img-sort/sort_paloma.png" class="fotosort" alt="Paloma Valencia"></a>
</div>
<div class="item rep cd ser1">
<a href="bioyenicaacosta.html"><img src="imagenes/img-sort/sort_yenica.png" class="fotosort" alt="Yenica Acosta"></a>
</div>
<!--TANDA 2-->
<div class="item rep pc ser2">
<a href="bionidiaosorio.html"><img src="imagenes/img-sort/sort_nidia.png" class="fotosort" alt="Nidia Osorio"></a>
</div>
<div class="item rep cd ser2">
<a href="biomargaritarestrepo.html"><img src="imagenes/img-sort/sort_margarita.png" class="fotosort" alt="Margarita Restrepo"></a>
</div>
<div class="item rep de ser2">
<a href="biomariajosepizarro.html"><img src="imagenes/img-sort/sort_maria_jose.png" class="fotosort" alt="María José Pizarro"></a>
</div>
<div class="item rep cr ser2">
<a href="bioangelasanchez.html"><img src="imagenes/img-sort/sort_angela.png" class="fotosort" alt="Ángela Sánchez"></a>
</div>
<div class="item rep pv ser2">
<a href="biojuanitagoebertus.html"><img src="imagenes/img-sort/sort_juanita.png" class="fotosort" alt="Juanita Goebertus"></a>
</div>
<!--TANDA 3-->
<div class="item rep cd ser3">
<a href="biojenniferarias.html"><img src="imagenes/img-sort/sort_jennifer.png" class="fotosort" alt="Jennifer Arias"></a>
</div>
<div class="item sen pc ser3">
<a href="bionadiablel.html"><img src="imagenes/img-sort/sort_nadia.png" class="fotosort" alt="Nadia Blel"></a>
</div>
<div class="item rep pl ser3">
<a href="biofloraperdomo.html"><img src="imagenes/img-sort/sort-florita.png" class="fotosort" alt="Flora Perdomo"></a>
</div>
<div class="item sen pc ser3">
<a href="biomyriamparedes.html"><img src="imagenes/img-sort/sort-myriam.png" class="fotosort" alt="Myriam Paredes"></a>
</div>
<div class="item rep pv ser3">
<a href="biokatherinemiranda.html"><img src="imagenes/img-sort/sort-katherine.png" class="fotosort" alt="Katherine Miranda"></a>
</div>
<!--TANDA 4-->
<div class="item sen pc ser4">
<a href="bionoragarcia.html"><img src="imagenes/img-sort/sort-nora.png" class="fotosort" alt="Nora García"></a>
</div>
<div class="item sen pv ser4">
<a href="bioangelicalozano.html"><img src="imagenes/img-sort/sort-angelica.png" class="fotosort" alt="Angélica Lozano"></a>
</div>
<div class="item sen pc ser4">
<a href="biosoledadtamayo.html"><img src="imagenes/img-sort/sort-soledad.png" class="fotosort" alt="Soledad Tamayo"></a>
</div>
<div class="item sen cd ser4">
<a href="biomariarosarioguerra.html"><img src="imagenes/img-sort/sort-mariarosario.png" class="fotosort" alt="María del Rosario Guerra"></a>
</div>
<div class="item sen cd ser4">
<a href="biorubychagui.html"><img src="imagenes/img-sort/sort-ruby.png" class="fotosort" alt="Ruby Chagüi"></a>
</div>
<!--<div class="item rep pu">
<a href="bionormahurtado.html"><img src="imagenes/img-sort/sort_norma.png" class="fotosort" alt="Norma Hurtado"></a>
</div>-->
</div>
</div>
</section>
<!-- Signup-->
<section class="signup-section" id="equipo">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
<h2 class="text-white mb-5 text-center mb-0 titular">¡Hola!</h2>
</div>
</div>
</div>
<div class="container">
<div class="row">
<!--MÓNICA-->
<div class="col-lg card-wrapper">
<div class="card border-0">
<div class="position-relative rounded-circle overflow-hidden mx-auto custom-circle-image">
<img class="w-100 h-100" src="imagenes/monica.jpg" alt="Mónica Pachón Buitrago">
</div>
<div class="card-body text-center mt-2">
<h3 class="text card-title">Mónica <br> Pachón</h3>
<p class="card-text parrafo">Politóloga con Magister en Ciencia Política de la Universidad de los Andes, M.Phil en Estudios Latinoamericanos y Doctorado en Ciencia Política de la Universidad de California. Actualmente es profesora asociada del Departamento de Diseño de la Universidad de los Andes.</p>
</div>
</div>
</div>
<!--MARIA ANTONIA-->
<div class="col-lg card-wrapper transparentico">
<div class="card border-0">
<div class="position-relative rounded-circle overflow-hidden mx-auto custom-circle-image">
<img class="w-100 h-100" src="imagenes/marianatonia.jpg" alt="Maria Antonia Londoño Echavarría">
</div>
<div class="card-body text-center mt-2">
<h3 class="text card-title">Maria Antonia Londoño</h3>
<p class="card-text parrafo">Diseñadora de la Universidad de los Andes con Opción en Género y Sexualidad y en Gestión. Durante su carrera ha tenido énfasis en servicio y estrategia, específicamente en temas de equidad de género. Otras áreas de trabajo: la política, el diseño social y la fotografía.</p>
</div>
</div>
</div>
<!--SOFIA-->
<div class="col-lg card-wrapper">
<div class="card border-0">
<div class="position-relative rounded-circle overflow-hidden mx-auto custom-circle-image">
<img class="w-100 h-100" src="imagenes/sofia.png" alt="Sofía Castañeda Mosquera">
</div>
<div class="card-body text-center mt-2">
<h3 class="text card-title">Sofía <br> Castañeda</h3>
<p class="card-text parrafo">Estudiante de Diseño enfocada en investigación sistémica, estrategia y comunicación. Hace la opción en Estudios sobre el Desarrollo y en Computación Visual; le interesan las intersecciones entre el diseño, la crítica política y la tecnología.</p>
</div>
</div>
</div>
<!--NICCOLETTE-->
<div class="col-lg card-wrapper">
<div class="card border-0">
<div class="position-relative rounded-circle overflow-hidden mx-auto custom-circle-image">
<img class="w-100 h-100" src="imagenes/niccole.jpg" alt="Niccole Daniela Petrel Marin">
</div>
<div class="card-body text-center mt-2">
<h3 class="text card-title">Niccolé <br> Petrel</h3>
<p class="card-text parrafo">Estudiante de Diseño y Psicología con opción en estudios sobre el Desarrollo, trabajó con empreandes, el grupo de emprendimiento de la Universidad de los Andes y actualmente hace parte del innovation summer bootcamp.</p>
</div>
</div>
</div>
<!--FEDERICO-->
<div class="col-lg card-wrapper">
<div class="card border-0">
<div class="position-relative rounded-circle overflow-hidden mx-auto custom-circle-image">
<img class="w-100 h-100" src="imagenes/fede.jpg" alt="Federico Arcila Sánchez">
</div>
<div class="card-body text-center mt-2">
<h3 class="text card-title">Federico <br> Arcila</h3>
<p class="card-text parrafo">Estudiante de Diseño con énfasis en comunicación, graduado de la Escuela de Fotografía del Valle en iluminación y composición. Experiencia en dirección de producciones fotográficas y audiovisuales, edición y desarrollo de estrategias BPM centradas en el humano.</p>
</div>
</div>
</div>
<!--PERSONA 3
<div class="col-lg-2 card-wrapper">
<div class="card border-0">
<div class="position-relative rounded-circle overflow-hidden mx-auto custom-circle-image">
<img class="w-100 h-100" src="imagenes/elena.jpeg" alt="Elena de Ureña Rodríguez">
</div>
<div class="card-body text-center mt-2">
<h3 class="text card-title">Elena <br> de Ureña</h3>
<p class="card-text parrafo">[Ex-colaboradora] Estudiante de Diseño con énfasis en comunicación y opción académica en Emprendimiento. Orientación hacia la planeación estratégica, metodologías de investigación en experiencia de usuarios y herramientas de visualización de datos.</p>
</div>
</div>
</div>-->
<div class="social d-flex mt-5 justify-content-center container-fluid">
<a href="https://www.youtube.com/channel/UCFW7DLcYoUQtvgd-3EvhpVw"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#08e4c4" class="bi bi-youtube mx-4" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
</svg></a>
<a href="https://twitter.com/nuestro_turno"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#08e4c4" class="bi bi-twitter mx-4" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a>
<a href="https://www.instagram.com/es_nuestro_turno/"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#08e4c4" class="bi bi-instagram mx-4" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></a>
</div>
</div>
</div>
</section>
<div class="container-fluid" style="text-align: center; background-color: black;">
<img src="imagenes/logos-02.png" alt="" class="img-fluid mx-auto" style="width: 50vw; text-align: center;">
</div>
<!-- Footer-->
<footer class="footer bg-black small text-center text-white-50 pb-3 px-3"><div class="container">Copyright © Todos los derechos reservados. Licencia CC BY-NC-ND 4.0 Creative Commons.</div>
<p class="undercover">Desarrollo web (código + gráfica) por Sofía Castañeda Mosquera.</p>
</footer>
<!----*****************---->
<!--Script dropdown button sort isotope-->
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtnn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction2() {
document.getElementById("myDropdown2").classList.toggle("showw");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtnnn')) {
var dropdownns = document.getElementsByClassName("dropdown-content-2");
var i;
for (i = 0; i < dropdownns.length; i++) {
var openDropdownn = dropdownns[i];
if (openDropdownn.classList.contains('showw')) {
openDropdownn.classList.remove('showw');
}
}
}
}
</script>
<!----*****************---->
<!-- Bootstrap core JS-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!--Jquery CDN-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!--isotope here...-->
<script src="assets/isotope.pkgd.min.js"></script>
<!--Custom Js file here ... -->
<script src="assets/script.js"></script>
<!----*****************---->
</body>
</html>