-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
110 lines (103 loc) · 5.57 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
<!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">
<link rel="stylesheet" href="./css/gradients.css" class="res">
<script src="https://kit.fontawesome.com/094d8d7db9.js" crossorigin="anonymous"></script>
<!-- Poppins Font -->
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>ORC</title>
</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 class="form-button-bg"><a href="https://docs.google.com/forms/d/1-GG4jfs8V_4SNcSYxb2LY-yjqomBWsSHNVS87-mgDyQ/edit" target="_blank" class="form-button">Apúntate</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 colaboración de Makers y ACM.</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 la colaboración de ACM y Makers.
</p>
<button><a href="./equipo/equipo.html">Equipo</a></button>
</div>
<div class="container">
<h3>¿Qué necesitas?</h3>
<p>
Forma un equipo de 2 a 4 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 9 al 16 de mayo y se realizará en tres ubicaciones: la ETSID, la Casa del Alumno y la ETSINF.
</p>
<button><a href="./calendario/calendario.html">Calendario</a></button>
</div>
</div>
</section>
<section class="third-section">
<h2>¿Preparado?</h2>
<p>
¿Tienes lo que se necesita para ser el campeón de la ORC? ¡Demuéstralo inscribiéndote hoy mismo! Sólo necesitas completar nuestro formulario para unirte a la competición.
</p>
<button><a href="https://docs.google.com/forms/d/1-GG4jfs8V_4SNcSYxb2LY-yjqomBWsSHNVS87-mgDyQ/edit" target="_blank">Apúntate</a></button>
</section>
<section class="footer">
<div class="footer-socials">
<p class="titles footer-title">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://www.acm.webs.upv.es"><img class="acm-logo" src="./img/acmLogo.png" ></a></div>
<ul>
<li><a target="_blank" class="fa-brands fa-x-twitter" href="https://twitter.com/acmupv"></a></li>
<li><a target="_blank" class="fa fa-github" href="https://github.com/acmupv"></a></li>
<li><a target="_blank" class="fa fa-linkedin" href="https://es.linkedin.com/company/acmupv"></a></li>
<li><a target="_blank" class="fa fa-instagram" href="https://www.instagram.com/acmupv/"></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 class="logos ">
</div>
</section>
<script src="./js/index.js"></script>
</body>
</html>