-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontacto.html
145 lines (130 loc) · 7.37 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0" />
<title>Contacto</title>
<!-- Estilos página-->
<link rel="stylesheet" href="css/panaderia_v2.css" />
<link rel="stylesheet" href="css/pagina_panaderia.css" />
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-CuOF+2SnTUfTwSZjCXf01h7uYhfOBuxIhGKPbfEJ3+FqH/s6cIFN9bGr1HmAg4fQ" crossorigin="anonymous" />
<!-- Iconos Font Awesome--->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
<!-- CSS Styles Leaflet-->
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin="" />
</head>
<body>
<div class="container-flex">
<header>
<i class="fa fa-bars" aria-hidden="true" id="hambButton"></i>
<a href="index.html"><img class="logo" src="images/logo.svg" alt="logo" /></a>
<ul class="nav_links px-2 mt-3">
<li class="li_header"><a href="index.html">Inicio</a></li>
<li class="li_header"><a href="panaderia.html">Panadería</a></li>
<li class="li_header"><a href="pasteleria.html">Pastelería</a></li>
<li class="li_header"><a href="blog.html">Blog</a></li>
<li class="li_header dropdown-submenu"><a id="navbarDropdownMenuLink" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false" href="#">Próximamente</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item btn disabled" href="">Tarjetas regalo</a></li>
<li><a class="dropdown-item btn disabled" href="">Pasteles con tu cara</a></li>
</ul>
</li>
<li class="li_header"><a href="contacto.html" class="pag_actual">Contacto</a></li>
</ul>
<a class="btn_login" href="login.html"><i class="fa fa-user-circle" aria-hidden="true"></i></a>
</header>
<div class="hambMenu" id="hambMenu">
<a class="itemMenu" href="index.html">Inicio</a>
<a class="itemMenu" href="panaderia.html">Panaderia</a>
<a class="itemMenu" href="pasteleria.html">Pasteleria</a>
<a class="itemMenu" href="blog.html">Blog</a>
<a class="itemMenu" id="desplegable" href="#">Próximamente</a>
<a class="itemMenu item-desplegable submenu btn disabled" href="" hidden>Tarjetas regalo</a>
<a class="itemMenu item-desplegable submenu btn disabled" href="" hidden>Pasteles con tu cara</a>
<a class="itemMenu pag_actual" id="item-final-menu" href="contacto.html">Contacto</a>
</div>
</div>
<div class="container post-fila mt-5 mr-0">
<div class="row mt-5 align-items-center">
<div class="col">
<ul class="list-group text-contact mt-5">
<li class="list-group-horizontal py-2 fa fa-user"> <b>Nombre:</b> Juan Lopéz</li>
<li class="list-group-horizontal py-2 fa fa-address-book"> <b>Dirección:</b> <a href="https://www.google.com/search?channel=trow2&client=firefox-b-d&q=Avenida+de+Galicia%2C+n%C2%BA+134" data-toggle="tooltip"
data-placement="left" title="Nueva dirección!" id="enlace_direccion">Avenida de Galicia, nº 134</a></li>
<li class="list-group-horizontal py-2 fa fa-phone"> <b>Teléfono:</b> 986000000</li>
<li class="list-group-horizontal py-2 fa fa-clock-o"> <b>Horarios:</b>
<div class="horarios">De lunes a
sábado: 8:30 a 20:00<br>Domingos y festivos: 10:00 a 14:00<div>
</li>
</ul>
</div>
<div class="col my2">
<div class="column" id="leafletMap"></div>
</div>
</div>
</div>
<!-- Sección Formulario Contacto -->
<div class="container mb-4">
<h1>Formulario de Contacto</h1>
<form>
<div class="mb-3">
<label for="nombre" class="form-label">Nombre:</label>
<input type="text" class="form-control" placeholder="Escribe tu nombre completo..." id="nombre" aria-describedby="emailHelp">
</div>
<div class="mb-3">
<label for="email" class="form-label">Email:</label>
<input type="email" class="form-control" placeholder="Escribe tu email..." id="email">
</div>
<div class="mb-3">
<label for="mensaje">Mensaje:</label>
<textarea class="form-control" placeholder="Escribe tu mensaje..." id="mensaje"
style="height: 100px"></textarea>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="terminos">
<label class="form-check-label" for="terminos"><a href="politica_privacidad.html" target="_blank" style="text-decoration: none;">Acepto los términos y condiciones</a></label>
</div>
</form>
<button class="btn btn-primary" data-toggle="popover" title="Ups!" data-content="Este formulario aún no esta activo, pero nos puede escribir a nuestro email.">Enviar</button>
</div>
<!-- Sección Footer -->
<footer class="footer">
<div class="container-fluid footer">
<ul class="list-unstyled list-inline text-center py-2">
<li class="list-inline-item">
<a href="politica_privacidad.html" class="a_footer">Política de privacidad</a>
</li>
<li class="list-inline-item">
<a href="politica_de_cookies.html" class="a_footer">Política de Cookies</a>
</li>
<li class="list-inline-item">
<a href="politica_de_devoluciones.html" class="a_footer">Política de devoluciones</a>
</li>
<li class="list-inline-item">© Panaderías M.L. 2020</li>
</ul>
</div>
</footer>
<!-- JavaScript Bundle with Popper.js -->
integrity="sha384-popRpmFF9JQgExhfw5tZT4I9/CI5e2QcuUZPOVXb1m7qUmeR2b50u+YFEYe1wgzy"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<!-- Leaflet Map Library -->
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<script src="js/mapa.js"></script>
<!-- Javascript Header -->
<script src="js/responsive_header.js"></script>
<script src="js/functions.js"></script>
</body>
</html>