-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
475 lines (383 loc) · 36 KB
/
Copy pathindex.html
File metadata and controls
475 lines (383 loc) · 36 KB
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
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="Equipo4" content="" />
<title> Desease Detectives | Modeling COVID-19 </title> <!-- TITULO DE PESATAÑA DE LA WEB-->
<link rel="icon" type="image/x-icon" href="assets/img/iconmonstr-virus.png" /> <!-- ICONO DE LA PESTAÑA DE LA WEB-->
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light bg-primary fixed-top" id="sideNav"> <!--WARNING CAMBIAR navbar-light-(navbar-dark) correct-->
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Modeling COVID-19 </span> <!-- TITULO DEL SLIDEBAR O SELECTOR DE MENU-->
<span class="d-none d-lg-block"><img src="assets/img/iconmonstr-virus2.png" alt="" width="200" height="200"></span> <!-- FOTO PARA PERFIL DEL MENU-->
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#intro">INTRO</a></li> <!-- TITULO INTRO DEL MENU-->
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#uno">Antecedentes</a></li> <!-- TITULO UNO DEL MENU-->
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#dos">Eventos Masivos</a></li> <!-- TITULO DOS DEL MENU-->
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#tres">Comunicados</a></li> <!-- TITULO TRES DEL MENU-->
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#cuatro">Datos</a></li> <!-- TITULO CUATRO DEL MENU-->
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#cinco">Conclusion y Bibliografia</a></li> <!-- TITULO CINCO DEL MENU-->
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#team">TEAM B-4</a></li> <!-- TITULO TEAM DEL MENU-->
</ul>
</div>
</nav>
<!-- CONTENIDO DE LA PAGINA-->
<div class="container-fluid p-0">
<!-- ENCABEZADO DE LA PAGINA-->
<section class="resume-section" id="intro"> <!-- COLOCAR BOTON DINAMICO INTRO-->
<div class="resume-section-content">
<h1 class="mb-0">
SARS-CoV-2 <!-- PALABRA CLAVE AL INICIO DEL TITULO-->
<span class="text-primary">Desease Detectives</span> <!-- TITULO PRINCIPAL-->
</h1>
<!---->
<div class="subheading mb-5">
Impacto de eventos masivos y medidas implementadas por el gobierno mexicano frente al número de contagios por COVID-19. <!-- SUBTITULO PRINCIPAL-->
<a href=""><i> Clubes de Ciencia México Challenge 2020 </i></a> <!-- AÑADIR LINK A PAGINA DE CLUBES-->
</div>
<p class="lead mb-5"> En todo el mundo, los países han implementado diversas medidas de salud pública y sociales
para hacer frente a la pandemia por <b>COVID-19</b>, las cuales juegan un papel esencial para la reducción de casos.
En algunas, como en el distanciamiento social, el uso de cubrebocas o el evitar reuniones masivas, es primordial la participación
de la ciudadanía. El Grupo interdepartamental de la <i>Organización Mundial de la Salud </i> sobre actos multitudinarios refiere que durante estos la aplicación de medidas
sanitarias ordinarias puede ser difícil o imposible, además de que las enfermedades no endémicas se pueden introducir fácilmente y circular
rápidamente. En el contexto de la pandemia por <b>COVID-19</b>, las concentraciones multitudinarias pudiesen amplificar la transmisión de dicha enfermedad
y suponer una presión adicional para el sistema de salud del país.<a href="https://www.who.int/ihr/publications/MassGatheringflyer_ES.pdf?ua=1"><i>[1</i></a>
<a href="https://apps.who.int/iris/bitstream/handle/10665/332114/WHO-2019-nCoV-Adjusting_PH_measures-Mass_gatherings-2020.1-spa.pdf"><i>,2]</i></a></p> <!-- AÑADIR TEXTO DE INTRODUCCION-->
<!-- TITULOS Y SUBTEMAS-->
<!-- PRIMER TITULO-->
<section class="resume-section" id="uno"> <!-- COLOCAR BOTON DINAMICO UNO-->
<div class="resume-section-content">
<h2 class="mb-5">Antecedentes</h2> <!-- NOMBRE DEL PRIMER TITULO-->
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Conceptos básicos</h3> <!-- NOMBRE DEL PRIMER SUBTITULO-->
<div><b>Número básico de reproducción (R0)</b>= Es el promedio de casos secundarios producidos a partir de un caso. En el caso del COVID-19, el Ro es de 1.4 a 2.5, lo cual significa que una persona puede infectar de 1.4 a 2.5 personas.
</div>
<div>
<b>Número reproductivo efectivo (Re)=</b> Es la estimación de cuántas personas se han contagiado cada día a partir de los casos existentes.
</div>
<p><b>Brote</b>: Periodo de tiempo en el cual ocurren más casos de los esperados de una enfermedad dentro de un área específica.<a href="https://www.mscbs.gob.es/profesionales/saludPublica/ccayes/alertasActual/nCov-China/documentos/ITCoronavirus.pdf"><i>[3]</i></a></p> <!-- INSERTAR SUBTEXTO-->
<div class="subheading mb-3">Casos</div> <!-- SUBTITULO DEL PRIMER SUBTITULO-->
<div><b>-Caso sospechoso</b>: Persona que cumple con criterios clínicos y epidemiológicos o que presente enfermedad respiratoria aguda.</div>
<div> <b>-Caso probable</b>: Personas con hallazgos sugestivos de COVID-19, que cumplan con criterios clínicos o que hayan estado en contacto con un caso probable o confirmado. </div>
<div><b>-Caso confirmado</b>: Persona con confirmación de laboratorio de infección por COVID-19. </div>
<a href="https://www.paho.org/en/topics/coronavirus-infections/coronavirus-disease-covid-19-pandemic/case-definitions-covid-19"><i>[4]</i></a></p>
<div class="subheading mb-3">Descripción epidemiológica</div> <!-- SUBTITULO DEL PRIMER SUBTITULO-->
<div>El 31 de diciembre del 2019, la Comisión Municipal de Salud y Sanidad de Wuhan informó un grupo de 27 casos de neumonía de origen desconocido, que tenían en común la exposición a un mercado mayorista de mariscos, pescados y animales vivos en la ciudad de Wuhan de la provincia de Hubei en China; siendo el 8 de diciembre de 2019 el inicio de los síntomas del primer caso. El 7 de enero del 2020, las autoridades chinas identificaron un nuevo tipo de virus de la familia Coronaviridae, que tiempo después fue denominado SARS-CoV-2, como la causa del brote.
El 11 de marzo de 2020, la OMS declaró la pandemia mundial, siendo hasta el día de hoy más de 21.2 millones de casos confirmados en todo el mundo y más de 511 mil en México.
Los coronavirus son una familia de virus que causan infección en una gran cantidad de animales y que puede ser transmitida de animales a humanos.
<a href="https://www.mscbs.gob.es/profesionales/saludPublica/ccayes/alertasActual/nCov-China/documentos/ITCoronavirus.pdf"><i>[5]</i></a></p>
<div class="flex-shrink-0"><span class="text-primary"> <!--idea central--> </span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<div class="subheading mb-3">Fuente de infección</div> <!-- SUBTITULO DEL SEGUNDO SUBTITULO-->
<p>En este momento se desconoce cuál es la fuente y posible transmisor de este virus a los humanos, puesto que no se ha podido detectar en ningún animal vinculado con el momento y el lugar de origen de la pandemia. En lo que respecta a su posible origen ancestral (6,7), el virus más cercano es el Bat CoV
RATG13, aislado años antes de un murciélago de herradura en Yunnan, al sureste de China. Los
murciélagos, por otra parte, albergan gran diversidad de coronavirus.
<a href="https://www.mscbs.gob.es/profesionales/saludPublica/ccayes/alertasActual/nCov-China/documentos/ITCoronavirus.pdf"><i>[6]</i></a></p></p> <!-- INSERTAR TEXTO-->
</div>
<img align='right' src="assets\Videos\tenor.gif" width="289" height="189" />
</div>
</div>
</div>
</div>
</section>
<hr class="m-0" />
<h3 class="mb-0">Datos Actualizados (31/07/2020)</h3> <!-- NOMBRE DEL PRIMER SUBTITULO-->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets\img\Graphs\C_Confirmados.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\C_Confirmados_Tot.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\D_Confirmadas.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\D_Confirmadas_Tot.png" class="d-block w-100" alt="">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<footer>Img.1,2,3,4 derecha a izquierda (Curva epidemica,Casos totales, Curva de defunciones y Defunciones totales) </footer>
<!-- SEGUNDO TITULO-->
<section class="resume-section" id="dos"> <!-- COLOCAR BOTON DINAMICO DOS-->
<div class="resume-section-content">
<h2 class="mb-5">Eventos Masivos</h2> <!-- NOMBRE DEL SEGUNDO TITULO-->
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Su impacto en la pandemia</h3> <!-- NOMBRE DEL PRIMER SUBTITULO-->
<div class="subheading mb-3">¿Que son los eventos masivos?</div> <!-- SUBTITULO DEL PRIMER SUBTITULO-->
<div> La <i>OMS</i> decribe a una reunión masiva como <i>"Un evento planeado o espontane donde el numero de personas que asisten pudiera poner presion en
la planeación o los recuros de de la comunidad o el pais anfitrión"</i> Los juegos olimpicos, conciertos de musica y otros de indole religiosa o cultural son ejemplos de reuniones masivas. </div> <!-- INSERTAR TEXTO-->
<div class="subheading mb-3">¿Que evidencia hay frente para los eventos masivos ante el COVID-19?</div> <!-- SUBTITULO DEL PRIMER SUBTITULO-->
<div>Actualmente, la evidencia que puede responder esta pregunta proviene unicamente de los informes de casos reportados, incluyendo los brotes incidentes en areas aisladas
se han llevado a cabo modelos de análisis <a href="https://www.medrxiv.org/content/10.1101/2020.03.12.20035220v1"><i>"Preliminary evaluation of voluntary event cancellation as a countermeasure against the COVID-19"[7]</i></a>
que muestran que la infecciosidad se redujo en en un 25% , de cualquier manera, esta información no ha sido revisada aun y solo se deberia tomar como una posibilidad. <a href="https://www.cebm.net/covid-19/what-is-the-evidence-for-mass-gatherings-during-global-pandemics/"><i>[8]</i></a> </div> <!-- INSERTAR TEXTO-->
</div>
<div class="flex-shrink-0"><span class="text-primary"> <!--idea central--> </span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Análisis</h3> <!-- NOMBRE DEL SEGUNDO SUBTITULO-->
<p>Al analizar las curvas que se realizaron para el análisis del impacto de los eventos estudiados podemos identificar que sí hubo un incremento en casos, considerando 12 días antes desde la fecha del evento y 12 dias despues considerando el periodo de incubación y posibles eventos anteriores.
No podemos afirmar que el incremento se debió específicamente a los eventos masivos, puesto que existen múltiples factores que lo pudieron ocasionar. </p> <!-- INSERTAR TEXTO-->
</div>
<div class="flex-shrink-0"><span class="text-primary"><!--idea central--></span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
</div>
</section>
<hr class="m-0" />
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets\img\Graphs\8M.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\Vive_LTNO.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\Dia_Madres.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\Marcha_AMLO.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\Protesta_Giovani.png" class="d-block w-100" alt="">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<footer>Img.5,6,7,8,9 derecha a izquierda (Comparación en la curva epidemica "Marcha 8M, Vive Latino, Dia de las madres, Marcha anti-AMLO, Protesta contra brutalidad policial ") </footer>
<!-- TERCER TITULO-->
<section class="resume-section" id="tres"> <!-- COLOCAR BOTON DINAMICO DOS-->
<div class="resume-section-content">
<h2 class="mb-5">Comunicados</h2> <!-- NOMBRE DEL SEGUNDO TITULO-->
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">¿Que debemos hacer y no hacer?</h3> <!-- NOMBRE DEL PRIMER SUBTITULO-->
<div class="subheading mb-3">Como impacta en la población?</div> <!-- SUBTITULO DEL PRIMER SUBTITULO-->
<div> Pocos días después de que el primer caso de COVID-19 fuera confirmado, el gobierno mexicano dio inicio a una serie de medidas, con el objetivo de mitigar el impacto que esta enfermedad tendría. Incluso antes de darse a conocer el primer caso, el subsecretario Hugo López-Gatell apuntaba que el número de infectados podría ascender hasta una tercera parte de la población del país.
Pese las felicitaciones por parte de la OMS por las medidas establecidas en el país para combatir el COVID-19, algunos tropiezos en la gestión de la crisis hicieron que la opinión pública sobre las medidas tomadas por el Gobierno se dañara de manera considerable.
</div> <!-- INSERTAR TEXTO-->
<div class="subheading mb-3">Medidas que recomendo el gobierno</div> <!-- SUBTITULO DEL PRIMER SUBTITULO-->
- Limpia superficies de uso común.
- Lava con agua y jabón superficies de preparación de alimentosy utensilios de cocina.
- Desinfecta con regularidad electrodomésticos y trapos de cocina.
- Desinfecta empaques y envases.
- Lava tus manos antes y después de cocinar.
- Lava y desinfecta inodoros, lavabos, interruptores y llaves de agua con frecuencia.
- Lavado correcto y frecuente de manos.
- Estornuda o tose en el ángulo interno del codo.
<a href="https://salud.edomex.gob.mx/salud/medidas_prevencion#accordion12id"><i>[9]</i></a> <!-- INSERTAR TEXTO-->
</div>
<div class="flex-shrink-0"><span class="text-primary"> <!--idea central--> </span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Análisis</h3> <!-- NOMBRE DEL SEGUNDO SUBTITULO-->
<p>En el caso de las curvas realizadas para analizar el impacto de las medidas implementadas por el gobierno, podemos decir que no todas
las medidas tuvieron un impacto positivo en el número de contagios de COVID-19 a nivel nacional. Sin embargo, queremos remarcar que,
para poder hacer frente a la pandemia, es necesario que la ciudadanía actúe con máxima responsabilidad y siga las medidas que contribuyan
a prevenir la propagación del virus dispuestas por las instituciones pertinentes. </p> <!-- INSERTAR TEXTO-->
</div>
<div class="flex-shrink-0"><span class="text-primary"><!--idea central--></span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
</div>
</section>
<hr class="m-0" />
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets\img\Graphs\Jornada_SD.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\Cierre_comercios.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\Inic_nueva_nor.png" class="d-block w-100" alt="">
</div>
<div class="carousel-item">
<img src="assets\img\Graphs\Reanudacio_sem_naranja.png" class="d-block w-100" alt="">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<footer>Img.10,11,12,13 derecha a izquierda (Comparación en la curva epidemica "Jornada de Sana Distancia, Cierre de comercios, Nueva normalidad, reaunudacion de actividades") </footer>
<!-- CUARTO TITULO-->
<section class="resume-section" id="cuatro"> <!-- COLOCAR BOTON DINAMICO CUATRO-->
<div class="resume-section-content">
<h2 class="mb-5">Datos nacionales </h2> <!-- NOMBRE DEL CUARTO TITULO-->
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Casos confirmados</h3> <!-- NOMBRE DEL PRIMER SUBTITULO-->
<!--<div class="subheading mb-3">EJEMPLO UNO</div> --><!-- SUBTITULO DEL PRIMER SUBTITULO-->
<div>
<iframe src="./mapas/mapa_confirmados.html" height="500" width=100% title="Casos confirmados" frameBorder="0"></iframe>
</div> <!-- INSERTAR TEXTO-->
<p>Datos hasta el 31/07/2020 Fuente: <a href="https://www.gob.mx/salud/documentos/datos-abiertos-152127" target="_blank"> DGE</a></p> <!-- INSERTAR SUBTEXTO-->
</div>
<div class="flex-shrink-0"><span class="text-primary"> <!--idea central--> </span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Defunciones</h3> <!-- NOMBRE DEL SEGUNDO SUBTITULO-->
<!--<div class="subheading mb-3">EJEMPLO DOS</div>--> <!-- SUBTITULO DEL SEGUNDO SUBTITULO-->
<div>
<iframe src="./mapas/mapa_defunciones.html" height="500" width=100% title="Defunciones"frameBorder="0"></iframe>
</div>
<p>Datos hasta el 31/07/2020 Fuente: <a href="https://www.gob.mx/salud/documentos/datos-abiertos-152127" target="_blank"> DGE</a></p> <!-- INSERTAR TEXTO-->
</div>
<div class="flex-shrink-0"><span class="text-primary"><!--idea central--></span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Casos sospechosos</h3> <!-- NOMBRE DEL SEGUNDO SUBTITULO-->
<!--<div class="subheading mb-3">EJEMPLO DOS</div>--> <!-- SUBTITULO DEL SEGUNDO SUBTITULO-->
<div>
<iframe src="./mapas/mapa_Sospechosos.html" height="500" width=100% title="Casos sospechosos"frameBorder="0"></iframe>
</div>
<p>Datos hasta el 31/07/2020 Fuente: <a href="https://www.gob.mx/salud/documentos/datos-abiertos-152127" target="_blank"> DGE</a></p> <!-- INSERTAR TEXTO-->
</div>
<div class="flex-shrink-0"><span class="text-primary"><!--idea central--></span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Casos negativos</h3> <!-- NOMBRE DEL SEGUNDO SUBTITULO-->
<!--<div class="subheading mb-3">EJEMPLO DOS</div> --><!-- SUBTITULO DEL SEGUNDO SUBTITULO-->
<div>
<iframe src="./mapas/mapa_Negativos.html" height="500" width=100% title="Casos negativos"frameBorder="0"></iframe>
</div>
<p>Datos hasta el 31/07/2020 Fuente: <a href="https://www.gob.mx/salud/documentos/datos-abiertos-152127" target="_blank"> DGE</a></p> <!-- INSERTAR TEXTO-->
</div>
<div class="flex-shrink-0"><span class="text-primary"><!--idea central--></span></div> <!-- COLOCAR LA IDEA CENTRAL (OPCIONAL)-->
</div>
</div>
</section>
<hr class="m-0" />
<!-- QUINTO TITULO-->
<section class="resume-section" id="cinco"> <!-- COLOCAR BOTON DINAMICO CINCO-->
<div class="resume-section-content">
<h2 class="mb-5">Conclusión y Bibliografía</h2> <!-- NOMBRE DEL QUINTO TITULO-->
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Conlusiones</h3> <!-- NOMBRE DEL PRIMER SUBTITULO-->
<div>Se pudo encontrar una posible relación entre los eventos masivos estudiados y el incremento de casos de COVID-19 días después de la fecha del evento, sin embargo, no podemos asegurar que la causa
fuese exclusivamente esto y tampoco podemos medir en qué porcentaje se relacionan, puesto que el tiempo proporcionado no nos
permitió hacer un análisis más profundo. Por otro lado, pudimos identificar que algunas de las medidas tomadas por el gobierno
no tuvieron el impacto esperado, pues tiempo después del anuncio de algunas de estas, los casos confirmados de COVID-19 fueron en aumento. Sin embargo, atribuimos parte de esto al actuar de la sociedad mexicana y al cumplimiento que dió a las medidas instauradas.
Por último, queremos resaltar la importancia que tiene el actuar de la ciudadanía para tratar de detener la propagación del virus y que,
si bien los tratamientos específicos para el COVID-19 aún no están disponibles, las medidas juegan un papel importante en la reducción de casos y estas dependen del comportamiento individual y social. </div> <!-- INSERTAR TEXTO-->
<h3 class="mb-0">Bibliografía consultada</h3>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<div>https://www.sciencedirect.com/science/article/pii/S0960077920303453 <br/>
https://www.who.int/ihr/publications/MassGatheringflyer_ES.pdf?ua=1 <br/>
https://apps.who.int/iris/bitstream/handle/10665/332114/WHO-2019-nCoV-Adjusting_PH_measures-Mass_gatherings-2020.1-spa.pdf <br/>
https://www.mscbs.gob.es/profesionales/saludPublica/ccayes/alertasActual/nCov-China/documentos/ITCoronavirus.pdf <br/>
https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7118670/
https://www.paho.org/en/topics/coronavirus-infections/coronavirus-disease-covid-19-pandemic/case-definitions-covid-19 <br/>
https://www.cebm.net/covid-19/what-is-the-evidence-for-mass-gatherings-during-global-pandemics/ <br/>
</div>
</div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- TEAM-->
<section class="resume-section" id="team"> <!-- COLOCAR BOTON DINAMICO TEAM-->
<div class="resume-section-content">
<h2 class="mb-5">TEAM B-4</h2> <!-- NOMBRE DEL TEAM-->
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<div align="center"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets\img\Ayari.jpg" alt="" width="220" height="90" /></span>
<h3 class="mb-0">Ayari Lopez Aurelio</h3>
<div class="subheading mb-3">Instituto Politecnico Nacional</div>
<div>Ingeniería Biotecnologica</div>
<p> <i>"A mi parecer, lo más bello de la ciencia es como las distintas ramas de esta se conjuntan, se mezclan y se apoyan unas de otras para poder crear algo magnífico"</i></p>
<!-- SEGUNDO ELEMENTO-->
<div class="resume-section-content">
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<div align="center"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets\img\Ced.jpeg" alt="" width="220" height="220" /></div> <!-- AÑADIR MIEMBRO DEL EQUIPO Y DATOS-->
<h3 class="mb-0">Cedalia Sarahí García Nava</h3>
<div class="subheading mb-3">Universidad Nacional Autónoma de México</div>
<div>Ingeniería Electrónica</div>
<p> <i>"Lo divertido radica en lograr lo que antes se pensaba imposible"</i><</p>
<!-- TERCER ELEMENTO-->
<div class="resume-section-content">
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<div align="center"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets\img\76217a0c-ee0c-4915-a91b-85eb6b1292dc.png" alt="" width="220" height="90" /></span>
<!-- AÑADIR MIEMBRO DEL EQUIPO Y DATOS-->
<h3 class="mb-0">Andrés Esaú Pérez Hernández</h3>
<div class="subheading mb-3">Universidad de Guanajuato</div>
<div>Licenciatura en Química</div>
<p><i>"Un gran reto, pero una experiencia de mucho aprendizaje"</i></p>
<!-- CUARTO ELEMENTO-->
<div class="resume-section-content">
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<div align="center"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets\img\+52 222 900 1585 20200727_212444_2.jpg" alt="" width="220" height="90" /></span>
<h3 class="mb-0">Miguel Ángel Cruz Hernández</h3>
<div class="subheading mb-3">Benémerita Universidad Autónoma de Puebla </div>
<div>Licenciatura en Química (Curso Pre-Universitario)</div>
<p> <i>"Trabajar en equipos es lo mejor que puede existir, para crear una gran lluvia de ideas y nunca perder el camino"</i> </p>
</div>
</div>
</div>
</div>
<div class="resume-section-content">
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<div align="center"><img src="assets\img\Logo-Clubes-Color.png"></div>
<div class="flex-shrink-0"><span class="text-primary"> <a href="https://github.com/Andres8ezau/Modeling-COVID19"> Made with < 3 for Clubes de Ciencia <i>"CdeCMxChallenge2020"</i> (Repositorio Github) </a> </span></div>
</div>
</div>
</div>
<!-- BS core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>