-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
138 lines (137 loc) · 6.23 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hack</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta property="fb:admins" content="100005985798195">
<meta property="og:url" content="http://hack.codeandoguadalajara.org">
<meta property="og:title" content="Hack! Ciudades Sustentables y vida saludable">
<meta property="og:description" content="Crea soluciones increíbles a problemas reales">
<meta property="og:image" content="http://s13.postimg.org/l7wkrul2f/Captura_de_pantalla_2015_11_02_a_las_1_22_19_p_m.png">
</head>
<body>
<div class="navbar"><img src="img/ninjalogo.png">
</div>
<div class="registro">
<h1>Registro</h1><div class="eventbrite" style="width:100%; text-align:left;" ><iframe src="//eventbrite.com/tickets-external?eid=19090308627&ref=etckt" frameborder="0" height="360" width="100%" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true"></iframe>
</div><img src="img/cityhack.png" class="cityhack">
</div>
<div class="info">
<h1>Información<br>_____</h1>
<h2>Crea soluciones increíbles a problemas reales</h2>
<div class="wrapper">
<p>
¿Qué podemos hacer para cambiar los problemas que aquejan a la población? La tecnología, el diseño y el estudio de nuestro entorno nos da poderes. El poder de visibilizar el problema a través de datos. El poder de simplificar procesos que, de manera análoga, serían largos y trabajosos. El poder de hacer llegar a una solución a mucha más gente. Aquí es donde entras tú. Buscamos hackers, personas con diversos perfiles que haciendo equipo generen soluciones para vencer problemas que están a su alrededor todos los días. Esta es tu oportunidad para mostrar de qué estás hecho.
</p>
<h2>Los retos a combatir en esta edición</h2>
<div class="quarter"><i class="fa fa-heartbeat fa-5x"></i>
<h3>Obesidad infantil</h3>
<p>México ocupa el primer lugar en obesidad infantil. ¿Algo más que decir?</p>
</div>
<div class="quarter"><i class="fa fa-venus-mars fa-5x"></i>
<h3>Embarazo Adolescente</h3>
<p>Un problema de muchas dimensiones. ¿Prevención? ¿Cómo ser mejores padres? Depende de tí</p>
</div>
<div class="quarter"><i class="fa fa-tint fa-5x"></i>
<h3>Inundaciones</h3>
<p>Tu lo sufres, yo lo sufro, todos lo sufrimos. <br>Buena noticia: Tenemos datos para combatirlas</p>
</div>
<div class="quarter"><i class="fa fa-recycle fa-5x"></i>
<h3>Reciclaje urbano</h3>
<p>No hablamos de latas, hablamos de casas. ¿Qué hacemos con las propiedades en estado de abandono? ¿Cómo las identificamos?</p>
</div>
</div>
</div>
<div class="recursos">
<h1>Recursos<br>_____</h1>
<h2>Aquí podrás encontrar recursos relevantes para prepararte para el evento</h2>
<div class="wrapper">
<h3>Obesidad Infantil</h3>
<div class="recurso">
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
</div>
<div class="cf"></div>
<h3>Embarazo Adolescente</h3>
<div class="recurso">
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
</div>
<div class="cf"></div>
<h3>Inundaciones</h3>
<div class="recurso">
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
</div>
<div class="cf"></div>
<h3>Reciclaje Urbano</h3>
<div class="recurso">
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
<div class="quarter"><i class="fa fa-file-pdf-o fa-4x"></i>
<p>Próximamente</p>
</div>
</div>
</div>
</div>
<div class="contacto">
<h1>¿Tienes dudas sobre el evento?</h1>
<h2> <a href="mailto:[email protected]">[email protected]</a></h2>
</div>
<div class="partners">
<div class="wrapper">
<h1>Este evento se realiza gracias a</h1>
<div class="third"><img src="img/codeandomx.png"></div>
<div class="third"><img src="img/jalisco.png"></div>
<div class="third"><img src="img/sicyt.png"></div>
</div>
<div class="wrapper">
<h2>Con la colaboración de</h2>
<div class="quarter"><img src="img/pewpew.png"></div>
<div class="quarter"><img src="img/ltu.png"></div>
<div class="quarter"><img src="img/hg.png"></div>
<div class="quarter"><img src="img/meetroopers.png"></div>
</div>
</div>
</body>
</html>