-
Notifications
You must be signed in to change notification settings - Fork 0
/
inicio.html
142 lines (122 loc) · 5.97 KB
/
inicio.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
<!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">
<title>Pet Store | La tienda para tus mascotas</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<link rel="stylesheet" href="css/estilos.css">
<script src="https://kit.fontawesome.com/1c866e61ca.js" crossorigin="anonymous"></script>
</head>
<body>
<!--NAVBAR-->
<div class="topnav">
<a class="active" href="inicio.html">Inicio</a>
<a href="galeria.html">Productos</a>
<a href="api.html">Razas de perros</a>
<a href="sobre nosotros.html">Sobre nosotros</a>
<a href="formulario.html">Contáctate con nosotros</a>
<input type="text" placeholder="Buscar producto...">
</div>
<!--CAROUSEL-->
<div class="container-fluid">
<div id="carousel1" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel1" data-slide-to="0" class="active"></li>
<li data-target="#carousel1" data-slide-to="1"></li>
<li data-target="#carousel1" data-slide-to="2"></li>
</ol>
<!--DIAPOS-->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/p-bomba-desktop.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="img/superofertas-3x2-arena-desktop.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="img/zeedog-kong-desktop.jpg" class="d-block w-100">
</div>
</div> <!--INNER-->
<a class="carousel-control-prev" href="#carousel1" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel1" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<section class="container">
<div class="contenido-inicio">
<div class="icono">
<img src="img/perrofeliz.jpg" alt="">
<h3>PRODUCTOS DE CALIDAD</h3>
<p>Contamos con los mejores alimentos del mercado a un precio accesible para tu bolsillo. Además
contamos con accesorios de calidad para tu mascota. Es por esto que nuestro clientes nos prefieren.
</p>
</div>
<div class="icono">
<img src="img/garantia.png" alt="">
<h3>GARANTÍA POR 3 MESES</h3>
<p>Todos nuestros accesorios de mascotas cuentan con 3 meses de garantía una vez realizada la compra. En
caso de falla del producto, deberán completar el proceso para efectuar el cambio y validez de la
garantía.</p>
</div>
<div class="icono">
<img src="img/caridad.png" alt="">
<h3>SIN FINES DE LUCRO</h3>
<p>Como organización amantes de las mascotas y de su bienestar, nuestras bases son sin lucro, por lo
tanto nuestras ganancias serán destinadas para financiar insumos y animales en estado de calle.</p>
</div>
</div>
<!--FOOTER-->
<hr>
<section class="footer">
<div class="social">
<a href="#"><i class="fa-brands fa-square-facebook" style="color: #1e3050;"></i></a>
<a href="#"><i class="fa-brands fa-square-instagram" style="color: #c061cb;"></i></a>
<a href="#"><i class="fa-brands fa-square-twitter" style="color: #3584e4;"></i></a>
<a href="#"><i class="fa-brands fa-square-youtube" style="color: #e01b24;"></i></a>
<a href="#"><i class="fa-brands fa-square-google-plus" style="color: #b5835a;"></i></a>
</div>
<ul class="list">
<li>
<a href="#">Inicio</a>
</li>
<li>
<a href="#">Servicios</a>
</li>
<li>
<a href="#">Sobre Nosotros</a>
</li>
<li>
<a href="#">Terminos y Condiciones</a>
</li>
<li>
<a href="#">Políticas de privacidad</a>
</li>
</ul>
<hr>
<p class="copyright text-center">
Todos los derechos reservados, Mauricio Piña & Nicolás Rocha 2023
</p>
</section>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
</html>