-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (132 loc) · 5.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32" href="./images/logo perfil sin fondo.ico">
<link rel="stylesheet" href="styles.css">
<title>PGSCOM cinema</title>
</head>
<body>
<div class="sky-image">
<a href="https://pgscom.github.io">
<img src="images/logo perfil sin fondo.png" height="45" alt="Logo PGSCOM" href="https://pgscom.github.io" />
</a>
</div>
<div class="featured" style="height: 95%;">
<div id="video" style="height: 45%;">
<video id="elvideo" class="hijo" playsinline muted loop autoplay height="100%" src="images/Agua.mp4"></video>
</div>
<div class="featured-details">
<h1 style="text-align: center;" class="featured-title">Agua</h1>
<ul class="tags">
<li class="tag">
Hecho en 2022
</li>
<li class="tag">
Efectos especiales
</li>
<li class="tag">
Festival de cortometrajes de Manos Unidas
</li>
<li class="tag">
🤿
</li>
</ul>
</div>
</div>
<div class="featured-actions">
<a href="https://youtu.be/J-APNXRvc1I" target="_blank" style="color: black;" class="button icon-play">Reproducir</a>
</div>
<main>
<div class="list">
<h2 class="list-title">Contenidos:</h2>
<div class="list-content">
<div class="list-item">
<a href="https://open.spotify.com/episode/64iw8E3LVprQ1VNL0S0vjd?si=RkR754qpQmWlEX1UhCLEVg" target="_blank">
<img class="image" src="./images/covers/IA2.png" alt="Podcast IA Parte 2">
</a>
</div>
<div class="list-item">
<a href="https://maculacsa.github.io/" target="_blank">
<img class="image" src="./images/covers/macula2023.png" alt="Macula 2023">
</a>
</div>
<div class="list-item">
<a href="https://www.youtube.com/watch?v=ICaswolrCSU" target="_blank">
<img class="image" src="./images/covers/Tiempo.png" alt="Viaje en el Tiempo">
</a>
</div>
<div class="list-item">
<a href="https://www.youtube.com/watch?v=d-5yZWw2bXM" target="_blank">
<img class="image" src="./images/covers/DetrTiempo.png" alt="Detrás de Viaje en el Tiempo">
</a>
</div>
<div class="list-item">
<a href="https://www.youtube.com/watch?v=BgDsmv8oj2c" target="_blank">
<img class="image" src="./images/covers/DetrAgua.png" alt="Detrás de Agua">
</a>
</div>
<div class="list-item">
<a href="https://open.spotify.com/episode/6VWNwpeM6isGiy6jw01oTd?si=5ec78af3beb24c8b" target="_blank">
<img class="image" src="./images/covers/IA1.png" alt="Podcast IA Parte 1">
</a>
</div>
<div class="list-item">
<a href="https://www.youtube.com/watch?v=J-APNXRvc1I" target="_blank">
<img class="image" src="./images/covers/agua.png" alt="Corto Agua">
</a>
</div>
<div class="list-item">
<a href="https://youtu.be/m6TqQVTNyBw" target="_blank">
<img class="image" src="./images/covers/PGSCON2022.png" alt="PGSCON 2022">
</a>
</div>
<div class="list-item">
<a href="https://www.youtube.com/watch?v=FRXkT3w5hAQ" target="_blank">
<img class="image" src="./images/covers/Arquimedes.png" alt="Arquímedes">
</a>
</div>
<div class="list-item">
<a href="https://www.youtube.com/watch?v=layOjJF7W6A" target="_blank">
<img class="image" src="./images/covers/educacion.png" alt="Para que la educación no sea un sueño">
</a>
</div>
</div>
</div>
</main>
<footer class="footer">
<ul class="tab-list">
<li class="tab-item">
<a href="index.html">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 2.09961L1 12H4V21H11V15H13V21H20V12H23L12 2.09961ZM12 4.79102L18 10.1914V11V19H15V13H9V19H6V10.1914L12 4.79102Z" />
</svg>
<span>Inicio</span>
</a>
</li>
<li class="tab-item">
<a href="proximamente.html">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path
d="M4 3C2.897 3 2 3.897 2 5V19C2 20.103 2.897 21 4 21H12V19H4V5H20V13.2852L22 14.4082V5C22 3.897 21.103 3 20 3H4ZM6.00195 7V9H8V7H6.00195ZM16 7V9H18V7H16ZM6 11V13H8V11H6ZM15.0859 13C14.514 13.019 14 13.492 14 14.1445V22.8555C14 23.7255 14.9132 24.2764 15.6602 23.8574L23.4199 19.502C24.1939 19.067 24.1939 17.932 23.4199 17.498L15.6602 13.1426C15.4734 13.0378 15.2766 12.9937 15.0859 13ZM6 15V17H8V15H6Z"
fill="black" />
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
<span>Próximamente</span>
</a>
</li>
</ul>
</footer>
</body>
<!-- 100% privacy friendly analytics -->
<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade" /></noscript>
</html>