-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
271 lines (228 loc) · 14.5 KB
/
nosotros.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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html lang="en">
<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="icon" type="image/png" href="images/m.JPEG">
<!-- BOOTSTRAP 5 -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- BOOTSTRAP 5 PERSONALIZACIÓN -->
<link rel="stylesheet" href="css/estilos.css">
<!-- ICONOS BOOTSTRAP 5 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Carrito de Compras</title>
</head>
<body class="bg-light d-flex flex-column min-vh-100 mt-5">
<!-- NAVEGADOR -->
<nav class="navbar navbar-dark bg-dark navbar-expand-md fixed-top ">
<div class="container ">
<a href="index.html" class="navbar-brand">
<img src="images/logo2.JPG" alt="Logo" width="110px" height="50px" class="img-fluid ">
</a>
<button type="button" class="navbar-toggler ms-auto p-2 px-3 mx-2" data-bs-toggle="collapse" data-bs-target="#menu-principal"
aria-expanded="false" aria-controls="menu-principal" aria-label="boton menu principal">
<i class="bi bi-list"></i>
</button>
<button type="button" class="navbar-toggler p-2 px-3 mx-2 position-relative" aria-controls="carrito" aria-label="boton carrito">
<a href="carrito.html"><i class="bi bi-cart-fill"></i><span class="badgeMenu badge rounded-pill bg-secondary position-absolute start-100 translate-middle ">
0
</span></a>
</button>
<div class="collapse navbar-collapse" id="menu-principal">
<ul class="navbar-nav ms-auto ">
<li class="nav-item "><a href="index.html" class="nav-link">Inicio</a></li>
<li class="nav-item "><a href="productos.html" class="nav-link">Productos</a></li>
<li class="nav-item "><a href="nosotros.html" class="nav-link ">Nosotros</a></li>
<li class="nav-item d-none d-md-flex"><a href="carrito.html" class="nav-link position-relative">
Ver Carrito <i class="bi bi-cart-fill"></i><span class="badgeMenu2 badge rounded-pill bg-secondary position-absolute start-100 translate-middle">
0
</span></a>
</li>
</ul>
</div>
</div>
</nav>
<br>
<section class="nosotros container border border-primary rounded mb-5 mt-2 bg-primary ">
<!-- ACORDION DE INFORMACION DE TIENDA -->
<article class="container text-start my-4 p-2 border border-primary rounded shadow-lg bg-primary ">
<div class="card">
<div class="accordion accordion-flush" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="heading-bienvenida">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapse-bienvenida" aria-expanded="false"
aria-controls="collapse-bienvenida">
<i class="bi bi-shop display-6 text-primary"> Bienvenidos</i>
</button>
</h2>
<div id="collapse-bienvenida" class="accordion-collapse collapse"
aria-labelledby="heading-bienvenida" data-bs-parent="#accordionExample">
<div class="accordion-body text-center">
<strong>Bienvenidos a la presentación del nuevo local de comida rápida
'Market'.</strong>
<hr class="text-primary">
Nos complace compartir con ustedes nuestra emocionante propuesta para satisfacer sus
antojos de
comida rápida de manera rápida, conveniente y deliciosa.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-local">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapse-local" aria-expanded="false" aria-controls="collapse-local">
<i class="bi bi-shop display-6 text-primary"> Servicio en local</i>
</button>
</h2>
<div id="collapse-local" class="accordion-collapse collapse" aria-labelledby="heading-local"
data-bs-parent="#accordionExample">
<div class="accordion-body text-center">
<strong>Servicio preferencial en nuestro local,</strong>
<hr class="text-primary">
Totalmente adaptado y listo para todos nuestros clientes.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-despacho">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapse-despacho" aria-expanded="false"
aria-controls="collapse-despacho">
<i class="bi bi-truck display-6 text-primary"> Servicio de despacho</i>
</button>
</h2>
<div id="collapse-despacho" class="accordion-collapse collapse"
aria-labelledby="heading-despacho" data-bs-parent="#accordionExample">
<div class="accordion-body text-center">
<strong>En 'Market', nos esforzamos por ofrecer una experiencia culinaria excepcional en
un entorno acogedor y moderno.</strong>
<hr class="text-primary">
Además de nuestra excelente comida, nos comprometemos con la rapidez y la eficiencia.
Sabemos que su tiempo es valioso, por lo que hemos implementado un sistema de pedidos y
pago en línea para que pueda disfrutar de su comida sin demoras. También ofrecemos
opciones de entrega a domicilio para mayor comodidad.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-ubicacion">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapse-ubicacion" aria-expanded="false"
aria-controls="collapse-ubicacion">
<i class="bi bi-geo-alt display-6 text-primary"> Ubicación accesible</i>
</button>
</h2>
<div id="collapse-ubicacion" class="accordion-collapse collapse"
aria-labelledby="heading-ubicacion" data-bs-parent="#accordionExample">
<div class="accordion-body text-center">
<strong>En cuanto a nuestra ubicación,</strong>
<hr class="text-primary">
hemos seleccionado estratégicamente un lugar conveniente y de fácil acceso
para satisfacer las necesidades de todos nuestros clientes. Nuestro local cuenta con un
ambiente moderno y agradable,
perfecto para disfrutar de una comida rápida con amigos y familiares.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-horarios">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapse-horarios" aria-expanded="false"
aria-controls="collapse-horarios">
<i class="bi bi-clock display-6 text-primary"> Horarios de atención</i>
</button>
</h2>
<div id="collapse-horarios" class="accordion-collapse collapse"
aria-labelledby="heading-horarios" data-bs-parent="#accordionExample">
<div class="accordion-body text-center">
<strong>Los horarios son los siguientes,</strong>
<hr class="text-primary">
de Martes a Domingo abierto desde las 2pm hasta las 12pm, ¡Gracias por su atención!
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<!-- FORMULARIO -->
<section class="contacto container border border-primary rounded mb-5 mt-2 bg-primary ">
<h1 class="col-12 text-light text-center mt-2" id="">Formulario de registro de domicilio</h1>
<article class="container text-start my-4 p-2 border border-primary rounded shadow-lg bg-light ">
<table id="data">
<tr>
<td>
<form id="registro" class="row gy-2 needs-validation" autocomplete="off" onsubmit="event.preventDefault();onFormSubmit();">
<div class="col-12">
<div class="input-group-text ">
<label class="form-label visually d-none d-sm-block" for="nombre">Nombre</label>
<input type="text" class="form-control ms-sm-3" id="nombre" name="nombre" placeholder="Ingresa tu nombre" required>
</div>
</div>
<div class="col-12">
<div class="input-group-text ">
<label class="form-label visually d-none d-sm-block" for="correo">Correo</label>
<input type="email" class="form-control ms-sm-3" id="correo" name="correo" placeholder="Ingresa tu e-mail" required>
</div>
</div>
<div class="col-12">
<div class="input-group-text ">
<label class="form-label visually d-none d-sm-block" for="telefono">Número teléfono</label>
<input type="number" class="form-control ms-sm-3" id="telefono" name="telefono" placeholder="Ingresa tu número de teléfono" required>
</div>
</div>
<div class="col-12">
<div class="input-group-text ">
<label class="form-label visually d-none d-sm-block" for="domicilio">Domicilio</label>
<input type="text" class="form-control ms-sm-3" id="domicilio" name="domicilio" placeholder="Ingresa tu domicilio" required>
</div>
</div>
<div class="col-12">
<div class="input-group-text ">
<label class="form-label visually d-none d-sm-block" for="numeroDomicilio">Número domicilio</label>
<input type="number" class="form-control ms-sm-3" id="numeroDomicilio" name="numeroDomicilio" placeholder="Ingresa tu número de domicilio" required>
</div>
</div>
<div class="form-action-buttons col-auto m-auto mt-2">
<button type="submit" class="btn btn-primary">Registrar</button>
</div>
</form>
</td>
</tr>
</table>
</article>
<h1 class="col-12 text-light text-center mt-2" id="">Registros</h1>
<article class="container text-start my-4 p-2 border border-primary rounded shadow-lg bg-light">
<div class="table-responsive-sm">
<table class="list table table-striped" id="listaCliente">
<thead class="table-bordered ">
<tr>
<th scope="col">Nombre</th>
<th scope="col">Correo</th>
<th scope="col">Teléfono</th>
<th scope="col">Domicilio</th>
<th scope="col">#Domicilio</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</article>
</section>
<!-- PIE DE PÁGINA -->
<footer class="footer bg-dark text-light p-3 m-0 text-center mt-auto py-3">
<p class="">Eva 2 Front End</p>
<p class="">~ Sebastián López ~</p>
</footer>
<!-- BOOTSTRAP 5 - JS - JQUERY - POPPER -->
<script src="js/jquery-3.7.0.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- <script src="js/bootstrap.bundle.min.js"></script> -->
<script src="js/script.js"></script>
</body>
</html>