-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontacto.html
133 lines (126 loc) · 7.18 KB
/
contacto.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
<!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="¿Tienes preguntas sobre nuestro servicio de alquiler de autos en Iguazú. Estamos aquí para ayudarte. Utiliza nuestro formulario de contacto para consultas y dudas. Nuestro equipo estará encantado de brindarte la información que necesitas. ¡Contáctanos hoy mismo y planifica tu viaje con confianza!">
<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>Contacto - 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="imageNine">
<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 active" aria-current="page"
href="contacto.html">Contacto</a></button>
<button class="btn btn-outline-success me-2 buttonOne" type="button"><a
class="nav-link 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">Comentarios</legend>
<textarea name="message"
placeholder="Deje aqui cualquier comentario adicional o requerimiento extra no cubierto en este formulario"
class="widthOne"></textarea>
</div>
</fieldset>
<input type="submit" value="Submit" class="spaceTwo"> <!--en el futuro lo conectaré donde vaya-->
</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>