-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
338 lines (338 loc) · 20.9 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
<!DOCTYPE html>
<html lang="es">
<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="author" content="" />
<title>HackFest 2022 URL Xela</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap Icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
<!-- SimpleLightbox plugin CSS-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.css" rel="stylesheet" />
<!-- 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 fixed-top py-3" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="#">HackFest 2022</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link" href="#about">Acerca de</a></li>
<li class="nav-item"><a class="nav-link" href="#dates">Fechas</a></li>
<li class="nav-item"><a class="nav-link" href="#rules">Reglamento</a></li>
<li class="nav-item"><a class="nav-link" href="#organizers">Organizadores</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contacto</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="masthead">
<div class="container px-4 px-lg-5 h-100">
<div class="row gx-4 gx-lg-5 h-100 align-items-center justify-content-center text-center">
<div class="col-lg-8 align-self-end">
<h1 class="text-yellow font-weight-bold">HackFest 2022 URL Xela</h1>
<h3 class="text-white font-weight-bold">Del 10 de junio al 1 de julio</h3>
<hr class="divider" />
</div>
<div class="col-lg-8 align-self-baseline">
<p class="text-white-75 mb-5">Hackathon para los estudiantes de ingeniería en informática y sistemas de la Universidad Rafael Landívar Campus San Alberto Hurtado, S. J. de Quetzaltenango</p>
<a class="btn btn-primary btn-xl" href="https://forms.gle/bqb8ixzjYAZmF9qf9" target="_blank">Inscríbete</a>
</div>
</div>
</div>
</header>
<!-- About-->
<section class="page-section bg-primary" id="about">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8 text-center">
<h2 class="text-white mt-0">¿Qué es el HackFest?</h2>
<hr class="divider divider-light" />
<p class="text-white-75 mb-4">El HackFest es una iniciativa destinada a fomentar el trabajo colaborativo y el desarrollo de sitios web. En este evento los estudiantes de ingeniería en informática y sistemas tendrán a bien trabajar en un repositorio de código abierto además de formar parte de una comunidad de desarrolladores de software dentro de la Universidad Rafael Landívar Campus San Alberto Hurtado, S. J. de Quetzaltenango.</p>
<br/>
<p class="text-white-75 mb-4">A continuación encontrará los 13 sitios web desarrollados por los estudiantes. Solamente debe hacer clic en las imagenes para visitar cada uno de los sitios web.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio-->
<div id="portfolio">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-lg-4 col-sm-6">
<img class="img-fluid" src="assets/img/bg-blue.jpg" alt="Paz, Justicia e Instituciones" />
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://andree-ro.github.io/HackFest_2022/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="17 Objetivos de Desarrollo Sostenible" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">Protod</div>
<div class="project-name">17 Objetivos de Desarrollo Sostenible</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<img class="img-fluid" src="assets/img/bg-blue.jpg" alt="Paz, Justicia e Instituciones" />
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://tlaloc.netlify.app/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Tláloc" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">bitJake</div>
<div class="project-name">Tláloc</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://hackfest-buzzer-beaters.vercel.app/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Impulso Innovación" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">Buzzer Beaters</div>
<div class="project-name">Impulso Innovación</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://praedium2022.vercel.app/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Salud y bienestar" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">Praedium</div>
<div class="project-name">Salud y bienestar</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://jos-mlp.github.io/PageHackFest/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Industria, innovación e infraestructura" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">Technmens</div>
<div class="project-name">Industria, innovación e infraestructura</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://education-webpage.vercel.app/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Itzamna" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">!DOCTYPE</div>
<div class="project-name">Itzamna</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://hackfest-2022.vercel.app/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Producción y consumo responsable" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">La décima montaña</div>
<div class="project-name">Producción y consumo responsable</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://josecc12.github.io/Hackfest-2022/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Salud en Guatemala" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">Thundercats</div>
<div class="project-name">Salud en Guatemala</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://crono19.github.io/WTF-in-the-planet/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="WTF in the planet?" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">W.T.M.</div>
<div class="project-name">What's The Fail in the planet?</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://papaya-marzipan-b1958e.netlify.app/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Disponibilidad de agua" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">Fastell</div>
<div class="project-name">Disponibilidad de agua</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://paz-justica-e-instiruciones.netlify.app/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Paz, Justicia e Instituciones" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">FLMB</div>
<div class="project-name">Paz, Justicia e Instituciones</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://lisay22.github.io/HackFest_DELKdevelopment/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Hambre Cero" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">DELK development</div>
<div class="project-name">Hambre Cero</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a class="portfolio-box" href="https://juan520dlc.github.io/HackFest/" target="_blank">
<img class="img-fluid" src="assets/img/bg-project.jpg" alt="Agua limpia y sanamiento" />
<div class="portfolio-box-caption">
<div class="project-category text-white-75">This Side of Paradise</div>
<div class="project-name">Agua limpia y sanamiento</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Dates-->
<section class="page-section" id="dates">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0 text-primary">Fechas</h2>
<hr class="divider divider-blue justify-content-center" />
<ul class="timeline">
<li class="timeline-date">
<div>
<time>8 de junio</time>
<p>Inicio periodo de inscripción</p>
</div>
</li>
<li class="timeline-date">
<div>
<time>9 de junio</time>
<p>Cierre de inscripciones</p>
</div>
</li>
<li class="timeline-date">
<div>
<time>10 de junio</time>
<p>Ceremonia de apertura</p>
<p>Foro con Ing. Pablo Bautista de GDG Xela</p>
<p>Aula B-215 | 15:00 horas</p>
</div>
</li>
<li class="timeline-date">
<div>
<time>20 de junio</time>
<p>Taller ¿Cómo publicar un sitio web?</p>
<p>Lineamientos finales de entrega</p>
</div>
</li>
<li class="timeline-date">
<div>
<time>24 - 26 de junio</time>
<p>Entrega y publicación de los sitios web</p>
</div>
</li>
<li class="timeline-date">
<div>
<time>27 - 30 de junio</time>
<p>Período de votación y deliberación del jurado calificador</p>
</div>
</li>
<li class="timeline-date">
<div>
<time>1 de julio</time>
<p>Ceremonia de clausura</p>
<p>Premiación</p>
</div>
</li>
</ul>
</div>
</section>
<!-- Rules-->
<section class="page-section bg-primary text-white" id="rules">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0">Reglamento del evento</h2>
<hr class="divider divider-light" />
<div class="row gx-4 gx-lg-5">
<ul class="text-white-75">
<li>Ser estudiante de ingeniería en informática y sistemas de la Universidad Rafael Landívar Campus San Alberto Hurtado, S. J. de Quetzaltenango</li>
<li>Los participantes deben estar matriculados desde el primer ciclo 2022</li>
<li>Se deben formar equipos de mínimo 3 integrantes y máximo 5 integrantes</li>
<li>Los equipos se pueden formar por estudiantes de diferentes años</li>
<li>Cada integrante debe tener una cuenta en GitHub</li>
<li>Se debe construir un sitio web con diseño y temática en base a uno de los 17 objetivos de desarrollo sostenible de la agenda 2030 de la ONU</li>
<li>El diseño del sitio web queda a creatividad de cada equipo</li>
<li>El sitio web debe construirse desde 0, por lo que, está prohibido el uso de CMS tales como WordPress, Joomla, Drupal, etc.</li>
<li>El sitio web debe ser alojado en un repositorio público en GitHub</li>
<li>Cada integrante de equipo debe contribuir activamente al repositorio</li>
<li>Las contribuciones deben ser periódicas</li>
<li>Solo se tomarán en cuenta aquellos proyectos que incluyan contribuciones comprendidas del 10 al 26 de junio</li>
<li>Cada repositorio debe tener un Readme</li>
<li>Cada repositorio debe incluir su propia Wiki</li>
<li>No se permiten bifurcaciones (fork) de otros repositorios</li>
<li>Las tecnologías a utilizar quedan a criterio de cada equipo siempre y cuando no estén ligadas a los CMS</li>
<li>No incluir imágenes o cualquier otro contenido multimedia del cual no se tengan los derechos de autor correspondientes</li>
</ul>
</div>
</div>
</section>
<!-- Organizers-->
<section class="page-section" id="organizers">
<div class="container px-4 px-lg-5">
<h2 class="text-center mt-0 text-primary">Este es un evento organizado por</h2>
<hr class="divider divider-blue" />
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="./assets/img/logo_url.png" alt="Logo URL"></div>
<h3 class="h4 mb-2">Universidad Rafael Landívar</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="./assets/img/pixela-square.png" alt="Logo Pixela"></div>
<h3 class="h4 mb-2">Pixela</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="./assets/img/GDG - logo.png" alt="Logo GDG Xela"></i></div>
<h3 class="h4 mb-2">GDG Xela</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<div class="mb-2"><img src="./assets/img/logotipo_laserants.png" alt="Logo LaserAnts"></i></div>
<h3 class="h4 mb-2">LaserAnts</h3>
</div>
</div>
</div>
</div>
</section>
<!-- Contact-->
<section class="page-section bg-primary text-white" id="contact">
<div class="container px-4 px-lg-5 text-center">
<h2 class="mb-4">Para más información</h2>
<a class="btn btn-primary btn-xl" href="mailto:[email protected]">Contáctanos</a>
</div>
</section>
<!-- Footer-->
<footer class="bg-light py-5">
<div class="container px-4 px-lg-5"><div class="small text-center text-muted">Este no es un evento oficial de Google. <br>
© 2022 Google LLC All rights reserved. Google and the Google logo are registered trademarks of Google LLC.</div></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- SimpleLightbox plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/SimpleLightbox/2.1.0/simpleLightbox.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>