-
Notifications
You must be signed in to change notification settings - Fork 0
/
eventos.html
1081 lines (1078 loc) · 60.6 KB
/
eventos.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
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!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.html">
<p>Noticias</p>
</a>
<a href="./directorio.html">
<p>Directorio</p>
</a>
<a href="./eventos.html" class="activo">
<p>Eventos</p>
</a>
<a href="./notas.html">
<p>Notas</p>
</a>
<a href="./horario.html">
<p>Horario</p>
</a>
</div>
</div>
<div class="menu">
<div class="menu_left"></div>
<div class="menu_center">
<a href="./noticias.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.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.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.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.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="#modal_menu" id="show-modal_menu">
<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 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_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 dos">
<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>
<li class="content_carrusel tres">
<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>
</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="https://campusvirtual.usta.edu.co/">
<li>Entrar a Moodle</li>
</a>
<a href="http://oas.usta.edu.co:8080/sgacampus/">
<li>Entra a tu SAC</li>
</a>
<a href="#modal_config_logout" id="show-modal_config_logout">
<li>Cerrar sesión</li>
</a>
</ul>
</footer>
<aside id="modal_menu" class="modal_menu">
<nav role="navigation">
<div>
<ul id="menu">
<div class="usermenu content-modal_menu">
<a href="#" class="close-modal_menu">
<svg
width="21"
height="21"
viewBox="0 0 21 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M19.6352 0.367199C19.7516 0.483302 19.8439 0.621228 19.907 0.773077C19.97 0.924925 20.0024 1.08771 20.0024 1.25212C20.0024 1.41652 19.97 1.57931 19.907 1.73115C19.8439 1.883 19.7516 2.02093 19.6352 2.13703L2.13686 19.6354C1.90217 19.8701 1.58386 20.0019 1.25195 20.0019C0.92004 20.0019 0.601726 19.8701 0.367032 19.6354C0.132338 19.4007 0.000488284 19.0824 0.000488281 18.7504C0.000488279 18.4185 0.132338 18.1002 0.367032 17.8655L17.8654 0.367199C17.9815 0.250802 18.1194 0.158454 18.2712 0.0954436C18.4231 0.0324335 18.5859 0 18.7503 0C18.9147 0 19.0775 0.0324335 19.2293 0.0954436C19.3812 0.158454 19.5191 0.250802 19.6352 0.367199V0.367199Z"
fill="#AEAEAE"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0.367199 0.367199C0.250802 0.483302 0.158454 0.621228 0.0954436 0.773077C0.0324335 0.924925 0 1.08771 0 1.25212C0 1.41652 0.0324335 1.57931 0.0954436 1.73115C0.158454 1.883 0.250802 2.02093 0.367199 2.13703L17.8655 19.6354C18.1002 19.8701 18.4185 20.0019 18.7504 20.0019C19.0824 20.0019 19.4007 19.8701 19.6354 19.6354C19.8701 19.4007 20.0019 19.0824 20.0019 18.7504C20.0019 18.4185 19.8701 18.1002 19.6354 17.8655L2.13703 0.367199C2.02093 0.250802 1.883 0.158454 1.73115 0.0954436C1.57931 0.0324335 1.41652 0 1.25212 0C1.08771 0 0.924925 0.0324335 0.773077 0.0954436C0.621228 0.158454 0.483302 0.250802 0.367199 0.367199V0.367199Z"
fill="#AEAEAE"
/>
</svg>
</a>
<div class="usermenu_info">
<div class="usermenu_info-image">
<img
class="perfil"
src="./dist/img/perfil.jpg"
alt="foto de perfil"
/>
</div>
<h3>Maria Cristina <br />Salazar Rodrigues</h3>
<a href="./perfil.html">
<p>Mobile ID</p>
</a>
</div>
<div class="usermenu_options">
<a
href="#modal_config_notification"
id="show-modal_config_notification"
>
<div class="usermenu_item1">
<svg
width="17"
height="20"
viewBox="0 0 17 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.4392 15.551L15.0232 13.353C14.3734 12.353 14.0262 11.1866 14.0232 9.99404V8.06804C13.9933 6.87669 13.5737 5.72799 12.8287 4.79784C12.0837 3.8677 11.0543 3.20739 9.89824 2.91804V1.53904C9.86913 1.12128 9.68265 0.730121 9.37642 0.444483C9.07018 0.158846 8.66701 0 8.24824 0C7.82947 0 7.42629 0.158846 7.12006 0.444483C6.81383 0.730121 6.62735 1.12128 6.59824 1.53904V2.91804C5.44217 3.20739 4.41281 3.8677 3.6678 4.79784C2.92278 5.72799 2.50318 6.87669 2.47324 8.06804V9.99304C2.46989 11.1856 2.12268 12.3518 1.47324 13.352L0.0562401 15.552C0.0195069 15.6099 0 15.677 0 15.7455C0 15.8141 0.0195069 15.8812 0.0562401 15.939C0.0936277 16.0004 0.14623 16.051 0.208954 16.0861C0.271677 16.1211 0.342391 16.1394 0.414238 16.139H16.0852C16.1566 16.1399 16.2271 16.1225 16.2899 16.0886C16.3527 16.0546 16.4058 16.0052 16.4442 15.945C16.4814 15.8859 16.5007 15.8172 16.4999 15.7473C16.499 15.6774 16.4779 15.6093 16.4392 15.551Z"
fill="#34507B"
/>
<path
d="M5.23413 17.0891C5.50279 17.6614 5.92887 18.1454 6.46254 18.4844C6.9962 18.8235 7.61539 19.0035 8.24763 19.0035C8.87988 19.0035 9.49905 18.8235 10.0327 18.4844C10.5664 18.1454 10.9925 17.6614 11.2611 17.0891H5.23413Z"
fill="#34507B"
/>
</svg>
<h2>Notificaciones</h2>
<svg
width="8"
height="15"
viewBox="0 0 8 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.58952 7.50635L0.304827 13.1722C0.117513 13.3729 0.0122467 13.6452 0.0121842 13.9291C0.0121217 14.2131 0.117269 14.4854 0.304494 14.6862C0.397199 14.7857 0.507264 14.8646 0.628406 14.9184C0.749547 14.9722 0.879392 15 1.01053 15C1.27537 15.0001 1.52938 14.8873 1.7167 14.6866L7.70766 8.26356C7.89484 8.06281 8 7.79057 8 7.50671C8 7.22285 7.89484 6.95061 7.70766 6.74986L1.7167 0.326813C1.62459 0.224568 1.51441 0.143014 1.39259 0.0869097C1.27077 0.030805 1.13975 0.00127446 1.00717 3.9443e-05C0.874591 -0.00119558 0.74311 0.0258897 0.620398 0.0797151C0.497687 0.133541 0.386204 0.21303 0.292453 0.313544C0.198701 0.414056 0.12456 0.53358 0.0743545 0.665141C0.0241492 0.796703 -0.00111362 0.937667 3.79334e-05 1.07981C0.00118996 1.22195 0.0287344 1.36242 0.0810645 1.49303C0.133394 1.62363 0.209462 1.74176 0.304828 1.84051L5.58952 7.50635Z"
fill="#3B8CC4"
/>
</svg>
</div>
</a>
<a href="https://campusvirtual.usta.edu.co/">
<div class="usermenu_item">
<svg
width="19"
height="18"
viewBox="0 0 19 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.6995 12.5252C10.3416 12.7552 9.92503 12.8774 9.49954 12.8774C9.07404 12.8774 8.65751 12.7552 8.29954 12.5252L2.86454 8.81416C2.86454 8.81416 2.37354 8.47917 2.37354 9.23817V12.9442C2.37354 14.8962 5.56354 17.0012 9.49854 17.0012C13.4335 17.0012 16.6235 14.9012 16.6235 12.9442V9.02917C16.6235 8.42017 16.2745 8.71816 16.2745 8.71816L10.6995 12.5252Z"
fill="#34507B"
/>
<path
d="M18.6816 5.8611C18.7772 5.81236 18.8575 5.73814 18.9136 5.64664C18.9696 5.55513 18.9993 5.44991 18.9993 5.34261C18.9993 5.2353 18.9696 5.13007 18.9136 5.03857C18.8575 4.94707 18.7772 4.87285 18.6816 4.8241L10.2706 0.214104C10.0376 0.0743236 9.77092 0.000488281 9.49915 0.000488281C9.22738 0.000488281 8.96071 0.0743236 8.72765 0.214104L0.317648 4.8241C0.222047 4.87285 0.141783 4.94707 0.0857256 5.03857C0.0296681 5.13007 0 5.2353 0 5.34261C0 5.44991 0.0296681 5.55513 0.0857256 5.64664C0.141783 5.73814 0.222047 5.81236 0.317648 5.8611L8.72765 11.5151C8.96071 11.6549 9.22738 11.7287 9.49915 11.7287C9.77092 11.7287 10.0376 11.6549 10.2706 11.5151"
fill="#34507B"
/>
<path
d="M18.2998 14.241V7.99702C18.2998 7.99702 18.2998 7.69702 18.1358 7.79702C17.9331 7.90833 17.7386 8.03399 17.5538 8.17303C17.4691 8.28798 17.4331 8.43172 17.4538 8.57302V14.243C17.4512 14.2729 17.4406 14.3016 17.423 14.3259C17.4054 14.3503 17.3814 14.3693 17.3538 14.381C17.1962 14.4795 17.0666 14.6166 16.9771 14.7794C16.8876 14.9422 16.8414 15.1252 16.8428 15.311C16.8385 15.4494 16.862 15.5873 16.912 15.7165C16.962 15.8456 17.0375 15.9634 17.1339 16.0629C17.2303 16.1623 17.3456 16.2414 17.4732 16.2954C17.6007 16.3493 17.7378 16.3772 17.8763 16.3772C18.0148 16.3772 18.1519 16.3493 18.2794 16.2954C18.4069 16.2414 18.5223 16.1623 18.6187 16.0629C18.7151 15.9634 18.7905 15.8456 18.8405 15.7165C18.8905 15.5873 18.9141 15.4494 18.9098 15.311C18.9113 15.1246 18.8648 14.941 18.7748 14.7777C18.6848 14.6145 18.5542 14.4772 18.3958 14.379C18.3685 14.3672 18.3452 14.348 18.3282 14.3236C18.3112 14.2993 18.3014 14.2707 18.2998 14.241Z"
fill="#34507B"
/>
</svg>
<h2>Moodle</h2>
<svg
width="8"
height="15"
viewBox="0 0 8 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.58952 7.50635L0.304827 13.1722C0.117513 13.3729 0.0122467 13.6452 0.0121842 13.9291C0.0121217 14.2131 0.117269 14.4854 0.304494 14.6862C0.397199 14.7857 0.507264 14.8646 0.628406 14.9184C0.749547 14.9722 0.879392 15 1.01053 15C1.27537 15.0001 1.52938 14.8873 1.7167 14.6866L7.70766 8.26356C7.89484 8.06281 8 7.79057 8 7.50671C8 7.22285 7.89484 6.95061 7.70766 6.74986L1.7167 0.326813C1.62459 0.224568 1.51441 0.143014 1.39259 0.0869097C1.27077 0.030805 1.13975 0.00127446 1.00717 3.9443e-05C0.874591 -0.00119558 0.74311 0.0258897 0.620398 0.0797151C0.497687 0.133541 0.386204 0.21303 0.292453 0.313544C0.198701 0.414056 0.12456 0.53358 0.0743545 0.665141C0.0241492 0.796703 -0.00111362 0.937667 3.79334e-05 1.07981C0.00118996 1.22195 0.0287344 1.36242 0.0810645 1.49303C0.133394 1.62363 0.209462 1.74176 0.304828 1.84051L5.58952 7.50635Z"
fill="#3B8CC4"
/>
</svg>
</div>
</a>
<a href="http://oas.usta.edu.co:8080/sgacampus/">
<div class="usermenu_item">
<svg
width="18"
height="20"
viewBox="0 0 18 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M4.97799 14.5002C5.1342 14.5125 5.28902 14.4632 5.40936 14.3628C5.52971 14.2625 5.60603 14.119 5.62199 13.9632V6.87016C5.60603 6.71428 5.52971 6.57085 5.40936 6.4705C5.28902 6.37015 5.1342 6.32085 4.97799 6.33315H3.06099C2.90478 6.32085 2.74996 6.37015 2.62962 6.4705C2.50927 6.57085 2.43296 6.71428 2.41699 6.87016V13.9632C2.43296 14.119 2.50927 14.2625 2.62962 14.3628C2.74996 14.4632 2.90478 14.5125 3.06099 14.5002H4.97799Z"
fill="#34507B"
/>
<path
d="M9.7529 14.5001C9.90894 14.5121 10.0635 14.4627 10.1836 14.3624C10.3038 14.2621 10.3799 14.1188 10.3959 13.9631V6.87307C10.3799 6.71738 10.3038 6.5741 10.1836 6.47378C10.0635 6.37346 9.90894 6.32405 9.7529 6.33608H7.83591C7.6797 6.32378 7.52487 6.37306 7.40453 6.47341C7.28418 6.57376 7.20786 6.71719 7.19189 6.87307V13.9651C7.20786 14.121 7.28418 14.2644 7.40453 14.3647C7.52487 14.4651 7.6797 14.5144 7.83591 14.5021L9.7529 14.5001Z"
fill="#34507B"
/>
<path
d="M14.5271 14.5002C14.6831 14.5122 14.8377 14.4628 14.9578 14.3625C15.0779 14.2621 15.1541 14.1188 15.1701 13.9632V6.87016C15.1541 6.71447 15.0779 6.57119 14.9578 6.47086C14.8377 6.37054 14.6831 6.32112 14.5271 6.33315H12.6101C12.4539 6.32085 12.299 6.37015 12.1787 6.4705C12.0583 6.57085 11.982 6.71428 11.9661 6.87016V13.9632C11.982 14.119 12.0583 14.2625 12.1787 14.3628C12.299 14.4632 12.4539 14.5125 12.6101 14.5002H14.5271Z"
fill="#34507B"
/>
<path
d="M1.76 5.59512H15.826C15.8963 5.59508 15.9645 5.57177 16.0202 5.52883C16.0758 5.48589 16.1156 5.42574 16.1334 5.35777C16.1512 5.28981 16.146 5.21785 16.1186 5.15315C16.0913 5.08845 16.0432 5.03464 15.982 5.00012L8.992 1.05212C8.93119 1.01702 8.86221 0.998535 8.79199 0.998535C8.72178 0.998535 8.6528 1.01702 8.592 1.05212L1.605 5.00012C1.54358 5.0343 1.49527 5.08792 1.46764 5.15255C1.44002 5.21718 1.43466 5.28916 1.45241 5.35716C1.47016 5.42517 1.51 5.48535 1.56567 5.52825C1.62135 5.57114 1.68971 5.59432 1.76 5.59412V5.59512Z"
fill="#34507B"
/>
<path
d="M1.53906 16.219C1.53893 16.3344 1.56155 16.4486 1.60563 16.5552C1.64971 16.6618 1.71437 16.7586 1.79593 16.8402C1.87749 16.9217 1.97433 16.9864 2.08091 17.0305C2.18749 17.0745 2.30173 17.0972 2.41707 17.097H15.1701C15.3977 17.0894 15.6134 16.9935 15.7717 16.8298C15.93 16.6661 16.0184 16.4473 16.0184 16.2195C16.0184 15.9918 15.93 15.773 15.7717 15.6093C15.6134 15.4455 15.3977 15.3497 15.1701 15.342H2.41707C2.30182 15.3419 2.18766 15.3645 2.08115 15.4085C1.97463 15.4525 1.87783 15.5171 1.79629 15.5985C1.71475 15.68 1.65006 15.7767 1.60592 15.8832C1.56178 15.9896 1.53906 16.1038 1.53906 16.219Z"
fill="#34507B"
/>
<path
d="M16.534 17.894H1.053C0.773725 17.894 0.50589 18.005 0.308414 18.2025C0.110939 18.3999 0 18.6678 0 18.9471C0 19.2263 0.110939 19.4941 0.308414 19.6916C0.50589 19.8891 0.773725 20.0001 1.053 20.0001H16.534C16.8133 20.0001 17.0811 19.8891 17.2786 19.6916C17.4761 19.4941 17.587 19.2263 17.587 18.9471C17.587 18.6678 17.4761 18.3999 17.2786 18.2025C17.0811 18.005 16.8133 17.894 16.534 17.894Z"
fill="#34507B"
/>
</svg>
<h2>SAC</h2>
<svg
width="8"
height="15"
viewBox="0 0 8 15"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.58952 7.50635L0.304827 13.1722C0.117513 13.3729 0.0122467 13.6452 0.0121842 13.9291C0.0121217 14.2131 0.117269 14.4854 0.304494 14.6862C0.397199 14.7857 0.507264 14.8646 0.628406 14.9184C0.749547 14.9722 0.879392 15 1.01053 15C1.27537 15.0001 1.52938 14.8873 1.7167 14.6866L7.70766 8.26356C7.89484 8.06281 8 7.79057 8 7.50671C8 7.22285 7.89484 6.95061 7.70766 6.74986L1.7167 0.326813C1.62459 0.224568 1.51441 0.143014 1.39259 0.0869097C1.27077 0.030805 1.13975 0.00127446 1.00717 3.9443e-05C0.874591 -0.00119558 0.74311 0.0258897 0.620398 0.0797151C0.497687 0.133541 0.386204 0.21303 0.292453 0.313544C0.198701 0.414056 0.12456 0.53358 0.0743545 0.665141C0.0241492 0.796703 -0.00111362 0.937667 3.79334e-05 1.07981C0.00118996 1.22195 0.0287344 1.36242 0.0810645 1.49303C0.133394 1.62363 0.209462 1.74176 0.304828 1.84051L5.58952 7.50635Z"
fill="#3B8CC4"
/>
</svg>
</div>
</a>
<a
href="mailto:[email protected]?subject=Feedback"
>
<div class="usermenu_item">
<svg
width="17"
height="19"
viewBox="0 0 17 19"
fill="none"
xmlns="http://www.w3.org/2000/svg"