-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (144 loc) · 6.27 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
<!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">
<link rel="stylesheet" href="./styles/index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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=Quicksand:wght@300;400;600&display=swap" rel="stylesheet">
<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=Anton&display=swap" rel="stylesheet">
<title>Gersport</title>
</head>
<body>
<div id="grilla">
<!--**************** NAV **************-->
<header>
<section class="cabecera">
<!--LOGO PAGINA.-->
<img src="./agregados/img/Logobyn.png" class="cabecera__logo" width="350" height="180" alt="Logoweb">
<!--************** BARRA DE BUSQUEDA ***************-->
<form class="barrasearch">
<input type="text" placeholder="Barra de busqueda">
<img src="./agregados/img/index/iconos-nav/search.png" class="icosearch" width="30px">
</form>
<!--************** BOTONES HEADER **************-->
<li id="botonheader">
<a href="./paginas/registrate.html"><button type="button"> <img
src="./agregados/img/index/iconos-nav/registrarse.png" height="30" width="30" />
<p>Registrarse</p>
</button>
<a href="./paginas/otros/favoritos.html"><button type="button"> <img
src="./agregados/img/index/iconos-nav/favoritos.png" height="30" width="30" />
<p>Favoritos</p>
</button>
<a href="./paginas/otros/carrito.html"><button type="button"> <img
src="./agregados/img/index/iconos-nav/carrito.png" height="30" width="55" />
<p>Carrito</p>
</button>
</li>
</section>
</header>
<br>
<!--*****************BARRA DE NAVEGACION*********************-->
<nav class="cabecera__nav">
<ul>
<li> <a href="index.html">Inicio</a> </li>
<li> <a href="./paginas/mujer.html">Mujer</a> </li>
<li> <a href="./paginas/hombre.html">Hombre</a> </li>
<li> <a href="./paginas/marcas.html">Marcas</a></li>
<li> <a href="./paginas/outlet.html">Outlet</a> </li>
</ul>
</nav>
<!--*****************PORTADA PAGINA*********************-->
<section id=portada>
<img src="./agregados/img/index/PortadaArg.png" class="portada__web" width="100%" alt="PortadaArg">
<a href="./paginas/hombre.html"><button type="button" class="boton__reserva">Reservar ahora!</button></a>
<!--******************INFO CUOTAS*****************-->
<h4 class="info__extra">Hasta 12 cuotas sin interes con tarjetas de credito Visa o Mastercard!</h4>
</section>
<!--*********************GALERIA NIKE********************-->
<section id="nike">
<div class="galeria">
<a target="_blank" href="./agregados/img/mujer/nikesportwearwhite.png">
<img src="./agregados/img/mujer/nikesportwearwhite.png" alt="Buzo Nike White" width="300" height="380">
</a>
<div class="galeria__info">Buzo Nike Sportwear c/friza</div>
<div class="galeria__precio">$5.700</div>
</div>
<div class="galeria">
<a target="_blank" href="./agregados/img/mujer/nikesportwearyellow.png">
<img src="./agregados/img/mujer/nikesportwearyellow.png" alt="Buzo Nike Yellow" width="300" height="380">
</a>
<div class="galeria__info">Buzo Nike Sportwear c/friza</div>
<div class="galeria__precio">$5.700</div>
</div>
<div class="galeria">
<a target="_blank" href="./agregados/img/mujer/buzonikeair.png">
<img src="./agregados/img/mujer/buzonikeair.png" alt="Buzo Nike Air Yellow" width="300" height="380">
</a>
<div class="galeria__info">Buzo Nike Air c/friza</div>
<div class="galeria__precio">$4.800</div>
</div>
<div class="galeria">
<a target="_blank" href="./agregados/img/mujer/buzonikex3.png">
<img src="./agregados/img/mujer/buzonikex3.png" alt="Buzo Nike x3" width="300" height="380">
</a>
<div class="galeria__info">Buzo Nike Logo X3 c/friza</div>
<div class="galeria__precio">$6.000</div>
</div>
</section>
<!--******************TEXTO SECCION NIKE******************-->
<div class="seccion__nike" width="350" height="300">
<p>NIKE</p>
<p>SPORTWEAR</p>
<p>AIRWEAR</p>
</div>
<br>
<!--*****************SECCION PUMA*******************-->
<div id="offpuma">
<div class="puma">
<a target="_blank" href="./agregados/img/index/pumalycran.png"></a>
<img src="./agregados/img/index/pumalycran.png" alt="PumaLycraNegro" width="500" height="500"></a>
</div>
<div class="puma">
<a target="_blank" href="./agregados/img/index/pumalycrablanco.png"></a>
<img src="./agregados/img/index/pumalycrablanco.png" alt="PumaLycraBlanco" width="500" height="500"></a>
</div>
<div class="puma__oferta" width="350" height="300">
<a href="./paginas/Puma/puma.html">
<p>PUMA</p>
</a>
<a href="./paginas/Puma/puma.html">
<p>OFF</p>
</a>
<a href="./paginas/Puma/puma.html">
<p>SALE</p>
</a>
</div>
</div>
<hr>
<!--******************PIE DE PAGINAS****************-->
<footer>
<table class="pie">Redes
<tr>
<td> <a href="https://www.instagram.com/gersport_" target="_blank">Instagram</a> </td>
</tr>
<tr>
<td><a href="https://www.facebook.com/gersport1" target="_blank">Facebook</a></td>
</tr>
<tr>
<td><a href="https://api.whatsapp.com/message/USFSDJDGHKLKE1?autoload=1&app_absent=0"
target="_blank">WhatsApp</a></td>
</tr>
</table>
<h3>© 2022 Gersport todos los derechos reservados.</h3>
</footer>
</div>
</body>
</html>