-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
267 lines (264 loc) · 20.3 KB
/
index.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
<!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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous" />
<link rel="stylesheet" href="./assets/style/index.css" />
<link rel="stylesheet" href="./assets/style/style.css" />
<link rel="shortcut icon" href="./assets/content/Logos/Recurso 8.png" type="image/x-icon" />
<title>Pet Shop | Inicio</title>
</head>
<body>
<div class="presentacion d-flex align-items-center justify-content-center">
<div class="video-contenedor d-flex justify-content-center align-items-center">
<video src="./assets/content/motion.webm" loop autoplay></video>
</div>
<div class="texto-contenedor d-flex justify-content-center align-items-center flex-column">
<img class="w-25" src="./assets/content/Logos/Recurso 24.png" alt="logo" />
<div class="container-fluid">
</div>
</div>
</div>
<nav class="navbar navbar-expand-sm">
<div class="container-fluid">
<a href="#"><img id="logopatitanav" src="./assets/content/Logos/Recurso 10.png" alt="logoPatita"></a>
<button class="navbar-toggler focus-ring focus-ring-dark" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="icono-hamburguer">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<g id="style=fill">
<g id="menu-strawberry">
<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd"
d="M7.25 1.25C3.93629 1.25 1.25 3.93629 1.25 7.25V16.75C1.25 20.0637 3.93629 22.75 7.25 22.75H16.75C20.0637 22.75 22.75 20.0637 22.75 16.75V7.25C22.75 3.93629 20.0637 1.25 16.75 1.25H7.25ZM4.84615 7C4.51691 7 4.25 7.33579 4.25 7.75C4.25 8.16421 4.51691 8.5 4.84615 8.5H19.1538C19.4831 8.5 19.75 8.16421 19.75 7.75C19.75 7.33579 19.4831 7 19.1538 7H4.84615ZM6.25 12.25C6.25 11.8358 6.58579 11.5 7 11.5H17C17.4142 11.5 17.75 11.8358 17.75 12.25C17.75 12.6642 17.4142 13 17 13H7C6.58579 13 6.25 12.6642 6.25 12.25ZM9 16C8.58579 16 8.25 16.3358 8.25 16.75C8.25 17.1642 8.58579 17.5 9 17.5H15C15.4142 17.5 15.75 17.1642 15.75 16.75C15.75 16.3358 15.4142 16 15 16H9Z"
fill="white"></path>
</g>
</g>
</g>
</svg></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav contenedor-anchors">
<li class="nav-item">
<a class="nav-link fs-5" aria-current="page" href="../../index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="./assets/pages/tienda.html">Tienda</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="./assets/pages/farmacia.html">Farmacia</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="./assets/pages/jugueteria.html">Jugueteria</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="./assets/pages/contacto.html">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4000">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./assets/content/banners/cat-pet-animal-domestic-104827.png" class="d-block w-100 h-50"
alt="...">
</div>
<div class="carousel-item">
<img src="./assets/content/banners/pexels-photo-13058819.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./assets/content/banners/pexels-photo-7210754.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./assets/content/banners/pexels-photo-126407.png" class="d-block w-100" alt="...">
</div>
</div>
</div>
<div class="d-flex flex-column" id="body">
<main class="flex-grow-1">
<section class="sectionInfo container-md col-md-10 d-flex ">
<div class="imagen-e2 d-flex flex-column justify-content-center align-items-center">
<h5 class="texto-e2 text-center p-3">
Te ofrecemos los mejores productos para su bienestar y felicidad.
</h5>
<a class="bt-tienda boton-presentacion m-3" href="./assets/pages/tienda.html" role="button">Ver
tienda</a>
</div>
</section>
<section class="columna container-md col-md-10">
<div class="imagen-e3 d-flex flex-column justify-content-center align-items-center">
<h1 class="texto-e3 text-center m-3">Farmacia</h1>
<h5 class="texto-e3 text-center m-3">
¡La salud de tu mascota es nuestra prioridad en Huella Sana! Contamos con una amplia selección
de productos en nuestra sección de farmacia, desde medicamentos para el cuidado de enfermedades
comunes hasta suplementos nutricionales para mantener a tu peludo en óptimas condiciones.
Nuestro equipo de expertos en salud animal está listo para asesorarte y brindarte la mejor
atención
</h5>
<a class="bt-azul boton-presentacion m-3" href="./assets/pages/farmacia.html" role="button">Ir a
Farmacia</a>
</div>
<div class="imagen-e4 d-flex flex-column justify-content-center align-items-center">
<h1 class="texto-e3 text-center m-3">Jugueteria</h1>
<h5 class="texto-e3 text-center m-3">
¡La diversión nunca se acaba en Huella Sana! Descubre nuestra increíble selección de juguetes
para mascotas en nuestra sección de juguetería. Desde juguetes interactivos para estimular la
mente de tu peludo, hasta juguetes para masticar y jugar al aire libre, tenemos algo para cada
tipo de mascota. ¡Haz que tu peludo se divierta al máximo con nuestros juguetes de alta calidad!
</h5>
<a class="bt-verde boton-presentacion m-3" href="./assets/pages/jugueteria.html" role="button">Ir a
Jugueteria</a>
</div>
</section>
<div class="d-flex flex-column container-fluid mapa">
<h1 class="text-center veni-a-visi">¡Vení a visitarnos y descubre todo lo que
tenemos para ofrecerte!</h1>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3284.9913283067085!2d-58.610366924373245!3d-34.5790859729632!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcb973beff1611%3A0xbca7cebb3da90b9d!2sParaguay%202334%2C%20Pablo%20Podesta%2C%20Provincia%20de%20Buenos%20Aires!5e0!3m2!1ses!2sar!4v1681842092616!5m2!1ses!2sar"
style="border:0;width: 100%" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</main>
<footer class="text-start">
<div class="container-fluid px-md-5">
<div class="row elementosEnFooter">
<div class="col centerfooter">
<ul class="footer-menu">
<li class="footer-menu">
<!-- a href="#"> -->Termino y condiciones</a>
</li>
<li class="footer-menu">
<!-- <a href="#"> -->Politica de privacidad</a>
</li>
<li class="footer-menu">
<!-- <a href="#" -->
Politica en devoluciones y cambios</a>
</li>
<li class="footer-menu">
<!-- <a href="#" > -->
Preguntas frecuentes</a>
</li>
</ul>
</div>
<div class="col-md mb-4 text center centerfooter">
<h3>Contacto</h3>
<ul class="contactoINFO">
<li class="itemCONTACTO">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-whatsapp" viewBox="0 0 16 16">
<path
d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z" />
</svg>
<a href="https://web.whatsapp.com/" target="_blank">Cel: +54 15-1637737</a>
</li>
<li class="itemCONTACTO">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-telephone-forward" viewBox="0 0 16 16">
<path
d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zm10.762.135a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L14.293 4H9.5a.5.5 0 0 1 0-1h4.793l-1.647-1.646a.5.5 0 0 1 0-.708z" />
</svg>
<a class="contactoLINK" href="tel:4729-4574"> Tel : 4729-4574</a>
</li>
<li class="itemCONTACTO">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-envelope-check" viewBox="0 0 16 16">
<path
d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z" />
<path
d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z" />
</svg>
<a class="contactoLINK"
href="mailto: huellafelices@gmail.com">huella_sana@gmail.com</a>
</li>
<li class="itemCONTACTO">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-geo-alt" viewBox="0 0 16 16">
<path
d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
</svg>
<a
href="https://goo.gl/maps/mNQLQ9yE6j5ESrvx9" target="_blank">Paraguay 2334 5 F</a>
</li>
</ul>
</div>
<div class="col-md mb-4 centerfooter">
<h3>¡Novedades y beneficios en nuestras redes!</h3>
<a href="https://www.instagram.com/" class="p-1" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg " width="40" height="60" fill="currentColor"
class="bi bi-instagram" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
</svg>
</a>
<a href="https://www.facebook.com/" class="p-1" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="60" fill="currentColor"
class="bi bi-facebook" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
</svg>
</a>
</div>
</div>
<div class="divisor mb-5"></div>
<div class="row mb-5">
<div class="col-md-9">
<div class="paymentLOGO">
<div class="row mb-4">
<div class="col-md-4 centerfooter">
<h3>Medios de pago</h3>
</div>
<div class="col-md-8 text-center">
<img class="imagenesFooter" src="../content/medios-de-pago/visa@2x.png"
alt="" />
<img class="imagenesFooter" src="../content/medios-de-pago/paypal@2x.png"
alt="" />
<img class="imagenesFooter" src="../content/medios-de-pago/mastercard@2x.png"
alt="" />
<img class="imagenesFooter" src="../content/medios-de-pago/masterpass.png"
alt="" />
<img class="imagenesFooter" src="../content/medios-de-pago/jcb@2x.png"
alt="" />
<img class="imagenesFooter" src="../content/medios-de-pago/amex@2x.png"
alt="" />
<img class="imagenesFooter" src="../content/medios-de-pago/paysafecard@2x.png"
alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footerSecundario w-100">
<div class="container-fluid">
<div class="row">
<div class="text-center p-2">
<div class="d-inline-block">
Copyright Cohort FS046 - 2023. Todos los
derechos reservados.
</div>
<div class="d-md-inline-block mt-md-0 mt-3 ">
Defensa al consumidor.Para reclamos
dirigirse:
<a href="https://autogestion.produccion.gob.ar/consumidores"
class="font-weight-bold">Click aqui</a>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<script src="./assets/js/index.js"></script>
</body>
</html>