-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreservar.html
168 lines (159 loc) · 9.04 KB
/
reservar.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Obtén una cotización personalizada para tu alquiler de auto en Iguazú, Argentina, con el sencillo formulario de cotización de Aspen Car Rental. Planifica tu viaje con presupuesto y descubre nuestras opciones de alquiler de autos adaptadas a tus necesidades. ¡Completa el formulario y comienza a explorar la región con comodidad!">
<script src="https://kit.fontawesome.com/80a863646c.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="../css/style.css">
<title>Reservar - Aspen Rent a Car </title>
<link rel="icon" href="../img/favicon.png" type="image/x-icon">
</head>
<body>
<header class="fontColorOne fontColorTwo backgroundColorOne">
<div class="imageOne">
<a href="../index.html">
<div class="imageThree">
</div>
</a>
<div class="navegador" role="navigation">
<nav class="navbar navbar-expand-xxl">
<div class="container-fluid">
<button class="btn btn-outline-success me-2 buttonOne" type="button"><a
class="navbar-brand nav-link" aria-current="page"
href="../index.html">Inicio</a></button>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<button class="btn btn-outline-success me-2 buttonOne" type="button"><a class="nav-link"
aria-current="page" href="comoreservar.html">Como
reservar?</a></button>
<button class="btn btn-outline-success me-2 buttonOne" type="button"><a class="nav-link"
aria-current="page" href="flota.html">Flota</a></button>
<button class="btn btn-outline-success me-2 buttonOne" type="button"><a class="nav-link"
aria-current="page" href="condiciones.html">Preguntas Frequentes</a></button>
<button class="btn btn-outline-success me-2 buttonOne" type="button"><a class="nav-link"
aria-current="page" href="recorridos.html">Recorridos</a></button>
<button class="btn btn-outline-success me-2 buttonOne" type="button"><a class="nav-link"
aria-current="page" href="contacto.html">Contacto</a></button>
<button class="btn btn-outline-success me-2 buttonOne" type="button"><a
class="nav-link active backgroundColorTwo" aria-current="page"
href="reservar.html">Reservar</a></button>
</div>
</div>
</div>
</nav>
</div>
</header>
<main>
<form>
<fieldset>
<div class="containerNine">
<h1>
<legend class="fontColorOne fontSizeThree">Datos Personales</legend>
</h1>
<div class="spaceOne">
<input type="text" id="nombre" name="nombre" placeholder="Nombre" required class="widthOne">
</div>
<div class="spaceOne">
<input type="text" id="apellido" name="apellido" placeholder="Apellido" required
class="widthOne">
</div>
<div class="spaceOne">
<input type="email" id="email" name="email" placeholder="E-mail" required class="widthOne">
</div>
<div class="spaceOne">
<input type="text" id="telefono" name="telefono" placeholder="Telefono de contacto" required
class="widthOne">
</div>
<div class="spaceOne">
<input type="text" id="whatsapp" name="whatsapp" placeholder="Número de Whatsapp" required
class="widthOne">
</div>
</div>
</fieldset>
<fieldset>
<div class="containerNine">
<legend class="fontColorOne fontSizeThree">Datos de su reserva</legend>
<p>Motivo de viaje:</p>
<input type="radio" id="viaje de negocios" name="motivo de viaje"><label for="viaje de negocios">
viaje de
negocios</label>
<input type="radio" id="viaje de placer" name="motivo de viaje"><label for="viaje de placer"> viaje
de
placer</label>
<div class="spaceOne">
<label for="fecha y hora de retiro"> Fecha y Horario de Retiro </label> <input
type="datetime-local" id="fecha y hora de retiro" name="fecha y hora de retiro">
</div>
<div class="spaceOne">
<label for="fecha y hora de devolucion"> Fecha y Horario de Devolucion</label> <input
type="datetime-local" id="fecha y hora de devolucion" name="fecha y hora de devolucion">
</div>
<div class="spaceOne">
<label for="categoria de auto"> Seleccione la catergoria de auto que prefiere:</label>
</div>
<div class="spaceOne">
<input list="categoria de auto" class="widthOne">
<datalist id="categoria de auto">
<option value="Economico (E)">
<option value="Compacto (C)">
<option value="Mediano (M)">
<option value="Mediano Grande (MG)">
<option value="Mono Volumen (P)>">
<option value="SUV">
</datalist>
</div>
<div class="spaceOne">
<p>Comentarios Adicionales</p>
<textarea name="message"
placeholder="Deje aqui cualquier comentario adicional o requerimiento extra no cubierto en este formulario"
class="widthOne"></textarea>
</div>
</div>
</fieldset>
<div class="spaceTwo">
<input type="submit" value="Submit">
</div>
</form>
</main>
<hr>
<footer>
<div class="containerTwelve">
<a href="../index.html">
<div class="imageEleven">
</div>
</a>
<div class="containerFifthteen">
<span class="containerFourteen fontSizeFive">Aspen Rent a Car</span>
<span class="containerFourteen fontSizeSix">Mariano Moreno 58 (N3370AAE)</span>
<span class="containerFourteen fontSizeSix">Puerto Iguazu, Misiones</span>
<span class="containerFourteen fontSizeSix">Argentina</span>
</div>
<div class="containerThirdteen">
<div class="facebook">
<a href="https://www.facebook.com/profile.php?id=100062966032948" target="_blank"><i
class="fa-brands fa-square-facebook fa-2xl" style="color: #0156e9;"> </i></a>
</div>
<div class="instagram">
<a href="https://www.instagram.com/aspenrentacar/" target="_blank"><i
class="fa-brands fa-square-instagram fa-2xl" style="color: #c224a5;"></i></a>
</div>
<div class="whatsapp">
<i class="fa-brands fa-square-whatsapp fa-2xl" style="color: #30df33;"></i>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>