-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
266 lines (249 loc) · 14.6 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
<!DOCTYPE html>
<html lang="es">
<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>EcoFert</title>
<!--------------------G O O G L E F O N T S------------------------>
<link href="https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap" rel="stylesheet">
<!--------------------R E D E S S O C I A L E S---------------->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--------------------B O O T S T R A P--------------------->
<link rel="stylesheet" href="./css/bootstrap.min.css">
<!--------------------C S S - I N D E X-->
<link rel="stylesheet" href="./css/index.css">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cherry+Swash:wght@700&family=Fredoka+One&family=Gemunu+Libre:wght@200&family=Kaushan+Script&family=Lobster&family=Lobster+Two&family=Londrina+Outline&family=Montserrat+Alternates:wght@500&family=Nova+Slim&family=Playball&family=Righteous&family=Rum+Raisin&family=Trade+Winds&family=Yanone+Kaffeesatz:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>
<!---B A R R A D E N A V E G A C I Ó N-->
<nav class="navbar navbar-expand-lg navbar-default bg-warning">
<img src="./img/logo.png" alt="" class="logo">
<div class="container-fluid">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter-circle-fill" viewBox="0 0 16 16">
<path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM3.5 5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1zM5 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<div class="col-md-4">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./iniciarsesion.html">Iniciar sesión</a>
</li>
</div>
<div class="col-md-3">
<li class="nav-item">
<a class="nav-link active" href="./registrarsee.html">Registrarse</a>
</li>
</div>
<div class="col-md-3">
<li class="nav-item">
<a class="nav-link active" href="./carrito.html">Carrito</a>
</li>
</div>
<div class="col-md-4">
<li class="nav-item">
<a class="nav-link active" href="./quienessomos.html">Quienes somos</a>
</li>
</div>
</ul>
</div>
</div>
</nav>
<!----------------------------------N O M B R E D E L A E M P R E S A---------------------------->
<div class="container-all" id="move-content">
<div class="portada">
<div class="titulo_portada">
<h1>EcoFert</h1>
<p>Se el cambio que deseas ver en el mundo!</p>
</div>
</div>
<!------------------------------------S L I D E R P R I N C I P A L----------------------------->
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="carousel-item active">
<img src="./img/imageone.jpg" class="d-block w-100" alt="..." >
</div>
<div class="carousel-item">
<img src="./img/tomate.jpeg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./img/planta.jpeg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden"></span>
</button>
</div>
<!--P R O D U C T O S-->
<div>
<div class="page-content">
</div>
<div class="page-content">
<div class="product-container">
<h3>nombre</h3>
<img src="./img/tomate.jpeg" />
<h1>$500</h1>
<button class="button-add" onclick="add('product-1', 500)">Agregar</button>
</div>
<div class="product-container">
<h3>nombre</h3>
<img src="./img/planta.jpeg" />
<h1>$300</h1>
<button class="button-add" onclick="add('product-2', 300)">Agregar</button>
</div>
<div class="product-container">
<h3>nombre</h3>
<img src="./img/planta.jpeg" />
<h1>$300</h1>
<button class="button-add" onclick="add('product-2', 300)">Agregar</button>
</div>
<div class="product-container">
<h3>nombre</h3>
<img src="./img/tomate.jpeg" />
<h1>$250</h1>
<button class="button-add" onclick="add('product-3', 250)">Agregar</button>
</div>
</div>
<!-------------I N F O R M A C I Ó N D E L O S F E R T I L I Z A N T E S---------------------------->
<div class="info_fertili col-md-8">
<h4>¿Por qué usar los fertilizantes organicos?</h4>
<p>
Los fertilizantes de origen orgánico proceden de los residuos
orgánicos de los cultivos y de defecaciones de los animales.
Proporcionan el nitrógeno orgánico necesario al suelo.
Su uso mejora el terreno y la retención de agua y nutrientes.
Algunos de estos fertilizantes como las cenizas, los excrementos
de los animales, resaca y lodos de depuradora están permitidos en
la agricultura ecológica. Entre sus características destacan que
aumentan la actividad microbiana, aprovechan los resuidos orgánicos,
mejoran la capacidad de absorción y equilibra el pH, evita la erosión
y conserva la fertilidad del suelo, entre otros.
</p>
<p>
Los fertilizantes orgánicos se han convertido en la alternativa amigable
con el medio ambiente, logrando un equilibrio entre los intereses agrícolas
y la productividad y rendimiento en el corto y mediano plazo.
Y es que, en un mundo donde se habla de crisis en el campo, contaminación
de suelos, entre muchos otros factores, los fertilizantes orgánicos se
convierten en una opción interesante para los cultivos, al formarse naturalmente
con la nula o poca participación del hombre, pues están constituidos por
desechos de origen animal, vegetal o ambos. De esta forma enriquecen al
suelo retornandole elementos que la misma actividad agrícola ha desgastado.
Los cultivos presentan mejoras importantes tales como: restablecer las
condiciones de los suelos, mayor crecimiento en los microorganismos con la
aportación de diversos nutrientes. Su uso puede marcar la diferencia entre una
buena y mala cosecha, no importa si es de granos, hortalizas o frutales.
</p>
</div>
<!---------------------------S L I D E R C O M E N T A R I O S---------------------------------->
<div class="carrousel_comentarios">
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 6"></button>
</div>
<div class="carousel-inner">
<h4>Comentarios:</h4>
<div class="carousel-item active">
<div class="img-area">
<img src="./img/img_comentarios/angelmiamor.jpeg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Angel Francisco Martinez</h5>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quam odio distinctio quae facere reprehenderit maxime ipsam tenetur repudiandae! Asperiores suscipit vel ipsam dolor nemo totam eum doloribus tempora corporis molestiae.</p>
</div>
</div>
<div class="carousel-item">
<div class="img-area">
<img src="./img/img_comentarios/fred.jpeg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Fredy Martinez</h5>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae cumque, quos incidunt assumenda iusto eaque quam. Modi consequatur, at magnam iure voluptatem impedit! Nostrum debitis similique temporibus at tempora animi.</p>
</div>
</div>
<div class="carousel-item">
<div class="img-area">
<img src="./img/img_comentarios/gabo.jpeg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Gabo Azuara</h5>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Officia totam non velit corrupti porro! Architecto ut commodi deserunt ratione mollitia. Dolores architecto eligendi dolorem impedit iusto similique laborum cupiditate voluptatem.</p>
</div>
</div>
<div class="carousel-item">
<div class="img-area">
<img src="./img/img_comentarios/keren.jpeg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Keren Garcia Zumaya</h5>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum labore laudantium corrupti. Corrupti quaerat, eum numquam dolorum eaque, libero blanditiis rem maxime fuga accusantium molestias deserunt deleniti sint voluptas velit.</p>
</div>
</div>
<div class="carousel-item">
<div class="img-area">
<img src="./img/img_comentarios/sam.jpeg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Sam Lara Garcia</h5>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quibusdam assumenda sint voluptatem cumque? Id sit harum eligendi deleniti consectetur. Est alias dicta ipsa perferendis ullam aperiam eos cum in consequuntur!</p>
</div>
</div>
<div class="carousel-item">
<div class="img-area">
<img src="./img/img_comentarios/wen.jpeg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Wendy Valenzuela</h5>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consectetur odio ullam nesciunt, id blanditiis doloremque laboriosam praesentium harum quae neque provident numquam aliquam. Sed quam nobis, quia rerum nam illo!</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-dark"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden"></span>
</button>
</div>
</div>
<!------------------R E D E S S O C I A L E S-------------------------->
<div onclick="location.href='https://chatwith.io/es/s/ecofert';" class="whatsappbutton"><i class="fa fa-whatsapp fa-2x"></i><span>Contactar</span></div>
<!--P I E D E P A G I N A -->
<div>
<footer class="footer">
<div class="footer-info">
<p>¿Preguntas?<a href="tel:+52 771 207 14 13">Llama a +52 771 207 14 13 (HN)</a></p>
<ul class="footer-links">
<li class="footer-link__item"><a href="#">Preguntas frecuentes</a></li>
<li class="footer-link__item"><a href="#">Centro de ayuda</a></li>
<li class="footer-link__item"><a href="#">Términos y condiciones</a></li>
<li class="footer-link__item"><a href="#">Privacidad</a></li>
<li class="footer-link__item"><a href="#">Preferencias de cookies</a></li>
<li class="footer-link__item"><a href="#">Información corporativa</a></li>
</ul>
<select name="lenguage" id="lenguage">
<option value="es">Español</option>
<option value="es">English</option>
</select>
</div>
</footer>
<!--J a v a S c r i p t-->
<script src="./js/bootstrap.bundle.min.js"></script>
</body>
</html>