-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (146 loc) · 11.1 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
<!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="description" content="Nike ofrece productos innovadores, experiencias y servicios para inspirar a los atletas del mundo.">
<meta name="keywords" content="NIKE, Jordan, Nike Sportswear, Futbol, SNRKS, Runnes, Waffle, Pegasus 39, Camisetas Clubes de Europa, Nike Training Club App, Nike Run Club App,">
<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=Fredoka+One&family=Heebo:wght@200;300;400;500;900&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="./assets/img/swoosh-icono-white.ico" type="image/x-icon">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
<title>Web Site Nike Argentina - Inicio</title>
</head>
<body>
<header class="container-fluid p-0">
<div class="row m-0">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><img style="height:60px" src="./assets/img/swoosh-icono-back.webp" alt="icono-nike-back"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="./index.html">INICIO</a>
<a class="nav-link" href="./pages/productos.html">PRODUCTOS</a>
<a class="nav-link" href="./pages/tiendas.html">TIENDAS</a>
<a class="nav-link" href="./pages/nuestra-historia.html">NUESTRA HISTORIA</a>
<a class="nav-link" href="./pages/contactos.html">CONTACTO</a>
</div>
</div>
</div>
</nav>
</div>
</header>
<main class="conteiner-fluid">
<section class="row row-video col-12 ">
<!--caja padre contenedora-->
<div class="col-12 div-video p-0">
<video autoplay loop muted plays-inline class="video col-12 w-100">
<source src="./assets/video/video-Index.mp4" type="video/mp4">
</video>
<!--capa de oscurecimiento del video-->
<div class="capa"></div>
<div class="contexto col-5">
<h3>"Just do it"</h3>
<h1>NIKE</h1>
<a href="./pages/productos.html">EXPLORAR</a>
</div>
</div>
</section>
<!--seccion que contiene la card runner-->
<section class="row col-12 d-flex justify-content-center align-items-center m" >
<div class="card p-0 redondeo-card">
<img src="./assets/img/runners-ayudando-a-runners.webp" class="d-none d-sm-none d-md-none d-lg-block d-xl-block d-xxl-block card-img-top redondeo-card img-sec-dimen" alt="imagen-deportistas-tenista">
<img src="./assets/img/runners-ayudando-a-runners-mujer.webp" class=" d-block d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none card-img-top redondeo-card img-sec-dimen" alt="imagen-mujer">
<div class="card-body">
<h2 class="card-title h2-card">RUNNERS <br> AYUDANDO RUNNERS</h2>
<a href="https://swoo.sh/3J4o93J" class="btn btn-primary">Ver Más</a>
</div>
</div>
</section>
<!--seccion que contiene la card waffle one-->
<section class="row col-12 d-flex justify-content-center align-items-center m" >
<div class="card p-0 redondeo-card">
<img src="https://static.nike.com/a/images/f_auto/dpr_2.0,cs_srgb/h_1869,c_limit/02515929-eb4b-469d-ad2f-fb372fc7acf1/sitio-web-oficial-de-nike.png" class="d-none d-sm-none d-md-none d-lg-block d-xl-block d-xxl-block card-img-top redondeo-card img-sec-dimen" alt="zapatilla-waffe-one">
<img src="./assets/img/waffe.webp" class=" d-block d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none card-img-top redondeo-card img-sec-dimen" alt="zapatilla-waffe-one">
<div class="card-body">
<h2 class="card-title h2-card--dark d-block d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none">NIKE WAFFLE ONE</h2>
<a href="https://www.nike.com/ar/sportswear/waffle-1" class="btn btn-primary-2">Ver Más</a>
<a href="https://bit.ly/SPORTSWEAR_Waffle_HP_MO" class="btn btn-primary-2">Comprar</a>
</div>
</div>
</section>
<!--seccion que contiene la card pegasus 39-->
<section class="row col-12 d-flex justify-content-center align-items-center m" >
<div class="card p-0 redondeo-card">
<img src="https://static.nike.com/a/images/f_auto/dpr_2.0,cs_srgb/h_1869,c_limit/d623182f-878a-41df-9833-313d90d52ea4/sitio-web-oficial-de-nike.png" class="d-none d-sm-none d-md-none d-lg-block d-xl-block d-xxl-block card-img-top redondeo-card img-sec-dimen" alt="zapatillas-pegasus-39">
<img src="./assets/img/pegasus-39.webp" class=" d-block d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none card-img-top redondeo-card img-sec-dimen" alt="zapatillas-pegasus-39">
<div class="card-body">
<h2 class="card-title h2-card d-none d-sm-none d-md-none d-lg-block d-xl-block d-xxl-block">PEGASUS 39</h2>
<h2 class="card-title h2-card--dark d-block d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none">PEGASUS 39</h2>
<a href="https://swoo.sh/3otqxYa" class="btn btn-primary-2">Ver Más</a>
<a href="https://bit.ly/RUNNING_Pegasus-39-runners_HP_DX" class="btn btn-primary-2">Comprar</a>
</div>
</div>
</section>
<!--seccion que contiene la card camisetas clubes de europa-->
<section class="row col-12 d-flex justify-content-center align-items-center m" >
<div class="card p-0 redondeo-card">
<img src="https://static.nike.com/a/images/f_auto/dpr_2.0,cs_srgb/h_1869,c_limit/c86fdadb-b533-4b26-9e3d-8121641481ae/sitio-web-oficial-de-nike.png" class="d-none d-sm-none d-md-none d-lg-block d-xl-block d-xxl-block card-img-top redondeo-card img-sec-dimen" alt="camisetas-clubes-de-europa-horizontal">
<img src="./assets/img/camiseta-clubes-de-europa-vertical.webp" class=" d-block d-sm-block d-md-block d-lg-none d-xl-none d-xxl-none card-img-top redondeo-card img-sec-dimen" alt="camisetas-clubes-de-europa-vertical">
<div class="card-body">
<h2 class="card-title h2-card">CAMISETAS CLUBES <br> DE EUROPA </h2>
<a href="https://bit.ly/FOOTBALL_emea-camisetas-22-23_HP_DX" class="btn btn-primary">Comprar</a>
<a href="https://www.nike.com/ar/futbol/jersey-shop" class="btn btn-primary">Ver Más</a>
</div>
</div>
</section>
</main>
<footer class="conteiner-fluid footer">
<div class="row col-12 p-0 m-0">
<div class="row m-0 p-0 col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 col-xxl-9 d-flex d-flex-column justify-content-center align-items-center
d-sm-flex d-sm-flex-column justify-content-sm-center align-items-sm-center d-md-flex d-md-flex-column justify-content-md-center align-items-md-center
d-lg-flex d-lg-flex-row justify-content-lg-start align-items-lg-start d-xl-flex d-xl-flex-row justify-content-xl-start align-items-xl-start
d-xxl-flex d-xxl-flex-row justify-content-xxl-start align-items-xxl-start">
<ul class="lista1 col-12 col-sm-6 col-md-6 col-lg-5 col-xl-5 col-xxl-5">
<li><a href="https://www.nike.com/ar/retail">LOCALES MÁS CERCANOS</a></li>
<li><a href="https://www.nike.com/ar/email-signup">REGISTRATE PARA RECIBIR NOVEDADES</a></li>
</ul>
<ul class="lista2 col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-xxl-4 ">
<li><a href="./pages/sobre-nosotros.html" style="font-size: 12px; font-weight: 400;">ACERCA DE NIKE</a></li>
<li><a href="https://about.nike.com/en/newsroom">Noticias</a></li>
<li><a href="https://jobs.nike.com/es/">Empleo</a></li>
<li><a href="https://investors.nike.com/Home/default.aspx">Inversores</a></li>
<li><a href="https://www.nike.com/uy/sustentabilidad">Sustentabilidad</a></li>
</ul>
</div>
<div class="row m-0 p-0 col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3">
<div class="logos d-flex justify-content-center align-items-center d-sm-flex justify-content-sm-center align-items-sm-center d-md-flex justify-content-md-center align-items-md-center
d-lg-flex justify-content-lg-end align-items-lg-start d-xl-flex justify-content-xl-end align-items-xl-start d-xxl-flex justify-content-xxl-end align-items-xxl-start">
<a href="https://twitter.com/nike"><img src="./assets/img/twitter.png" alt="twitter-logo"></a>
<a href="https://www.facebook.com/nike"><img src="./assets/img/facebook.png" alt="facebook-logo"></a>
<a href="https://www.youtube.com/user/nike"><img src="./assets/img/youtube.png" alt="youtube-logo"></a>
<a href="http://instagram.com/nike"><img src="./assets/img/instagram.png" alt="instagram-logo"></a>
</div>
</div>
<div class="row col-12 m-0 p-0">
<div class="derechos d-flex justify-content-center align-items-center p-0">
<p class="m-0">© 2022 Nike, Inc. Todos los derechos reservados. Desarrollado por Augusto Gutierrez</p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>