-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacto.html
151 lines (123 loc) · 5.64 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<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">
<title>TKAR Garage . Contacto</title>
<!-- Animation of Scroll -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<!-- Agregando hojas de estilos-->
<link rel="stylesheet" href="css/commonStyle.css">
<link rel="stylesheet" href="css/contacto.css">
</head>
<body>
<!-- Barra de Redes Sociales -->
<div class="bg-gray" id="top-info">
<div class="d-flex g-info">
<div class="d-flex">
<div class="info-elm">
<img class="svg-img" src="svg/whatsapp.svg" alt="icono de whatsapp">
<p class="d-flex text">(11) 6794-6707</p>
</div>
<div class="info-elm ml-1">
<img class="svg-img" src="svg/whatsapp.svg" alt="icono de whatsapp">
<p class="d-flex text">(11) 4914-6344</p>
</div>
</div>
<div class="info-elm">
<img class="svg-img" src="svg/clock.svg" alt="icono de reloj">
<p class="d-flex text">Lunes a Viernes - 10hs a 18hs</p>
</div>
<div class="info-elm">
<a target="_blank" href="https://www.facebook.com/">
<img class="sr-btn" src="svg/facebook.svg" alt="icono de facebook">
</a>
<a target="_blank" href="https://ar.pinterest.com/">
<img class="sr-btn" src="svg/pinterest.svg" alt="icono de pinterest">
</a>
<a target="_blank" href="https://www.instagram.com/">
<img class="sr-btn" src="svg/instagram.svg" alt="icono de instagram">
</a>
</div>
</div>
</div>
<!-- Barra de Navegación -->
<div id="bar-nav" class="d-flex">
<!-- Agrego contenido con JavaScript -->
</div>
<!-- Formulario de Contacto -->
<div class="form-back">
<div class="container-form">
<h1>Contáctanos</h1>
<p class="error">ERRORs</p>
<form action="" method="POST">
<div class="g-name">
<input class="input-style bg-orange" type="text" id="nombre" placeholder="Nombre">
<input class="input-style bg-orange" type="text" id="apellido" placeholder="Apellido">
</div>
<input class="input-style bg-orange" type="email" id="email" placeholder="Email">
<textarea class="input-style bg-orange" id="mensaje" placeholder="Mensaje"></textarea>
<div class="btn-container">
<input type="submit" class="input-style bg-black" id="btnEnviar">
</div>
</form>
</div>
</div>
<!-- Sección de Información -->
<div class="cards-container">
<div class="card" data-aos="fade-right">
<img class="svg-img" src="svg/location.svg" alt="icono de localización">
<p>Hipolito Yrigoyen 1330</p>
<p>Capital Federal</p>
<p>Argentina</p>
</div>
<div class="card" data-aos="zoom-in">
<img class="svg-img" src="svg/call.svg" alt="icono de telefono">
<p>tel: +54 9 11 4914-6344</p>
<p>tel: +54 9 11 6794-6707</p>
</div>
<div class="card" data-aos="fade-left">
<img class="svg-img" src="svg/clock2.svg" alt="icono de reloj">
<p>Horario de atención de lunes a</p>
<p>viernes de 10hs a 20hs y sábados</p>
<p>de 8hs a 14hs</p>
</div>
</div>
<!-- Mapa de Google -->
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d13133.337016595504!2d-58.42875065!3d-34.620992550000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2sar!4v1613514744507!5m2!1ses!2sar"
height="450" style="border:0; width: 100%;" allowfullscreen="" aria-hidden="false"
tabindex="0"></iframe>
<footer class="bg-gray">
<div class="d-flex f-info">
<div class="f-card">
<img style="width: 140px;" src="img/logotipo.png" alt="">
<p>G.A.R.A.G.E</p>
</div>
<div>
<p>ENCONTRANOS EN LAS REDES</p>
<div class="g-rs">
<a class="f-red" href="">
<img src="svg/facebook.svg" alt="icono de facebook">
</a>
<a class="f-red" href="">
<img class="btn-red" src="svg/pinterest.svg" alt="icono de pinterest">
</a>
<a class="f-red" href="">
<img class="btn-red" src="svg/instagram.svg" alt="icono de instagram">
</a>
</div>
</div>
</div>
<p class="copy">Copyright © todos los derechos reservados</p>
</footer>
<!-- JQuery Librery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Animation of Scroll -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<!-- Mis Archivos JavaScript -->
<script src="js/formularioContacto.js"></script>
<script src="js/navegacion.js"></script>
</body>
</html>