-
Notifications
You must be signed in to change notification settings - Fork 0
/
gatos.html
311 lines (288 loc) · 13 KB
/
gatos.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
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
<!--Font Awesome.com-->
<script src="https://kit.fontawesome.com/69fea03298.js" crossorigin="anonymous"></script>
<title>Gatos</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body background="img/fondo.jpg">
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="index.html">Pet Society</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto text-center">
<li class="nav-item">
<a class="nav-link" href="index.html">INICIO</a>
</li>
<li class="nav-item">
<a class="nav-link" href="perros.html">Perros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gatos.html">Gatos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="peces.html">Peces</a>
</li>
</ul>
<ul class="navbar-nav text-center">
<li class="nav-item">
<p class="timer text-white" id="display-time"></p>
</li>
<li class="nav-item">
<a class="btn btn-outline-success mt-1" href="contacto.html">Contactanos</a>
</li>
</ul>
</div>
</nav>
<!-- FIN NAVBAR-->
<div class="container-fluid pr-0 pl-0">
<img src="img/gatobanner.jpg" class="img-fluid w-100" />
</div>
<!--Alimentos para perros-->
<div class="container mb-60">
<h2 class="display-4 text-center m-3">Alimentos para gatos <i class="fas fa-cat"></i></h2>
<br/>
</div>
<!--Cards comidas-->
<div class="container-fluid text-center mb-5">
<div class="row">
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/churu.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">churu</h5>
<p class="card-text">
Alimento premium para gatos mayores a un año.
</p>
<p class="card-text text-success">$19.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/proplan.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Purina Pro Plan</h5>
<p class="card-text">Comida para gatos Active Mind.</p>
<p class="card-text text-success">$12.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/royalcat.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Royal Cat Sobre</h5>
<p class="card-text">
Sobre con trocitos sabor atun para gatitos.
</p>
<p class="card-text text-success">$1.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/royalgato.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Royal Cat</h5>
<p class="card-text">
Comida premium con sabor atun y arroz Skin Care.
</p>
<p class="card-text text-success">$33.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/filete.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Ciao</h5>
<p class="card-text">
Filete de salmon grillado, un regalo que a tu gato le encantara.
</p>
<p class="card-text text-success">$5.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
</div>
</div>
<!--Titulo juguetes-->
<div class="container mb-60">
<h2 class="display-4 text-center m-3">Juguetes para gatos</h2>
</div>
<!--Cards juguetes ROW-1-->
<div class="container-fluid text-center mb-5">
<div class="row">
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/raton.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Raton de piel</h5>
<p class="card-text">
Todos nuestros gatos tienen un instinto cazador, le encantara.
</p>
<p class="card-text text-success">$5.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/plumas.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Plumas</h5>
<p class="card-text">Plumas para jugar con tu gato y acariciarlo</p>
<p class="card-text text-success">$4.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/tunel.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Tunel</h5>
<p class="card-text">
Tunel de descanso para gatos.
</p>
<p class="card-text text-success">$13.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/purrefect.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Pur Efect</h5>
<p class="card-text">
Juguete tipo pesca para que tu gato salte a agarrarlo.
</p>
<p class="card-text text-success">$6.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
</div>
</div>
<!--Cards juguetes ROW-2-->
<div class="container-fluid text-center mb-5">
<div class="row">
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/BolaGolo.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Dispensador de golosinas</h5>
<p class="card-text">
Dispensador de golosinas para gato especial para regalonearlos.
</p>
<p class="card-text text-success">$18.990</p>
<a href="#" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/peluchecat.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Peluche Felpudo</h5>
<p class="card-text">Peluche especial para que los gatos afilen sus uñas</p>
<p class="card-text text-success">$9.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/circuito.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Circuito</h5>
<p class="card-text">
Circuito para gatos, especial para tenerlos entretenidos todo el dia.
</p>
<p class="card-text text-success">$13.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
<div class="col-lg">
<div class="card mx-auto mb-4 text-white bg-dark" style="width: 18rem">
<img src="img/plumero.jpg" class="card-img-top img-card" alt="..." />
<div class="card-body">
<h5 class="card-title">Plumero</h5>
<p class="card-text">
Plumero para limpiar el hogar, oh y tambien para jugar con tu gato.
</p>
<p class="card-text text-success">$2.990</p>
<a href="404.html" class="btn btn-primary">Comprar</a>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<h5 class="card-header text-white bg-dark" > <i class="fas fa-search"></i> DATOS CURIOSOS </h5>
<div class="card-body text-white bg-dark">
<p class="card-center ">
1.-Tienen una flexibilidad y agilidad impresionante, pueden saltar desde más de 3 metros de altura.</p>
2.-Los gatos pueden rotar sus orejas 180 grados.</p>
3.-Los gatos pueden pasar hasta 14 horas dormidos.</p>
4.-Debido a su naturaleza nocturna, los gatos suelen ser mucho más hiperactivos en la tarde.</p>
5.-La audición del gato promedio es al menos cinco veces más aguda que la de un adulto humano.</p>
6.-En la raza de gato más grande, el macho promedio pesa aproximadamente 9 kilos.</p>
7.-Los gatos domésticos pasan cerca del 70 por ciento del día durmiendo, y 15 por ciento del día acicalándose.</p>
8.-Un gato no puede ver directamente debajo de su nariz.</p>
9.-Tienen uno de los sistemas sensoriales más sofisticados del mundo.</p>
10.-La mayoría de los gatos no tiene pestañas.</p>
11.-Los gatos tienen cinco dedos en cada pata delantera, pero sólo cuatro en la parte posterior. Sin embargo, no es raro que los gatos tengan dedos extra. ¡El gato con la mayor cantidad de dedos conocidos tenía 32, ocho en cada pata!</p>
12.-Algunas personas creen que si sueñas con un gato blanco, te seguirá la buena suerte.</p>
13.-Los maullidos no son un lenguaje innato para gatos, ¡los desarrollaron para comunicarse con los humanos! Visita ¿Por qué lloran los gatos? para descubrir más sobre sus maullidos y sus significados.</p>
</p>
</div>
</div>
</div>
</div>
<!--Footer-->
<footer class="container-fluid bg-dark pt-3">
<div class="row text-center text-white">
<div class="col-lg">
<h5>Contáctanos</h5>
<a href="contacto.html" class="text-white">Dejanos un mensaje</a>
</div>
<div class="col-lg">
<h5>Redes Sociales</h5>
<a href="https://www.facebook.com" class="d-block text-white mb-1"><i class="fab fa-facebook-f"></i>
Facebook</a>
<a href="https://twitter.com/home" class="d-block text-white mb-1"><i class="fab fa-twitter"></i> Twitter</a>
<a href="https://www.instagram.com" class="d-block text-white"><i class="fab fa-instagram"></i> Instagram</a>
</div>
<div class="col-lg">
<h5>Enlaces de interés</h5>
<a href="https://www.whiskas.cl" class="d-block text-white">Whiskas</a>
<a href="https://www.pedigree.es/productos/" class="d-block text-white">Pedigree</a>
<a href="https://www.purina-latam.com/cl" class="d-block text-white">Purina</a>
</div>
</div>
</footer>
</body>
<script src="js/script.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</html>