-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (111 loc) · 6.11 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
<!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">
<meta name="keywords" content="zapatillas , sneakers , zapas , jordan , nike , adidas , vans , mundosneaker">
<meta name="description" content="informacion y venta de zapatillas">
<title>Mundo sneakear</title>
<!--icono de pagina-->
<link rel="icon" type="img" href="./assets/icono-m.png"/>
<!--Sass-->
<link rel="stylesheet" href="./estilo/css/estilo.css"/>
<!--Bootstrap-->
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<!--Tipografia de la pagina-->
<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=Akshar:wght@300&display=swap" rel="stylesheet"/>
</head>
<body>
<section>
<header class="header">
<!--Inicio de nav-->
<nav class="navbar navbar-expand-lg bg-light fondo sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><img src="./assets/logo-mundosneaker-png.png" class="img-fluid"/></a>
<button class="navbar-toggler btn bg-danger btn-danger" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon btn btn-danger"></span>
</button>
<div class="collapse navbar-collapse justify-content-around menu" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/novedades.html">Novedades</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/nosotros.html">Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/galeria.html">Galeria</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle menu" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Mas
</a>
<ul class="dropdown-menu menu fondo" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="./pages/contacto.html">Contacto</a></li>
<li><a class="dropdown-item" href="./pages/devolucion.html">Devolucion</a></li>
<li><a class="dropdown-item" href="./pages/stock.html">Stock</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!--Fin del nav-->
</header>
<section class="container-fluid mt-4">
<article class="row">
<article class="productos col-md-8 ">
<h1 class="tituloDos m-4 text-center ">
PRODUCTO DESTACADO DEL MES
</h1>
<h4 class="subtitulo m-4 text-center">
Jordan retro 6 (Infrared)
</h4>
<img src="./assets/jordan-retro-6-infrared.jpg" title="Jordan retro 6 Infrared" class="img-thumbnail mx-auto d-block imagen "/>
<P class="parrafo text-center">
Michael Jordan utilizó el Air Jordan 6 "Infrared" en el All Star Game de la NBA de 1991 y ahora este regresa en su forma original por primera vez desde el año 2000. De nuevo con la marca Nike Air en el talón, el estilo luce una entresuela esculpida para brindar estabilidad acolchada, con revestimientos que representan el número 23 de forma abstracta.
</P>
</article>
<aside class="container justify-content-center col-md-4 ">
<div class="card justify-content-center m-auto mt-4" style="width: 15rem;">
<img src="./assets/logo_coderhouse_2_bmqbet.png" class="card-img-top">
<div class="card-body">
<h5 class="card-title text-center text-bg-dark h2">APRENDE CON CODERHOUSE</h5>
<p class="card-text text-center lead">A un click de despegar a un mundo nuevo</p>
<a href="https://www.coderhouse.com" class="btn btn-outline-dark">Vamos </a>
</div>
</div>
<div class="mt-2 local container">
<h1 >Proximo local</h1>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d325.5705645394795!2d-58.72715540703334!3d-34.66617658112118!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcbfe54cc0c539%3A0xd59a34f5e0b9797b!2sPaseo%20de%20LA%20CALESITA!5e0!3m2!1ses!2sar!4v1658455031498!5m2!1ses!2sar" width="400" height="230" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="container"></iframe>
</div>
</aside>
</article>
</section>
<footer class="footer fondo container-fluid g-3">
<img src="./assets/logo-mundosneaker-png.png" class="mb-5 img-fluid footerLogo">
<ul class="iconos ">
<li>
<a href="https://es-la.facebook.com/">
<img src="./assets/facebook-logo-3-1.png"/>
</a>
</li>
<li>
<a href="https://www.instagram.com/">
<img src="./assets/Instagram-Logo-PNG-File.png"/>
</a>
</li>
</ul>
</footer>
</section>
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>
</html>