-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
205 lines (191 loc) · 11.6 KB
/
nosotros.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>BolaVoley</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header>
<!-- Topbar Inicio -->
<div class="container-fluid bg-light d-none d-lg-block">
<div class="row py-2 px-lg-5">
<div class="col-lg-6 text-left mb-2 mb-lg-0">
<div class="d-inline-flex align-items-center">
<small><i class="fa fa-phone-alt mr-2"></i>+34 666 555 444</small>
<small class="px-3">|</small>
<small><i class="fa fa-envelope mr-2"></i>[email protected]</small>
</div>
</div>
<div class="col-lg-6 text-right">
<div class="d-inline-flex align-items-center">
<a class="text-primary px-2" href="https://www.facebook.com/">
<i class="fab fa-facebook-f"></i>
</a>
<a class="text-primary px-2" href="https://twitter.com/">
<i class="fab fa-twitter"></i>
</a>
<a class="text-primary px-2" href="https://www.instagram.com/">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
</div>
</div>
<!-- Topbar Fin -->
<!-- Barra de Navegación Inicio -->
<div class="container-fluid p-0">
<nav class="navbar navbar-expand-lg bg-white navbar-light py-3 py-lg-0 px-lg-5">
<a href="index.html" class="navbar-brand ml-lg-3">
<h1 class="m-0 text-primary"><span class="text-dark">Bola</span>Voley</h1>
</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between px-lg-3" id="navbarCollapse">
<div class="navbar-nav m-auto py-0">
<a href="index.html" class="nav-item nav-link">Inicio</a>
<a href="nosotros.html" class="nav-item nav-link active">Sobre Nosotros</a>
<div class="nav-item dropdown">
<a href="productos.html" class="nav-link dropdown-toggle" data-toggle="dropdown">Productos</a>
<div class="dropdown-menu rounded-0 m-0">
<a href="productos.html" class="dropdown-item">Guía de Tallas</a>
<a href="https://www.decathlon.es/es/deportes/voleibol/camisetas" class="dropdown-item">Camisetas</a>
<a href="https://www.decathlon.es/es/deportes/voleibol/rodilleras-y-manguitos" class="dropdown-item">Rodilleras</a>
<a href="https://www.decathlon.es/es/deportes/voleibol/rodilleras-y-manguitos" class="dropdown-item">Manguitos</a>
<a href="https://www.decathlon.es/es/deportes/voleibol/zapatillas" class="dropdown-item">Zapatillas</a>
</div>
</div>
<a href="contacto.html" class="nav-item nav-link">Contacto</a>
</div>
</div>
</nav>
</div>
<!-- Barra de Navegación Fin -->
<!-- Foto Header Inicio -->
<div class="jumbotron jumbotron-fluid bg-nosotros" style="margin-bottom: 90px;">
<div class="container text-center py-5">
<h3 class="text-white display-3 mb-4">Sobre Nosotros</h3>
</div>
</div>
<!-- Foto Header Fin -->
</header>
<main>
<!-- Sobre Nosotros Inicio -->
<section class="container-fluid py-5">
<div class="container py-5">
<div class="row align-items-center">
<div class="col-lg-6 pb-5 pb-lg-0">
<img class="img-fluid w-100" src="img/about.jpg" alt="equipo de voleibol abrazo">
</div>
<div class="col-lg-6">
<h6 class="d-inline-block text-primary text-uppercase bg-light py-1 px-2">Nosotros</h6>
<h1 class="mb-4">Nuestra Misión</h1>
<p class="pl-4 border-left border-primary">Debemos llevar el voleibol a convertirse en un deporte "top" donde todas las personas disfruten de sus excelentes beneficios, dentro y fuera de la pista. <br> El deportista es la figura clave del voley y por eso nos especializamos en ofrecerles las mayores comodidades, seguridad y control en el juego.</p>
<h2>Por qué elegir nuestra tienda:</h2>
<ul>
<li>Amplia selección de productos de voleibol de alta calidad.</li>
<li>Envío rápido y confiable a todo el país.</li>
<li>Atención al cliente excepcional.</li>
<li>Política de devolución sin complicaciones.</li>
</ul>
<div class="row pt-3">
<div class="col-6">
<div class="bg-light text-center p-4">
<h3 class="display-4 text-primary" data-toggle="counter-up">188</h3>
<h6 class="text-uppercase">Jugadores Profesionales</h6>
</div>
</div>
<div class="col-6">
<div class="bg-light text-center p-4">
<h3 class="display-4 text-primary" data-toggle="counter-up">896</h3>
<h6 class="text-uppercase">Clientes <br>Felices</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Sobre Nosotros Fin -->
</main>
<footer>
<!-- Inicio -->
<section class="footer container-fluid position-relative bg-dark py-5" style="margin-top: 90px;">
<div class="container pt-5">
<div class="row">
<div class="col-lg-6 pr-lg-5 mb-5">
<a href="index.html" class="navbar-brand">
<h1 class="mb-3 text-white"><span class="text-primary">Bola</span>Voley</h1>
</a>
<p>Enamórate de la calidad, personalización y diseño único que ofrecemos. Descubre la pasión por el juego y la moda en cada producto. ¡Viste con BolaVoley, juega con distinción!</p>
<p><i class="fa fa-map-marker-alt mr-2"></i>Andalucía, España</p>
<p><i class="fa fa-phone-alt mr-2"></i>+34 666 555 444</p>
<p><i class="fa fa-envelope mr-2"></i>[email protected]</p>
<div class="d-flex justify-content-start mt-4">
<a class="btn btn-lg btn-primary btn-lg-square mr-2" href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
<a class="btn btn-lg btn-primary btn-lg-square mr-2" href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-lg btn-primary btn-lg-square" href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="col-lg-6 pl-lg-5">
<div class="row">
<div class="col-sm-6 mb-5">
<h5 class="text-white text-uppercase mb-4">Nuestras Páginas</h5>
<div class="d-flex flex-column justify-content-start">
<a class="text-white-50 mb-2" href="index.html"><i class="fa fa-angle-right mr-2"></i>Inicio</a>
<a class="text-white-50 mb-2" href="nosotros.html"><i class="fa fa-angle-right mr-2"></i>Sobre Nosotros</a>
<a class="text-white-50 mb-2" href="productos.html"><i class="fa fa-angle-right mr-2"></i>Productos</a>
<a class="text-white-50" href="contacto.html"><i class="fa fa-angle-right mr-2"></i>Contacto</a>
</div>
</div>
<div class="col-sm-12 mb-5">
<h5 class="text-white text-uppercase mb-4">¿Quieres que te avisemos de nuestras novedades?</h5>
<div class="w-100">
<div class="input-group">
<input type="text" class="form-control border-light" style="padding: 30px;" placeholder="Tu Correo Electrónico">
<div class="input-group-append">
<button class="btn btn-primary px-4">Registrarse</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Fin -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary back-to-top"><i class="fa fa-angle-double-up"></i></a>
</footer>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/tempusdominus/js/moment.min.js"></script>
<script src="lib/tempusdominus/js/moment-timezone.min.js"></script>
<script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>