-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathquienessomos.html
161 lines (157 loc) · 9.26 KB
/
quienessomos.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
<!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>¿Quienes somos - EcoFert</title>
<!--GOOGLE FONTS-->
<link href="https://fonts.googleapis.com/css2?family=Mouse+Memoirs&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap" rel="stylesheet">
<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">
<!--BOOTSTRAP-->
<link rel="stylesheet" href="./css/bootstrap.min.css">
<!--QUIENES SOMOS - CSS-->
<link rel="stylesheet" href="./css/quienessomos.css">
</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-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Inicio</a>
</li>
</div>
<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-5">
<li class="nav-item">
<a class="nav-link active" href="./quienessomos.html">Quienes somos</a>
</li>
</div>
</ul>
</div>
</div>
</nav>
<!---------I N F O R M A C I Ó N D E L A E M P R E S A----------------->
<div class="mision_vision">
<div class="mision col-md-12">
<h5>¿Quienes somos?</h5>
<p>
Somos una empresa que nos importa el medio ambiente, estamos creando un nuevo modo de salvar
a las plantas que tienen problemas en su desarrollo, al igual
aprovechamos para reciclar distintos plasticos como lo son las
botellas que usamos para rellenarlas con nuestros productos fertilizantes.
</p>
<h5>Misión:</h5>
<p>Satisfacer las necesidades de combatir plagas y mejorar el desarrollo de las plantas con el uso de productos orgánicos, para su aplicación por personas que tienen jardines o cultivos en las zonas suburbanas, a través de fertilizantes elaborados con ingredientes naturales.</p>
</div>
<div class="vision col-md-12">
<h5>Visión</h5>
<p>En 10 años ser una empresa líder en el mercado de fertilizantes orgánicos que este expandida hasta otros países y sea reconocida por la calidad de los productos, por ser económicos y amigables con el medio ambiente fomentando el valor principal de la empresa que es el respeto y el cuidado de la naturaleza y la salud de las personas.</p>
</div>
<img src="./img/empresa.jpeg" alt="" class="">
</div>
<!---------E Q U I P O D E T R A B A J O--------------------------------->
<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>
</div>
<div class="carousel-inner">
<h4 class="fundadores">Fundadores de la empresa</h4>
<div class="carousel-item active">
<div class="img-area">
<img src="./img/img_comentarios/fred.jpeg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Fredy Martínez Martínez</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/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/kevin.webp" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Kevin Yael Larios Hernandez</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/wen.jpeg" alt="">
</div>
<div class="carousel-caption d-none d-md-block">
<h5>Wendy Valenzuela Hernandez</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>
<!--P I E D E P A G I N A -->
<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>