-
Notifications
You must be signed in to change notification settings - Fork 0
/
eventos_inv.html
827 lines (825 loc) · 38.9 KB
/
eventos_inv.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
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
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" type="text/css" href="./dist/css/estilos.css" />
<link
rel="stylesheet"
type="text/css"
href="./dist/css/animsition.min.css"
/>
<link rel="icon" sizes="192x192" href="./dist/img/logo_sitio.png" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"
/>
<meta
name="description"
content="Aplicación hecha por estudiantes para estudiantes. ENJOY."
/>
<meta
name="author"
content="Daniel Valderrama Mendoza, Juan David Rey Peña & Julian Esteban Espinosa Orozco"
/>
<title>Eventos</title>
</head>
<body>
<!-- Aquí empieza el tapbar -->
<div class="menu2">
<div class="left">
<div class="logo_menu"></div>
<h3>Mi Usta</h3>
</div>
<div class="tags">
<a href="./noticias_inv.html">
<p>Noticias</p>
</a>
<a href="./directorio_inv.html">
<p>Directorio</p>
</a>
<a href="./eventos_inv.html" class="activo">
<p>Eventos</p>
</a>
<a href="./notas_inv.html">
<p>Notas</p>
</a>
<a href="./horario_inv.html">
<p>Horario</p>
</a>
</div>
</div>
<div class="menu">
<div class="menu_left"></div>
<div class="menu_center">
<a href="./noticias_inv.html">
<div class="menu_icono">
<svg
width="21"
height="21"
viewBox="0 0 21 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="inactivo"
d="M18.2875 0.905762H6.26152C5.73043 0.907326 5.22154 1.11606 4.846 1.48638C4.47046 1.85671 4.25878 2.35852 4.25719 2.88223V17.7058C4.25719 17.9679 4.15161 18.2192 3.96367 18.4046C3.77572 18.5899 3.52082 18.694 3.25503 18.694C2.98924 18.694 2.73433 18.5899 2.54639 18.4046C2.35845 18.2192 2.25286 17.9679 2.25286 17.7058V6.83517C2.23528 6.57879 2.12405 6.33738 1.93978 6.15567C1.75551 5.97397 1.5107 5.86428 1.2507 5.84694C0.9907 5.86428 0.745888 5.97397 0.561621 6.15567C0.377353 6.33738 0.266122 6.57879 0.248535 6.83517L0.248535 18.694C0.250121 19.2177 0.4618 19.7195 0.837342 20.0898C1.21288 20.4602 1.72177 20.6689 2.25286 20.6705H18.2875C18.8186 20.6689 19.3275 20.4602 19.703 20.0898C20.0786 19.7195 20.2902 19.2177 20.2918 18.694V2.88223C20.2902 2.35852 20.0786 1.85671 19.703 1.48638C19.3275 1.11606 18.8186 0.907326 18.2875 0.905762V0.905762ZM13.2767 10.7881H7.26369C6.9979 10.7881 6.74299 10.684 6.55505 10.4987C6.36711 10.3133 6.26152 10.062 6.26152 9.79988C6.27911 9.54349 6.39034 9.30208 6.57461 9.12038C6.75887 8.93867 7.00369 8.82899 7.26369 8.81164H13.2767C13.5367 8.82899 13.7815 8.93867 13.9658 9.12038C14.15 9.30208 14.2613 9.54349 14.2788 9.79988C14.2788 10.062 14.1733 10.3133 13.9853 10.4987C13.7974 10.684 13.5425 10.7881 13.2767 10.7881ZM17.2853 6.83517H7.26369C6.9979 6.83517 6.74299 6.73106 6.55505 6.54573C6.36711 6.3604 6.26152 6.10903 6.26152 5.84694C6.27911 5.59055 6.39034 5.34914 6.57461 5.16744C6.75887 4.98573 7.00369 4.87605 7.26369 4.8587H17.2853C17.5453 4.87605 17.7901 4.98573 17.9744 5.16744C18.1587 5.34914 18.2699 5.59055 18.2875 5.84694C18.2875 6.10903 18.1819 6.3604 17.994 6.54573C17.806 6.73106 17.5511 6.83517 17.2853 6.83517Z"
/>
</svg>
<p>Noticias</p>
</div>
</a>
<a href="./directorio_inv.html">
<div class="menu_icono">
<svg
width="21"
height="21"
viewBox="0 0 21 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="inactivo"
d="M19.8734 14.8579L15.4886 13.0032C15.304 12.9277 15.1 12.9109 14.9053 12.9554C14.7105 12.9998 14.5347 13.1031 14.4025 13.2509L12.4814 15.5999C9.42698 14.1945 6.97187 11.7736 5.5467 8.76161L7.92698 6.86629C8.08469 6.74147 8.19515 6.5679 8.24055 6.37359C8.28594 6.17927 8.26363 5.97554 8.17719 5.79526L6.30108 1.46588C6.21112 1.2664 6.05379 1.10386 5.85591 1.00595C5.65803 0.908052 5.43184 0.880847 5.21589 0.928977L1.12349 1.83551C0.918783 1.88585 0.737289 2.00282 0.608378 2.1675C0.479467 2.33219 0.41068 2.53495 0.41315 2.74298C0.414637 7.49478 2.32859 12.0517 5.73466 15.4131C9.14074 18.7744 13.7605 20.6653 18.5792 20.6704C18.7899 20.6724 18.9951 20.6044 19.1617 20.4773C19.3283 20.3502 19.4466 20.1715 19.4976 19.97L20.416 15.9317C20.4699 15.7183 20.4449 15.4929 20.3454 15.2961C20.246 15.0993 20.0786 14.9439 19.8734 14.8579Z"
/>
</svg>
<p>Directorio</p>
</div>
</a>
<a href="./eventos_inv.html">
<div class="menu_icono activo">
<svg
width="19"
height="21"
viewBox="0 0 19 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="activo"
d="M18.2268 7.08223H1.06387C0.795617 7.08223 0.578125 6.87482 0.578125 6.619V5.22929C0.578125 4.20593 1.44801 3.37635 2.5211 3.37635H4.46407V1.369C4.46407 1.11318 4.68156 0.905762 4.94981 0.905762H6.56896C6.83721 0.905762 7.0547 1.11318 7.0547 1.369V3.37635H12.236V1.369C12.236 1.11318 12.4535 0.905762 12.7217 0.905762H14.3409C14.6091 0.905762 14.8266 1.11318 14.8266 1.369V3.37635H16.7696C17.8427 3.37635 18.7125 4.20593 18.7125 5.22929V6.619C18.7125 6.87482 18.495 7.08223 18.2268 7.08223ZM1.06387 8.31753H18.2268C18.495 8.31753 18.7125 8.52494 18.7125 8.78076V18.8175C18.7125 19.8409 17.8427 20.6705 16.7696 20.6705H2.5211C1.44801 20.6705 0.578125 19.8409 0.578125 18.8175V8.78076C0.578125 8.52494 0.795617 8.31753 1.06387 8.31753ZM14.5552 12.0214L13.415 10.9251C13.2261 10.7435 12.9185 10.7423 12.7281 10.9225L8.43583 14.9829L6.57463 13.1936C6.38571 13.012 6.07812 13.0108 5.88766 13.191L4.73819 14.2784C4.54774 14.4586 4.54649 14.7519 4.73544 14.9335L8.07901 18.1479C8.26793 18.3295 8.57548 18.3307 8.76593 18.1505L14.5525 12.6765C14.7429 12.4963 14.7442 12.203 14.5552 12.0214Z"
/>
</svg>
<p>Eventos</p>
</div>
</a>
<a href="./notas_inv.html">
<div class="menu_icono">
<svg
width="21"
height="20"
viewBox="0 0 21 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="inactivo"
d="M17.8691 20H2.12906C1.55971 19.9945 1.01581 19.7633 0.616681 19.3573C0.217553 18.9512 -0.00420385 18.4034 6.03792e-05 17.834V2.12602C0.000855297 1.5619 0.225511 1.02115 0.62469 0.62253C1.02387 0.223914 1.56493 2.11443e-05 2.12906 2.17044e-05H17.9111C18.1901 -0.00124916 18.4665 0.0533025 18.7241 0.160466C18.9817 0.26763 19.2153 0.42524 19.4111 0.624022C19.6074 0.820297 19.7611 1.05503 19.8624 1.3135C19.9638 1.57197 20.0107 1.84859 20.0001 2.12602V17.876C19.9985 18.4401 19.7732 18.9804 19.3737 19.3786C18.9742 19.7768 18.4331 20.0003 17.8691 20ZM13.6111 11.417C13.4245 11.4213 13.2466 11.4972 13.1145 11.629C12.9823 11.7608 12.9059 11.9384 12.9011 12.125V15C12.9059 15.1866 12.9823 15.3642 13.1145 15.496C13.2466 15.6278 13.4245 15.7037 13.6111 15.708H15.0301C15.2165 15.7035 15.394 15.6274 15.526 15.4957C15.658 15.3639 15.7342 15.1864 15.7391 15V12.125C15.7342 11.9386 15.658 11.7611 15.526 11.6294C15.394 11.4976 15.2165 11.4216 15.0301 11.417H13.6111ZM9.31006 4.29202C9.12353 4.29657 8.94587 4.37256 8.81374 4.50431C8.68162 4.63606 8.60513 4.81351 8.60006 5.00002V15C8.60489 15.1866 8.6813 15.3642 8.81348 15.496C8.94565 15.6278 9.12345 15.7037 9.31006 15.708H10.7291C10.9158 15.704 11.0939 15.6282 11.2263 15.4963C11.3587 15.3645 11.4352 15.1868 11.4401 15V5.00002C11.435 4.81351 11.3585 4.63606 11.2264 4.50431C11.0943 4.37256 10.9166 4.29657 10.7301 4.29202H9.31006ZM5.01006 8.58402C4.82336 8.58858 4.64556 8.66471 4.51341 8.79667C4.38126 8.92863 4.30488 9.10633 4.30006 9.29302V15C4.30489 15.1866 4.3813 15.3642 4.51348 15.496C4.64565 15.6278 4.82345 15.7037 5.01006 15.708H6.43006C6.61649 15.7035 6.79405 15.6274 6.92601 15.4957C7.05797 15.3639 7.13424 15.1864 7.13906 15V9.29202C7.13425 9.1055 7.05801 8.92794 6.92608 8.79601C6.79414 8.66407 6.61658 8.58783 6.43006 8.58302L5.01006 8.58402Z"
/>
</svg>
<p>Notas</p>
</div>
</a>
<a href="./horario_inv.html">
<div class="menu_icono">
<svg
width="21"
height="21"
viewBox="0 0 21 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="inactivo"
d="M0.71585 20.6705C0.53108 20.6592 0.357233 20.5803 0.228388 20.4492C0.0995425 20.3182 0.0249905 20.1444 0.0193464 19.9619V16.8697C0.0126971 16.7743 0.0256109 16.6786 0.0573165 16.5882C0.0890222 16.4979 0.138869 16.4148 0.203881 16.3438C0.268892 16.2729 0.347734 16.2156 0.435698 16.1754C0.523661 16.1352 0.618942 16.1129 0.71585 16.1098H3.49886C3.59668 16.11 3.69337 16.1304 3.78273 16.1696C3.87208 16.2089 3.95213 16.2661 4.01772 16.3377C4.08331 16.4093 4.13299 16.4936 4.16359 16.5852C4.19418 16.6768 4.205 16.7737 4.19536 16.8697V19.9105C4.20004 20.101 4.1304 20.2861 4.00081 20.4275C3.87122 20.5689 3.69156 20.6558 3.49886 20.6705H0.71585ZM7.67487 19.9105C7.48226 19.8954 7.30284 19.8081 7.17348 19.6666C7.04413 19.5251 6.97466 19.34 6.97937 19.1496V17.5793C6.97466 17.3888 7.04413 17.2038 7.17348 17.0622C7.30284 16.9207 7.48226 16.8334 7.67487 16.8183H19.3671C19.4655 16.8253 19.5613 16.8524 19.6485 16.8979C19.7356 16.9434 19.8122 17.0064 19.8733 17.0827C19.9344 17.1591 19.9787 17.2471 20.0034 17.3413C20.028 17.4355 20.0325 17.5337 20.0165 17.6297V19.1496C20.0212 19.3402 19.9516 19.5254 19.822 19.6669C19.6925 19.8085 19.5128 19.8957 19.32 19.9105H7.67487ZM0.71585 13.069C0.530993 13.0575 0.357136 12.9784 0.228312 12.8471C0.0994883 12.7159 0.0249709 12.542 0.0193464 12.3594V9.26821C0.0125564 9.17274 0.0253655 9.07691 0.0570073 8.98644C0.0886491 8.89597 0.138473 8.81272 0.203499 8.74168C0.268524 8.67064 0.347414 8.61326 0.435448 8.57299C0.523483 8.53271 0.618852 8.51036 0.71585 8.50727H3.49886C3.69164 8.52213 3.87132 8.60932 4.00088 8.75087C4.13045 8.89243 4.20005 9.07758 4.19536 9.26821V12.309C4.20004 12.4995 4.1304 12.6846 4.00081 12.826C3.87122 12.9674 3.69156 13.0543 3.49886 13.069H0.71585ZM7.67487 12.309C7.48226 12.2939 7.30284 12.2066 7.17348 12.0651C7.04413 11.9236 6.97466 11.7385 6.97937 11.5481V9.97677C6.97272 9.88147 6.9856 9.78582 7.01725 9.69553C7.04889 9.60524 7.09865 9.52216 7.16356 9.45124C7.22846 9.38032 7.30718 9.32301 7.39503 9.28274C7.48288 9.24246 7.57805 9.22005 7.67487 9.21682H19.3671C19.5592 9.24593 19.733 9.34569 19.8534 9.49605C19.9739 9.6464 20.0322 9.83617 20.0165 10.0272V11.5481C20.0212 11.7387 19.9516 11.9239 19.822 12.0654C19.6925 12.207 19.5128 12.2941 19.32 12.309H7.67487ZM0.71585 5.46746C0.531326 5.45601 0.357746 5.37718 0.22897 5.24636C0.100194 5.11554 0.0254601 4.9421 0.0193464 4.75988V1.66571C0.0126971 1.57033 0.0256109 1.4746 0.0573165 1.38425C0.0890222 1.29389 0.138869 1.21077 0.203881 1.13983C0.268892 1.0689 0.347734 1.01161 0.435698 0.971395C0.523661 0.931179 0.618942 0.908856 0.71585 0.905762H3.49886C3.69156 0.920386 3.87122 1.00736 4.00081 1.14876C4.1304 1.29015 4.20004 1.47519 4.19536 1.66571V4.70651C4.20005 4.89715 4.13045 5.0823 4.00088 5.22385C3.87132 5.36541 3.69164 5.45259 3.49886 5.46746H0.71585ZM7.72197 4.70651C7.52927 4.69189 7.34961 4.60492 7.22002 4.46352C7.09043 4.32213 7.02079 4.13709 7.02547 3.94656V2.37527C7.01882 2.27996 7.0317 2.18431 7.06335 2.09402C7.09499 2.00373 7.14475 1.92065 7.20966 1.84973C7.27456 1.77881 7.35328 1.7215 7.44113 1.68123C7.52898 1.64096 7.62415 1.61854 7.72097 1.61531H19.3671C19.5566 1.63774 19.7314 1.72706 19.8593 1.86677C19.9871 2.00647 20.0594 2.18711 20.0626 2.37527V3.94656C20.0673 4.13693 19.9978 4.32183 19.8684 4.4632C19.739 4.60457 19.5596 4.69165 19.3671 4.70651H7.72197Z"
/>
</svg>
<p>Horario</p>
</div>
</a>
</div>
<div class="menu_rigth"></div>
</div>
<!-- Aquí acaba el tapbar -->
<div
class="animsition container"
data-animsition-in-class="fade-in"
data-animsition-in-duration="800"
data-animsition-out-class="fade-out-down"
data-animsition-out-duration="600"
>
<!-- Aquí empieza el header -->
<div class="header">
<div class="header_icon">
<div class="navbar_icono">
<a href="./registro.html">
<svg
width="20"
height="19"
viewBox="0 0 20 19"
fill="none"
class="header-icon"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="button"
d="M9.52527 0C7.64135 0 5.79974 0.557165 4.23331 1.60104C2.66689 2.64491 1.44602 4.12861 0.725072 5.86451C0.00412714 7.6004 -0.184505 9.51054 0.18303 11.3534C0.550564 13.1962 1.45776 14.8889 2.78989 16.2175C4.12202 17.5461 5.81926 18.4509 7.66698 18.8175C9.5147 19.184 11.4299 18.9959 13.1704 18.2769C14.9109 17.5578 16.3986 16.3402 17.4452 14.7779C18.4919 13.2156 19.0505 11.3789 19.0505 9.5C19.0505 6.98044 18.047 4.56408 16.2606 2.78248C14.4743 1.00089 12.0515 0 9.52527 0V0ZM5.44301 16.5436V15.1864C5.41313 14.6134 5.61046 14.0517 5.99236 13.6225C6.37427 13.1934 6.91011 12.9313 7.48414 12.8929H11.5664C12.1417 12.9313 12.6786 13.1943 13.0607 13.6249C13.4428 14.0556 13.6393 14.6191 13.6075 15.1932V16.5504C12.3682 17.2704 10.9596 17.6498 9.52527 17.6498C8.09098 17.6498 6.68235 17.2704 5.44301 16.5504V16.5436ZM14.9683 15.5529V15.1389C14.9868 14.2138 14.641 13.3183 14.0049 12.6446C13.3689 11.9709 12.4934 11.5728 11.5664 11.5357H7.48414C6.55651 11.5711 5.67999 11.9687 5.0436 12.6427C4.40721 13.3168 4.06194 14.2133 4.08226 15.1389V15.5393C2.8498 14.4399 1.9811 12.9931 1.5911 11.3905C1.2011 9.78792 1.3082 8.10498 1.89821 6.56441C2.48822 5.02383 3.53334 3.69824 4.89527 2.76304C6.2572 1.82783 7.87175 1.3271 9.52527 1.3271C11.1788 1.3271 12.7933 1.82783 14.1553 2.76304C15.5172 3.69824 16.5623 5.02383 17.1523 6.56441C17.7423 8.10498 17.8494 9.78792 17.4594 11.3905C17.0694 12.9931 16.2007 14.4399 14.9683 15.5393V15.5529Z"
/>
<path
class="button"
d="M9.52542 3.39282C8.85259 3.39282 8.19487 3.59181 7.63543 3.96462C7.076 4.33743 6.63997 4.86733 6.38249 5.48729C6.12501 6.10725 6.05764 6.78944 6.1889 7.44759C6.32017 8.10574 6.64416 8.71029 7.11992 9.18479C7.59569 9.65929 8.20184 9.98243 8.86174 10.1133C9.52164 10.2443 10.2056 10.1771 10.8273 9.92027C11.4489 9.66347 11.9802 9.2286 12.354 8.67065C12.7278 8.1127 12.9273 7.45672 12.9273 6.78568C12.9273 5.88584 12.5689 5.02285 11.9309 4.38657C11.2929 3.75028 10.4277 3.39282 9.52542 3.39282V3.39282ZM9.52542 8.82139C9.12172 8.82139 8.72709 8.702 8.39143 8.47831C8.05577 8.25463 7.79415 7.93669 7.63966 7.56471C7.48517 7.19273 7.44475 6.78342 7.52351 6.38853C7.60227 5.99364 7.79666 5.63091 8.08212 5.34621C8.36758 5.06151 8.73127 4.86763 9.12721 4.78908C9.52315 4.71053 9.93356 4.75085 10.3065 4.90492C10.6795 5.059 10.9983 5.31993 11.2226 5.6547C11.4468 5.98947 11.5665 6.38305 11.5665 6.78568C11.5665 7.32558 11.3515 7.84338 10.9687 8.22515C10.5859 8.60692 10.0668 8.82139 9.52542 8.82139Z"
/>
</svg>
</a>
</div>
</div>
<div class="header_seccion">
<div class="seccion_icon oculto">
<svg
width="14"
height="24"
viewBox="0 0 14 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="button"
d="M4.18841 11.9898L13.2779 2.92449C13.6 2.60332 13.7811 2.16767 13.7812 1.71336C13.7813 1.25906 13.6005 0.823317 13.2784 0.501999C13.119 0.342899 12.9297 0.216679 12.7213 0.130546C12.513 0.0444125 12.2896 5.30641e-05 12.0641 4.7643e-08C11.6086 -0.000107024 11.1717 0.180262 10.8495 0.501428L0.545303 10.7783C0.223346 11.0995 0.0424805 11.5351 0.0424805 11.9893C0.0424805 12.4434 0.223346 12.879 0.545303 13.2002L10.8495 23.4771C11.0079 23.6407 11.1974 23.7712 11.407 23.8609C11.6165 23.9507 11.8418 23.998 12.0699 23.9999C12.2979 24.0019 12.524 23.9586 12.7351 23.8725C12.9462 23.7863 13.1379 23.6591 13.2992 23.4983C13.4604 23.3375 13.5879 23.1463 13.6743 22.9358C13.7606 22.7253 13.8041 22.4997 13.8021 22.2723C13.8001 22.0449 13.7527 21.8201 13.6627 21.6112C13.5727 21.4022 13.4419 21.2132 13.2779 21.0552L4.18841 11.9898Z"
/>
</svg>
</div>
<h1>Eventos</h1>
</div>
</div>
<!-- Aquí acaba el header-->
<!-- Aquí empieza sección -->
<div class="seccion_horario">
<ul class="hs">
<li class="content_carrusel uno">
<div class="nav_carrusel">
<a href="#junio">
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="21"
viewBox="0 0 12 21"
>
<path
class="carrusel"
d="M3.621,10.5l7.939-7.939A1.5,1.5,0,1,0,9.439.439l-9,9a1.5,1.5,0,0,0,0,2.121l9,9a1.5,1.5,0,1,0,2.121-2.121Z"
/>
</svg>
</a>
<h2>Abril</h2>
<a href="#mayo">
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="21"
viewBox="0 0 12 21"
style="transform: rotate(180deg)"
;
>
<path
class="carrusel"
d="M3.621,10.5l7.939-7.939A1.5,1.5,0,1,0,9.439.439l-9,9a1.5,1.5,0,0,0,0,2.121l9,9a1.5,1.5,0,1,0,2.121-2.121Z"
/>
</svg>
</a>
</div>
<div class="container_carrusel_e">
<div class="content3">
<div class="item_eventos">
<div class="dia_calendario">
<p>1</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>2</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>3</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>4</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>5</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>6</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>7</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>8</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>9</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>10</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>11</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>12</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>13</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>14</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>15</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>16</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>17</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>18</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>19</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>20</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>21</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>22</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>23</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>24</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>25</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>26</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>27</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>28</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>29</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>30</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>31</p>
<strong>DOM</strong>
</div>
</div>
</div>
<a name="abril"></a>
</div>
</li>
<li class="content_carrusel dos">
<div
class="nav_carrusel animsition"
data-animsition-in-class="fade-in-left-sm"
data-animsition-in-duration="1000"
data-animsition-out-class="fade-out-left-sm"
data-animsition-out-duration="800"
>
<a href="#abril">
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="21"
viewBox="0 0 12 21"
>
<path
class="carrusel"
d="M3.621,10.5l7.939-7.939A1.5,1.5,0,1,0,9.439.439l-9,9a1.5,1.5,0,0,0,0,2.121l9,9a1.5,1.5,0,1,0,2.121-2.121Z"
/>
</svg>
</a>
<h2>Mayo</h2>
<a href="#junio">
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="21"
viewBox="0 0 12 21"
style="transform: rotate(180deg)"
;
>
<path
class="carrusel"
d="M3.621,10.5l7.939-7.939A1.5,1.5,0,1,0,9.439.439l-9,9a1.5,1.5,0,0,0,0,2.121l9,9a1.5,1.5,0,1,0,2.121-2.121Z"
/>
</svg>
</a>
</div>
<dv class="container_carrusel_e">
<div class="content3">
<div class="item_eventos">
<div class="dia_calendario">
<p>1</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>2</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>3</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>4</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>5</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>6</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>7</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>8</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>9</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>10</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>11</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>12</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>13</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>14</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>15</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>16</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>17</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>18</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>19</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>20</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>21</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>22</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>23</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>24</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>25</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>26</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>27</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>28</p>
<strong>JUE</strong>
</div>
<a href="./programate_inv_29.html">
<div class="dia_calendario dia_activo">
<p>29</p>
<strong>VIE</strong>
</div>
</a>
<div class="dia_calendario">
<p>30</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>31</p>
<strong>DOM</strong>
</div>
</div>
</div>
</dv>
<a name="mayo"></a>
</li>
<li class="content_corrusel tres">
<div class="nav_carrusel">
<a href="#mayo">
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="21"
viewBox="0 0 12 21"
>
<path
class="carrusel"
d="M3.621,10.5l7.939-7.939A1.5,1.5,0,1,0,9.439.439l-9,9a1.5,1.5,0,0,0,0,2.121l9,9a1.5,1.5,0,1,0,2.121-2.121Z"
/>
</svg>
</a>
<h2>Junio</h2>
<a href="#abril">
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="21"
viewBox="0 0 12 21"
style="transform: rotate(180deg)"
;
>
<path
class="carrusel"
d="M3.621,10.5l7.939-7.939A1.5,1.5,0,1,0,9.439.439l-9,9a1.5,1.5,0,0,0,0,2.121l9,9a1.5,1.5,0,1,0,2.121-2.121Z"
/>
</svg>
</a>
</div>
<div class="container_carrusel_e">
<div class="content3">
<div class="item_eventos">
<div class="dia_calendario">
<p>1</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>2</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>3</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>4</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>5</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>6</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>7</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>8</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>9</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>10</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>11</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>12</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>13</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>14</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>15</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>16</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>17</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>18</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>19</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>20</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>21</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>22</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>23</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>24</p>
<strong>DOM</strong>
</div>
<div class="dia_calendario">
<p>25</p>
<strong>LUN</strong>
</div>
<div class="dia_calendario">
<p>26</p>
<strong>MAR</strong>
</div>
<div class="dia_calendario">
<p>27</p>
<strong>MIE</strong>
</div>
<div class="dia_calendario">
<p>28</p>
<strong>JUE</strong>
</div>
<div class="dia_calendario">
<p>29</p>
<strong>VIE</strong>
</div>
<div class="dia_calendario">
<p>30</p>
<strong>SAB</strong>
</div>
<div class="dia_calendario">
<p>31</p>
<strong>DOM</strong>
</div>
</div>
</div>
<a name="junio"></a>
</div>
</li>
</ul>
<div class="content3">
<h3 class="subtitulo_eventos">Proximos eventos</h3>
<div
class="tendencias_e animsition"
data-animsition-in-class="fade-in-right-sm"
data-animsition-in-duration="1000"
data-animsition-out-class="fade-out-right-sm"
data-animsition-out-duration="800"
>
<a href="./noticia3.html">
<div class="card_tendencia_e">
<div class="img_tendencia_e">
<img src="./dist/img/noticia3.jpg" alt="imagen noticia 1" />
</div>
<div class="background-card_e"></div>
<div class="parrafo-card_e">
<p>
La Facultad de Ingeniería Industrial participó en el III ...
</p>
<div class="btn5">
<h4>Leer más</h4>
</div>
</div>
</div>
</a>
<a href="./noticia5.html">
<div class="card_tendencia_e">
<div class="img_tendencia_e">
<img
src="./dist/img/noticia5_img1.jpg"
alt="imagen noticia 5"
/>
</div>
<div class="background-card_e"></div>
<div class="parrafo-card_e">
<p>XVIII Feria de proyectos de Ingeniería Mecánica</p>
<div class="btn5">
<h4>Leer más</h4>
</div>
</div>
</div>
</a>
<a href="./noticia1.html">
<div class="card_tendencia_e">
<div class="img_tendencia_e">
<img
src="./dist/img/noticia1_img1.png"
alt="imagen noticia 1"
/>
</div>
<div class="background-card_e"></div>
<div class="parrafo-card_e">
<p>#Vivesantotoencasa - Plan de virtualización</p>
<div class="btn5">
<h4>Leer más</h4>
</div>
</div>
</div>
</a>
<a href="./noticia7.html">
<div class="card_tendencia_e">
<div class="img_tendencia_e">
<img src="./dist/img/noticia7.jpg" alt="imagen noticia 1" />
</div>
<div class="background-card_e"></div>
<div class="parrafo-card_e">
<p>Docente de la Facultad de Estadística adelanta ...</p>
<div class="btn5">
<h4>Leer más</h4>
</div>
</div>
</div>
</a>
<a href="./noticia9.html">
<div class="card_tendencia_e">
<div class="img_tendencia_e">
<img src="./dist/img/noticia9.jpg" alt="imagen noticia 1" />
</div>
<div class="background-card_e"></div>
<div class="parrafo-card_e">
<p>
Administradores FAE (Facultad administración de empresas)...
</p>
<div class="btn5">
<h4>Leer más</h4>
</div>
</div>
</div>
</a>
<a href="./noticia11.html">
<div class="card_tendencia_e">
<div class="img_tendencia_e">
<img src="./dist/img/noticia11.jpg" alt="imagen noticia 1" />
</div>
<div class="background-card_e"></div>
<div class="parrafo-card_e">
<p>Facultad de Sociología presente en medios y foros ...</p>
<div class="btn5">
<h4>Leer más</h4>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Aquí acaba la sección -->
<!-- Aquí empieza complementos -->
<footer>
<p>© Copyriht 2020 Universidad Santo Tomás - Mi Usta-app</p>
<ul>
<a href="mailto:[email protected]?subject=Feedback">
<li>¿Problemas?</li>
</a>
<a href="./registro.html">
<li>Ingresar</li>
</a>
</ul>
</footer>
<!-- Aquí acaba complementos -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./dist/js/animsition.min.js"></script>
<script src="./dist/js/javascript.js" charset="utf-8"></script>
</body>
</html>