-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (154 loc) · 9.85 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
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1">
<meta name="description" content="Botínes de Fulbo fue creado para coleccionistas y apasionados por los botines. Encontrarás modelos de marcas iconicas, botines usados por jugadores y mucho más">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<meta name="keywords" content="Botines Coleccionables, Botines de Futbol, Mercurial Vapor">
<link rel="stylesheet" type="text/css" href="css/estilos.css">
</head>
<body>
<div id="header" class="bg-dark">
<div class="container-xl bg-dark">
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Botínes Fulbo Coleccionables</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active text-secondary" href="sobrenosotros.html">Sobre Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link active text-secondary" href="formulario_tarea.html">Contactanos</a>
</li>
<li class="nav-item">
<a class="nav-link active text-secondary" href="preguntas.html">FAQs</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div id="banner" class="d-flex align-items-center">
<div class="col-lg-7 mx-auto text-white text-center fs-2">
<h1>Botínes</h1>
<div class="btn-group flex-wrap">
<button id="btnGroupDrop1" type="button" class="btn text-white dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
Marcas
</button>
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a class="dropdown-item" href="pages/marca_nike.html">Nike</a></li>
<li><a class="dropdown-item" href="#">Próximamente</a></li>
</ul>
<button id="btnGroupDrop1" type="button" class="btn text-white dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
Jugadores
</button>
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a class="dropdown-item" href="pages/jugador_cristiano.html">Cristiano</a></li>
<li><a class="dropdown-item" href="#">Próximamente</a></li>
</ul>
<button id="btnGroupDrop1" type="button" class="btn text-white dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
Modelos
</button>
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a class="dropdown-item" href="pages/modelo_mercurial.html">Mercurial Vapor</a></li>
<li><a class="dropdown-item" href="#">Próximamente</a></li>
</ul>
<button id="btnGroupDrop1" type="button" class="btn text-white dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
Año
</button>
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a class="dropdown-item" href="#">Próximamente</a></li>
</ul>
<button id="btnGroupDrop1" type="button" class="btn text-white dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
Colores
</button>
<ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
<li><a class="dropdown-item" href="#">Próximamente</a></li>
</ul>
</div>
</div>
</div>
<div class="py-5">
<div class="container col-10 offset-1 text-center">
<div class="container-md g-5 row row-cols-sm-2 row-cols-md-2 row-cols-lg-2 row-cols-xl-3 mx-auto">
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor I</div>
<img class="rounded" src="css/imagenes/mercurial_1.jpg">
<p class="fw-light mb-1">Estos Botínes fueron inmortalizados por Ronaldo en el mundial de Korea Japon 2002. Todo fue diseñado para bajar el peso, para llegar a un record de 200gr.</p>
<a href="pages/mercurial_1.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor II</div>
<img class="rounded" src="css/imagenes/mercurial_2.jpg">
<p class="fw-light mb-1">Estos Mercurial es uno de los mas recordados. Su diseño audaz se destaco en los pies de la figura emergente de Cristiano Ronaldo.</p>
<a href="pages/mercurial_2.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor III</div>
<img class="rounded" src="css/imagenes/mercurial_3.jpg">
<p class="fw-light mb-1">El Ronaldo Brazilero celebro ser el mayor anotador en mundiales con esta edición limitada en el 2006. Es el primer botín que agrega una placa de fibra de carbono en el talón.</p>
<a href="pages/mercurial_3.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor IV</div>
<img class="rounded" src="css/imagenes/mercurial_4.jpg">
<p class="fw-light mb-1">Esta versión ofrece una superficie ininterrumpida de pegada con una tela de material Teijin que cubre los cordones.</p>
<a href="pages/mercurial_4.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor V</div>
<img class="rounded" src="css/imagenes/mercurial_5.jpg">
<p class="fw-light mb-1">Este modelo innovo con el compuesto de tela utilizando un ultra-thin Teijin skin exterior y Nike Flywire (extra soporte para el pie super-liviano).</p>
<a href="pages/mercurial_5.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor VI</div>
<img class="rounded" src="css/imagenes/mercurial_6.jpg">
<p class="fw-light mb-1">Con un chasis de fibra de carbono, este modelo fue influenciado por Cristiano Ronaldo. Se incorporo la tecnologia Nike SENSE que hacia que los tapones se extendieran y contrajeran.</p>
<a href="pages/mercurial_6.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor VII</div>
<img class="rounded" src="css/imagenes/mercurial_7.jpg">
<p class="fw-light mb-1">Con un chasis de fibra de carbono, este modelo fue influenciado por Cristiano Ronaldo. Se incorporo la tecnologia Nike SENSE que hacia que los tapones se extendieran y contrajeran.</p>
<a href="pages/mercurial_1.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor VIII</div>
<img class="rounded" src="css/imagenes/mercurial_8.jpg">
<p class="fw-light mb-1">Con un chasis de fibra de carbono, este modelo fue influenciado por Cristiano Ronaldo. Se incorporo la tecnologia Nike SENSE que hacia que los tapones se extendieran y contrajeran.</p>
<a href="pages/mercurial_1.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
<div class="col-12 col-md-6 item wow animate__animated animate__bounce" id="imagenes">
<div class="title mb-2 text-secondary">Mercurial Vapor IX</div>
<img class="rounded" src="css/imagenes/mercurial_9.jpg">
<p class="fw-light mb-1 ">Con un chasis de fibra de carbono, este modelo fue influenciado por Cristiano Ronaldo. Se incorporo la tecnologia Nike SENSE que hacia que los tapones se extendieran y contrajeran.</p>
<a href="pages/mercurial_1.html" class="text-primary text-decoration-none fw-light">Ver mas</a>
</div>
</div>
</div>
</div>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<p class="col-md-4 mb-0 text-muted">© Botínes Fulbo Coleccionables, Inc</p>
<a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
<svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg>
</a>
<ul class="nav col-md-4 justify-content-end">
<li class="nav-item"><a href="index.html" class="nav-link px-2 text-muted">Home</a></li>
<li class="nav-item"><a href="formulario_tarea.html" class="nav-link px-2 text-muted">Contactanos</a></li>
<li class="nav-item"><a href="preguntas.html" class="nav-link px-2 text-muted">FAQs</a></li>
<li class="nav-item"><a href="sobrenosotros.html" class="nav-link px-2 text-muted">Sobre Nosotros</a></li>
</ul>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>