-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (100 loc) · 3.88 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width= , initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/game-shop-icono.png" type="image/x-icon">
<script src="https://kit.fontawesome.com/7acd0a5c7f.js" crossorigin="anonymous"></script>
<meta name="author" content="Mariano Agustín Sosa">
<meta name="description" content="
Descubre la mejor selección de videojuegos y accesorios en nuestro gameshop. Sumérgete en un universo de entretenimiento gamer con títulos para todas las plataformas. ¡Encuentra todo lo que necesitas para vivir tu pasión por los videojuegos al máximo!">
<title>Game Shop</title>
</head>
<body>
<header>
<div class="logo_header">
<img src="img/logoJoystick.png" alt="Joystick">
<div class="gameShop">
<span class="blanco">Game</span><span class="rojo">Shop</span>
</div>
</div>
<nav>
<div class="items">
<a href="#">Categorías</a>
<a href="#">Ofertas</a>
<a href="#">Moda</a>
<a href="#">Favoritos</a>
</div>
<div class="carrito">
<img src="img/carritoCompra.png" alt="Carrito">
</div>
</nav>
<i class="fa-solid fa-bars"></i>
</header>
<main>
<section id="hero">
<h1><span class="rojo">25%</span> de descuento en juegos de playstation 4</h1>
<button class="boton_comprar">Comprar</button>
</section>
<section id="productos">
<h2>Productos destacados</h2>
<div class="container">
<article>
<img src="img/caratula-detroit.png" alt="Caratula Detroit">
<hr>
<p class="precio">$3200</p>
<p class="interes">12 x $266,66 sin interés</p>
<p class="envio">Envio gratis</p>
</article>
<article>
<img src="img/caratula-fifa21.jpg" alt="Caratula Fifa 21">
<hr>
<p class="precio">$3200</p>
<p class="interes">12 x $266,66 sin interés</p>
<p class="envio">Envio gratis</p>
</article>
<article>
<img src="img/caratula-mk.png" alt="Caratula Mortal Kombat 11">
<hr>
<p class="precio">$3200</p>
<p class="interes">12 x $266,66 sin interés</p>
<p class="envio">Envio gratis</p>
</article>
</div>
</section>
<section id="banner">
<h2>Productos estrellas</h2>
<div class="contenedor">
<article class="sillas-gamer">
<span>Sillas Gamer</span>
</article>
<article class="computadoras">
<span>computadoras</span>
</article>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="logo-footer">
<img src="img/logoJoystick.png" alt="Joystick">
<span class="blanco">Game</span><span class="rojo">Shop</span>
</div>
<div class="redes">
<div class="titulo-footer">
<h4>Redes sociales</h4>
</div>
<div class="imagenes">
<img src="img/twitter.svg" alt="Twitter">
<img src="img/facebook.svg" alt="Facebook">
<img src="img/instagram.svg" alt="Instagram">
</div>
</div>
</div>
</footer>
<div class="derechos">
<p>© Todos los derechos reservados</p>
</div>
</body>
</html>