forked from acmupv/ORCWeb
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (121 loc) · 5.93 KB
/
index.html
File metadata and controls
132 lines (121 loc) · 5.93 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css" class="res">
<script src="https://kit.fontawesome.com/094d8d7db9.js" crossorigin="anonymous"></script>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"
rel="stylesheet">
<title>ORC</title>
<!--Favicon-->
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
<link rel="shortcut icon" href="/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="ORC" />
<link rel="manifest" href="/favicon/site.webmanifest" />
</head>
<body>
<div class="nav" id="nav-change">
<a class="logo" href="index.html"><img class="logo-img" src="./img/ORC.png"></a>
<ul class="nav-links">
<li><a href="./equipo/equipo.html" class="nav-button">Equipo</a></li>
<li><a href="./retos/retos.html" class="nav-button">Retos</a></li>
<li><a href="./calendario/calendario.html" class="nav-button">Calendario</a></li>
<li><a href="./normas/Normas y reglamentos de la ORC.pdf" target="_blank" class="nav-button">Normas</a></li>
</ul>
<label for="check" class="icon-class">
<i class="fas fa-bars" id="btn"></i>
</label>
</div>
<section class="header" id="header">
<div class="header-body">
<div class="titles">
<h1>Olympic Robotic <br> Challenge</h1>
<p>Bienvenidos a una nueva edición de la ORC, una iniciativa de <b><a
href="http://instagram.com/makersupv">@MAKERSUPV</a></b>.</p>
</div>
</div>
</section>
<section class="second-section">
<h2 class="second-section-pregunta">¿Qué es la ORC?</h2>
<p class="second-section-respuesta">
La ORC (Olympic Robotic Challenge) es una competición de robótica que te dará la oportunidad de desafiar tus
habilidades programando robots seguidores de línea. La competición contará con una serie de retos y pruebas
que se revelarán a lo largo de la competición.
</p>
<div>
<div class="container">
<h3>¿Quién la organiza?</h3>
<p>
Esta competición ha sido posible gracias a Makers.
</p>
<button><a href="./equipo/equipo.html">Equipo</a></button>
</div>
<div class="container">
<h3>¿Qué necesitas?</h3>
<p>
Forma un equipo de hasta 3 personas, trae tu portátil y prepárate para la
aventura. Nosotros nos encargaremos de proporcionarte el resto de las herramientas necesarias.
</p>
</div>
<div class="container">
<h3>¿Dónde y cuándo se hará?</h3>
<p>
La ORC tendrá lugar del 10 de febrero de 2026 al 13 de marzo y se realizará en la ETSIADI (UPV).
<br> Habrá talleres para construir los robots los martes y viernes a las 17:00.
</p>
<button><a href="./calendario/calendario.html">Calendario</a></button>
</div>
</div>
</section>
<section class="third-section">
<h2>¡Incríbite ya!</h2>
<p>
¿Tienes lo que se necesita para superar los retos de la ORC? ¡Demuéstralo inscribiéndote hoy mismo!
Escanea el código QR para unirte a la competición:
</p>
<img src="./img/ORCQR.png" alt="QR Inscripción" style="max-width: 250px; margin-top: 20px;">
</section>
<section class="footer">
<div class="logos" style="background-color: #ffffff;
padding-top: 18px;
padding-bottom: 18px;">
<img src="./img/banda_logos_UPV_VRAIN_nueva.jpg" alt="Logos">
</div>
<div class="logos" style=" padding: 32px;
padding-bottom: 12px;
width: 80%;
align-self: center;">
<img src="./img/LogosRemake2.png" alt="Logos">
</div>
<div class="widthLimit" style="gap:80px; margin-bottom: 24px;">
<div class="footer-socials">
<p class="titles footer-title"> Más Información</p>
<ul>
<li><a href="./equipo/equipo.html">Equipos</a></li>
<li><a href="./retos/retos.html">Retos</a></li>
<li><a href="./calendario/calendario.html">Calendario</a></li>
</ul>
</div>
<div class="footer-socials socials-div">
<div class="logo-cover"><a target="_blank" href="https://makersupv.com"><img class="makers-logo"
src="./img/makersLogo.png"></a></div>
<ul>
<li><a target="_blank" class="fa-brands fa-x-twitter" href="https://twitter.com/makersupv"></a></li>
<li><a target="_blank" class="fa fa-github" href="https://github.com/makers-upv"></a></li>
<li><a target="_blank" class="fa fa-linkedin"
href="https://www.linkedin.com/company/makers-upv/"></a></li>
<li><a target="_blank" class="fa fa-instagram" href="https://www.instagram.com/makersupv/"></a></li>
</ul>
</div>
</div>
</section>
<script src="./js/index.js"></script>
</body>
</html>