-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
371 lines (340 loc) · 23.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ICCO 2016B - 2019A</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@1.6.12/dist/css/lightgallery.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Tangerine&display=swap" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#navbar">
<!-- Preloader section -->
<div id="preloader">
<div class="sk-spinner sk-spinner-pulse"></div>
</div>
<!-- Hero section -->
<section id="hero">
<div class="gradient-overlay"></div>
<div id="particles-js"></div>
<div class="container">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-sm-12 text-center">
<h1 class="wow bounceInUp" data-wow-delay="0.5s">ICCO</h1>
<p class="w-100 text-center wow bounceInUp" data-wow-delay="1s">
<img src="img/logo_udg_blanco.png" width="120px">
</p>
<h3 class="d-sm-block d-none wow bounceInUp" data-wow-delay="1.5s">Generación 2016B-2019A</h3>
<h3 class="d-sm-none wow bounceInUp" data-wow-delay="1.5s">Generación</h3>
<h3 class="d-sm-none wow bounceInUp" data-wow-delay="1.5s">2016B-2019A</h3>
<div class="arrow bounce mt-5"></div>
</div>
</div>
</div>
</section>
<!-- Navigation section -->
<header class="sticky-top">
<nav id="navbar" class="navbar sticky-top navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand" href="#hero">
ICCO
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav ml-auto">
<li><a id="link_hero" class="nav-item nav-link active" href="#hero">Inicio</a></li>
<li><a id="link_invitation" class="nav-item nav-link" href="#invitation">Invitación</a></li>
<li><a id="link_thanks" class="nav-item nav-link" href="#thanks">Gracias</a></li>
<li><a id="link_godfather" class="nav-item nav-link" href="#godfather">Padrino</a></li>
<li><a id="link_gallery" class="nav-item nav-link" href="#gallery">Generación</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Invitation section -->
<section id="invitation" class="section">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-md-8 col-sm-10 wow fadeIn" data-wow-delay="0.6s">
<h2 class="m-0">Universidad de Guadalajara</h2>
<p class="invitation-subtitle m-0">Centro Universitario de Tonalá</p>
<p class="invitation-text m-0">LA GENERACIÓN 2016B - 2019A</p>
<br>
<h3>"Dr. Aarón Jiménez Govea"</h3>
<p class="invitation-subtitle">De la Licenciatura en Ingeniería en Ciencias Computacionales</p>
<br>
<p class="invitation-text m-0">Tiene el honor de invitar a usted al solemne Acto Académico que tendrá lugar el día 08 de Noviembre de 2019 a las 18:00 hrs.</p>
<p class="invitation-text m-0">En el Cineforo de la Universidad de Guadalajara.</p>
<p><a href="https://www.google.com/maps/place/Cineforo+Universidad+de+Guadalajara/@20.6749866,-103.3586628,15z/data=!4m5!3m4!0.3s0x0:0x56000bbba9e70bfd!8m2!3d20.6749866!4d-103.3586628" class="invitation-link m-0" target="_blank">Ubicado en Av. Juárez esq. Enrique Díaz de León, piso -1.</a></p>
</div>
</div>
</div>
</section>
<!-- Thanks section -->
<section id="thanks" class="section">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-md-8 col-sm-10">
<div class="section-title mb-5 wow bounceIn" data-wow-delay="0.3s">
<h2>Gracias</h2>
<h4>Jamás existirá una forma de agradecer una vida de sacrificio y esfuerzo</h4>
</div>
</div>
</div>
<div class="row d-flex justify-content-center text-center">
<div class="col-md-8">
<h3 class="thanks-title wow fadeIn" data-wow-delay="0.6s">A mi alma máter:</h3>
<p class="thanks-text wow fadeIn" data-wow-delay="0.6s">Con un testimonio de agradecimiento por el apoyo moral que siempre me brindo y con el cual he logrado terminar mi carrera profesional.</p>
<br>
<h3 class="thanks-title wow fadeIn" data-wow-delay="0.6s">A mis maestros:</h3>
<p class="thanks-text wow fadeIn" data-wow-delay="0.6s">Sabiendo que jamás encontrare la forma de agradecer su constante apoyo y confianza, solo espero que comprendan que mis ideales, esfuerzos y logros han sido también suyos.</p>
<br>
<h3 class="thanks-title wow fadeIn" data-wow-delay="0.6s">A mis compañeros:</h3>
<p class="thanks-text wow fadeIn" data-wow-delay="0.6s">Hoy, que me he convertido en profesionista, me dispongo a conquistar nuevas metas y a lograr mi realización profesional, por ello este logro lo comparto con ustedes.</p>
<br>
<h3 class="thanks-title wow fadeIn" data-wow-delay="0.6s">A mis padres:</h3>
<p class="thanks-text wow fadeIn" data-wow-delay="0.6s">Por que gracias a su apoyo y consejos, he llegado a realizar una de mis grandes metas lo cual constituye la herencia más valiosa que pudiera recibir.</p>
</div>
</div>
</div>
</section>
<!-- Godfather section -->
<section id="godfather" class="section">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-md-8 col-sm-10">
<div class="section-title mb-5 wow bounceIn" data-wow-delay="0.3s">
<h2>Nuestro Padrino</h2>
<h4>Por su esfuerzo de enseñarnos el valor de ver nuestras metas cumplidas</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 p-0 m-0 d-flex justify-content-center mb-4 mb-md-0">
<div class="polaroid-margin wow fadeIn" data-wow-delay="0.6s">
<img src="img/padrino.jpeg" width="100%"/>
</div>
</div>
<div class="col-md-8 text-center d-flex flex-column justify-content-center p-4">
<p class="text-justify godfather-text wow fadeIn" data-wow-delay="0.6s">Egresado de su alma máter la Benemérita Universidad de Guadalajara, el Dr. Aarón Jiménez Govea ha sido honrado con galardones importantes tales como ser el primer estudiante mexicano en recibir el reconocimiento “LA Grid International Student Scholar Assistanship Award” que IBM otorga a estudiantes destacados en sus trabajos y proyectos, siendo su proyecto de investigación “La virtualización ligera” el que lo llevara a tal suceso, y que gracias a este galardón pudiera realizar sus trabajos de investigación en Francia. Así mismo, posee un doctorado en tecnologías de la información desde el 2008.</p>
<h3 class="text-center text-md-left wow fadeIn" data-wow-delay="0.6s">Dr. Aarón Jiménez Govea</h3>
<h4 class="text-center text-md-left wow fadeIn" data-wow-delay="0.6s">Jefe de Departamento</h4>
</div>
</div>
</div>
</section>
<!-- Gallery section -->
<section id="gallery" class="section">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-md-8 col-sm-10">
<div class="section-title mb-5 wow bounceIn" data-wow-delay="0.3s">
<h2>Nuestra Generación</h2>
<h4>Por su valor, esfuerzo y compañerismo mostrado a lo largo de estos años</h4>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div id="lightgallery" class="text-center">
<!-- AGUAYO_VELA_JOSE_LUIS -->
<a href="graduados/AGUAYO_VELA_JOSE_LUIS.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/AGUAYO_VELA_JOSE_LUIS.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Aguayo Vela José Luis</p>
</div>
</a>
<!-- BALLEZA_MASCORRO_JOSE_ANGEL -->
<a href="graduados/BALLEZA_MASCORRO_JOSE_ANGEL.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/BALLEZA_MASCORRO_JOSE_ANGEL.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Balleza Mascoro José Ángel</p>
</div>
</a>
<!-- BARRERA_SALAZAR_EMMANUEL -->
<a href="graduados/BARRERA_SALAZAR_EMMANUEL.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/BARRERA_SALAZAR_EMMANUEL.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Barrera Salazar Emmanuel</p>
</div>
</a>
<!-- ESPARZA_RAMOS_HUMBERTO -->
<a href="graduados/ESPARZA_RAMOS_HUMBERTO.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/ESPARZA_RAMOS_HUMBERTO.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Esparza Ramos Humberto</p>
</div>
</a>
<!-- FERNANDEZ_FLORES_LUIS_ERNESTO -->
<a href="graduados/FERNANDEZ_FLORES_LUIS_ERNESTO.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/FERNANDEZ_FLORES_LUIS_ERNESTO.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Fernández Flores Luis Ernesto</p>
</div>
</a>
<!-- GARCIA_VEGA_IVAN_URIEL -->
<a href="graduados/GARCIA_VEGA_IVAN_URIEL.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/GARCIA_VEGA_IVAN_URIEL.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">García Vega Ivan Uriel</p>
</div>
</a>
<!-- JIMENEZ_SANTANA_AXL_YOUNG -->
<a href="graduados/JIMENEZ_SANTANA_AXL_YOUNG.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/JIMENEZ_SANTANA_AXL_YOUNG.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Jiménez Santana Axl Young</p>
</div>
</a>
<!-- JIMENEZ_ZERMENO_HECTOR_EDUARDO -->
<a href="graduados/JIMENEZ_ZERMENO_HECTOR_EDUARDO.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/JIMENEZ_ZERMENO_HECTOR_EDUARDO.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Jiménez Zermeño Héctor</p>
</div>
</a>
<!-- LEDEZMA_GURROLA_DAVID_ISRAEL -->
<a href="graduados/LEDEZMA_GURROLA_DAVID_ISRAEL.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/LEDEZMA_GURROLA_DAVID_ISRAEL.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Ledezma Gurrola David Israel</p>
</div>
</a>
<!-- LIMON_MURILLO_FERNANDO -->
<a href="graduados/LIMON_MURILLO_FERNANDO.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/LIMON_MURILLO_FERNANDO.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Limón Murillo Fernando</p>
</div>
</a>
<!-- LOPEZ_RAMIREZ_MARCOS_MISAEL -->
<a href="graduados/LOPEZ_RAMIREZ_MARCOS_MISAEL.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/LOPEZ_RAMIREZ_MARCOS_MISAEL.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">López Ramirez Marcos Misael</p>
</div>
</a>
<!-- LOPEZ_ROMERO_ALAN_RAFAEL -->
<a href="graduados/LOPEZ_ROMERO_ALAN_RAFAEL.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/LOPEZ_ROMERO_ALAN_RAFAEL.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">López Romero Alan Rafael</p>
</div>
</a>
<!-- OLIVARES_NUÑEZ_CONSUELO_MARIEL -->
<a href="graduados/OLIVARES_NUÑEZ_CONSUELO_MARIEL.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/OLIVARES_NUÑEZ_CONSUELO_MARIEL.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Olivares Nuñez Consuelo Mariel</p>
</div>
</a>
<!-- PADILLA_CHAVEZ_JUAN_ALEJANDRO -->
<a href="graduados/PADILLA_CHAVEZ_JUAN_ALEJANDRO.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/PADILLA_CHAVEZ_JUAN_ALEJANDRO.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Padilla Chávez Juan Alejandro</p>
</div>
</a>
<!-- PARRA_CASTANEDA_EDUARDO_GEOVANNI.jpg -->
<a href="graduados/PARRA_CASTANEDA_EDUARDO_GEOVANNI.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/PARRA_CASTANEDA_EDUARDO_GEOVANNI.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Parra Castañeda Eduardo</p>
</div>
</a>
<!-- RANGEL_GONZALEZ_CYNTHIA_ELIZABETH -->
<a href="graduados/RANGEL_GONZALEZ_CYNTHIA_ELIZABETH.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/RANGEL_GONZALEZ_CYNTHIA_ELIZABETH.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Rangel González Cynthia</p>
</div>
</a>
<!-- RANGEL_GONZALEZ_CYNTHIA_ELIZABETH -->
<a href="graduados/RIVERA_NAVARRO_JOSE_EDUARDO.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/RIVERA_NAVARRO_JOSE_EDUARDO.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Rivera Navarro José Eduardo</p>
</div>
</a>
<!-- RODRIGUEZ_ALCARAZ_JOSE_BRYAN -->
<a href="graduados/RODRIGUEZ_ALCARAZ_JOSE_BRYAN.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/RODRIGUEZ_ALCARAZ_JOSE_BRYAN.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Rodríguez Alcaraz José Bryan</p>
</div>
</a>
<!-- RODRIGUEZ_JUAREZ_EFRAIN -->
<a href="graduados/RODRIGUEZ_JUAREZ_EFRAIN.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/RODRIGUEZ_JUAREZ_EFRAIN.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Rodríguez Juárez Efraín</p>
</div>
</a>
<!-- SANDOVAL_RODRIGUEZ_FABIAN -->
<a href="graduados/SANDOVAL_RODRIGUEZ_FABIAN.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/SANDOVAL_RODRIGUEZ_FABIAN.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Sandoval Rodríguez Fabián</p>
</div>
</a>
<!-- SANTOS_VEGA_YESSICA -->
<a href="graduados/SANTOS_VEGA_YESSICA.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/SANTOS_VEGA_YESSICA.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Santos Vega Yessica</p>
</div>
</a>
<!-- TAVARES_CONTRERAS_CARLOS -->
<a href="graduados/TAVARES_CONTRERAS_CARLOS.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/TAVARES_CONTRERAS_CARLOS.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Tavares Contreras Carlos</p>
</div>
</a>
<!-- VALLES_PRIETO_BRUNO_MANUEL -->
<a href="graduados/VALLES_PRIETO_BRUNO_MANUEL.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/VALLES_PRIETO_BRUNO_MANUEL.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Valles Prieto Bruno Manuel</p>
</div>
</a>
<!-- VAZQUEZ_AGUILAR_EMMANUEL_ENRIQUE -->
<a href="graduados/VAZQUEZ_AGUILAR_EMMANUEL_ENRIQUE.jpg" class="polaroid col-auto m-2 p-0 wow fadeIn" data-wow-delay="0.3s" data-sub-html=".caption">
<img src="graduados/VAZQUEZ_AGUILAR_EMMANUEL_ENRIQUE.jpg" width="100%"/>
<div class="caption">
<p class="m-0" style="line-break: auto;">Vázquez Aguilar Emmanuel</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Copyright -->
<section>
<div class="container">
<div class="row d-flex justify-content-center">
<h4 class="m-0 py-4 text-center">© Copyright 2019-2020 Carlos Tavares</h4>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/lightgallery@1.6.12/dist/js/lightgallery-all.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/main.js"></script>
</body>
</html>