-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (134 loc) · 5.54 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
149
150
151
152
153
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="index.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="/Bootstrap/js/bootstrap.min.js"></script>
<script src="index.js"></script>
<title>Página de inicio</title>
</head>
<body>
<!-- Inicio del bloque header -->
<header class="container-fluid">
<div class="container text-center style="width: 100%;">
<a class="navbar-brand" href="index.html">
<img src="img/logo_final-removebg-preview.png" width="60" height="60" class="d-inline-block align-top" title="Enlace que redirige a la página de inicio" alt="Logotipo de la empresa">
</a>
<div class="row">
<div class="col">
<a class="navbar-brand" href="index.html" id="btnB" title="Botón que redirige al buscador"><b>Buscador</b> </a>
</div>
<div class="col">
<a class="navbar-brand" href="inicio_sesion.html" id="btnB" title="Botón que redirige a inicio de sesión"><b>Inicio Sesión</b> </a>
</div>
<div class="col">
<a class="navbar-brand" href="Info_fqs.html" id="btnB" title="Botón que redirige a página de contacto"><b>Contáctanos</b> </a>
</div>
</div>
</div>
</header>
<!-- Fin de bloque -->
<h1 id="Mensaje_bienvenida">Bienvenido a Rou2Go tu web de rutas por el campo</h1>
<main>
<select class="form-select" name="preferencias" id="opciones" aria-label="Preferencias de ruta" title="Abrir desplegable para escoger tipo de ruta">
<option value="default" selected="true" disabled>
Selecciona tus preferencias
</option>
<option value="R_familiar" title="Opción de ruta familiar">Ruta familiar</option>
<option value="R_deporte" title="Opción de ruta deportiva">Ruta para deporte</option>
</select>
<!-- div para opciones de ruta en familia -->
<form action="" class="opciones_de_RF">
<label for="">Duración de la ruta</label>
<input type="number" max="5" min="1" class="select" title="Seleccione las horas de duración de la ruta">
<hr>
<label for="">Dificultad</label>
<select name="" id="" class="select">
<option value="">Fácil</option>
<option value="">Media</option>
<option value="">Dificil</option>
</select>
<hr>
<label for="">Con niños</label>
<select name="" id="" class="select">
<option value="">SI</option>
<option value="">No</option>
</select>
<hr>
<label for="">Estación del año</label>
<select name="" id="" class="select">
<option value="">Verano</option>
<option value="">Otoño</option>
<option value="">Primavera</option>
<option value="">Invierno</option>
</select>
<br>
<div class="d-flex justify-content-center align-items-center" id="divboton">
<button type="button" class="btn btn-secondary"
onclick="window.location.href='Book_page.html'">Buscar</button>
</div>
</form>
<!-- div para opciones de ruta para deporte -->
<form action="" class="opciones_de_RD">
<label for="">Duración de la ruta</label>
<input type="number" max="5" min="1" class="select" title="Seleccione el número de horas de duración de la ruta">
<hr>
<label for="">Dificultad</label>
<select name="" id="" class="select">
<option value="">Fácil</option>
<option value="">Media</option>
<option value="">Dificil</option>
</select>
<hr>
<label for="">Desnivel</label>
<select name="" id="" class="select">
<option value="">Bajo</option>
<option value="">Medio</option>
<option value="">Alto</option>
</select>
<hr>
<label for="">Estación del año</label>
<select name="" id="" class="select">
<option value="">Verano</option>
<option value="">Otoño</option>
<option value="">Primavera</option>
<option value="">Invierno</option>
</select>
<br>
<div class="d-flex justify-content-center align-items-center" id="divboton">
<button type="button" class="btn btn-secondary"
onclick="window.location.href='Book_page.html'">Buscar</button>
</div>
</form>
<!-- html para las redes sociales -->
<div class="social">
<a href="#">
<div class="social-btn color-telegram" title="Enlace para ir a telegram de la web">
<div class="icons8-telegram-app"></div>
<p class="order-1 google-font margin-telgram">Telegram</p>
</div>
</a>
<a href="#">
<div class="social-btn color-instagram" title="Enlace para ir a Instagram de la web">
<div class="icons8-instagram"></div>
<p class="order-1 google-font margin-instagram">Instagram</p>
</div>
</a>
<a href="#">
<div class="social-btn color-whatsapp" title="Enlace para ir WhatsApp de la web">
<div class="icons8-whatsapp"></div>
<p class="order-1 google-font margin-instagram">WhatsApp</p>
</div>
</a>
</div>
</main>
<footer>
<hr>
<p>Autor: Hernán David Ortiz Jinez</p>
<p>Copyright©2023 Rou2Go S.L</p>
</footer>
</body>
</html>