Skip to content

Commit c641fe3

Browse files
committed
Merge branch 'mani'
2 parents efda835 + 90c6fe9 commit c641fe3

File tree

3 files changed

+60
-15
lines changed

3 files changed

+60
-15
lines changed

PlantillaBasica/VerVideojuego.html

Lines changed: 45 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<meta name="description" content="" />
77
<meta name="author" content="" />
88
<title>GameLink</title>
9+
10+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
11+
912
<!-- Favicon-->
1013
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
1114
<!-- Bootstrap icons-->
1215
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
1316
<!-- Core theme CSS (includes Bootstrap)-->
1417
<link href="css/styles.css" rel="stylesheet" />
18+
19+
1520
</head>
16-
<body class="d-flex flex-column">
21+
<body class="d-flex flex-column h-100" style="background-color:#f5f5f5;">
1722
<main class="flex-shrink-0">
18-
<!--Navigation-->
23+
<!-- Navigation-->
1924
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
2025
<div class="container px-5">
2126
<a class="navbar-brand" href="index.html">GameLink</a>
@@ -45,24 +50,52 @@
4550
</div>
4651
</nav>
4752
<!-- Header-->
48-
<header class="bg-light py-5">
49-
<div class="container px-5">
53+
<header class="bg-dark py-5" style="background-color: #454546 !important;">
54+
<div class="container px-5" >
5055
<div class="row gx-5 align-items-center justify-content-center">
51-
<div class="col-lg-8 col-xl-7 col-xxl-6">
56+
<div class="col-xl-4 col-xxl-5 d-none d-xl-block text-center"><img class="img-fluid rounded-3 my-5" src="https://image.api.playstation.com/vulcan/ap/rnd/202107/1612/0b0owDFqekJszSOQfD4vvTjy.png" alt="..." /></div>
57+
<div class="col-lg-6 col-xl-5 col-xxl-4">
5258
<div class="my-5 text-center text-xl-start">
53-
<h1 class="display-5 fw-bolder mb-2">Tienda y noticiero de videojuegos</h1>
54-
<p class="lead fw-normal mb-4">Tu lugar para informarte de los avances en tus videojuegos favoritos y donde poder obtenerlos.</p><p class="lead fw-normal mb-4">Como el esperado Elden Ring, un mundo abierto que promete jugabilidad parecida al dark souls con nuevas mecanicas y más.</p>
55-
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xl-start">
56-
<a class="btn btn-primary btn-lg px-4 me-sm-3" href="#features">Más videojuegos</a>
57-
<a class="btn btn-primary btn-lg px-4 me-sm-3" href="#!">Sobre Elden Ring</a>
58-
</div>
59+
<h1 class="display-5 fw-bolder text-white mb-2">Elden Ring</h1>
60+
<p class="lead fw-normal text-white-50 mb-4" style="color: aliceblue !important;">Recorre las Tierras Intermedias, un nuevo mundo de fantasía ideado por Hidetaka Miyazaki, creador de la exitosa serie de videojuegos DARK SOULS, y por George R. R. Martin, autor de Canción de hielo y fuego, la serie de fantasía superventas según The New York Times. </p>
61+
</div>
62+
</div>
63+
<div class="col-xl-3 col-xxl-3 d-none d-xl-block text-center">
64+
<p class="lead fw-normal text-white-50 mb-4" style="color: aliceblue !important; font-size: 2em !important;"> Precio: 49,99€</p>
65+
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xl-start">
66+
67+
<p><a class="btn btn-primary btn-lg px-4 me-sm-3" href="">Comprar ya <span style="color: grey;">49,99€</span></a></p>
68+
<p><a class="btn btn-outline-light btn-lg px-4" href="">Añadir al carro</a></p>
5969
</div>
6070
</div>
61-
<div class="col-xl-5 col-xxl-6 d-none d-xl-block text-center"><img class="img-fluid rounded-3 my-5" src="https://image.api.playstation.com/vulcan/ap/rnd/202107/1612/0b0owDFqekJszSOQfD4vvTjy.png" alt="..." /></div>
6271
</div>
6372
</div>
6473
</header>
74+
<!-- MoreInfo-->
75+
<section class="pt-0 MoreInfo" style="margin-left: 10%; margin-right: 10%; background-color: #FFFFFF !important;">
76+
<div class="container px-5 my-5">
77+
<div class="row gx-5 justify-content-center">
78+
<div class="col-auto">
79+
<h1 style="padding-bottom: 10px;">Descripciónd el producto</h1>
80+
<p class="">
81+
Elden Ring es un juego de rol de fantasía oscura desarrollado por FromSoftware y publicado gracias a Bandai Namco Entertainment. Es una aventura épica y desafiante creada por los desarrolladores de Demon's Souls en colaboración con el autor de la serie A Song of Ice and Fire - R. R. Martin. Descubre los secretos de las Tierras Intermedias y embárcate en la misión más heroica para descubrir el propósito del artefacto mágico y tu destino. El lanzamiento de Elden Ring está previsto para 2022.
82+
</p>
83+
<h2 class="tab1">Historia</h2>
84+
<p class="tab1">
85+
Crea un personaje y cuida cada elemento de la apariencia, el equipo y la personalidad. Conviértete en un intrépido guerrero o en un inteligente cazador de tesoros. El juego Elden Ring permite a los jugadores personalizar completamente a los héroes, lo que hace que el juego sea aún más único.
86+
87+
Explora el impresionante mundo abierto a pie o a lomos de un caballo de confianza. Descubre los seis reinos de Lands Between para conocer retazos de la historia de este místico lugar. Al igual que en otros títulos de soulslike, nada está claro en este videojuego. Depende de ti reunir información y comprenderla.
88+
89+
Enfréntate a enemigos sedientos de sangre y a poderosos jefes. Utiliza armas y hechizos, pero no subestimes a tus oponentes. Cada uno de ellos es una criatura independiente, equipada con su estilo de lucha y habilidades únicas. Para derrotar al enemigo, tienes que ser rápido, inteligente y capaz de todo. Prepara tus ataques y podrás salir con vida del combate.
90+
91+
El videojuego Elden Ring, al igual que Dark Souls, ofrece la posibilidad de jugar en solitario o en línea en cooperación con hasta cuatro jugadores. No tienes que derrotar a los jefes más poderosos solo: ¡invoca a otros jugadores y luchad juntos por la vida! También puedes explorar los siguientes capítulos de la historia mientras unes tus fuerzas en las futuras batallas cooperativas online de tu leyenda única. ¿Te convertirás en el que descubra el poder del Anillo de los Edenes?
92+
</p>
93+
</div>
94+
</div>
95+
</div>
96+
</section>
6597
</main>
98+
6699
<!-- Footer-->
67100
<footer class="bg-dark py-4 mt-auto">
68101
<div class="container px-5">

PlantillaBasica/Videojuegos.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ <h2 class="fw-bolder fs-5 mb-4">Videojuegos</h2>
9595
<div class="card h-100 shadow border-0">
9696
<img class="card-img-top" src="Fotos/minecraft.jpg" alt="..." height="350px" width="600px"/>
9797
<div class="card-body p-4">
98-
<a class="text-decoration-none link-dark stretched-link" href="#!"><div class="h5 card-title mb-3">Minecraft Java Edition</div></a>
98+
<a class="text-decoration-none link-dark stretched-link" href="VerVideojuego.html"><div class="h5 card-title mb-3">Minecraft Java Edition</div></a>
9999
<p class="card-text mb-0">15.99€</p>
100100
</div>
101101
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">
@@ -118,7 +118,7 @@ <h2 class="fw-bolder fs-5 mb-4">Videojuegos</h2>
118118
<img class="card-img-top" src="Fotos/eldenRing.webp" alt="..." height="350px" width="600px"/>
119119
<div class="card-body p-4">
120120
<div class="badge bg-primary bg-gradient rounded-pill mb-2">Nuevo</div>
121-
<a class="text-decoration-none link-dark stretched-link" href="#!"><div class="h5 card-title mb-3">Elden Ring</div></a>
121+
<a class="text-decoration-none link-dark stretched-link" href="VerVideojuego.html"><div class="h5 card-title mb-3">Elden Ring</div></a>
122122
<p class="card-text mb-0">42.99€</p>
123123
</div>
124124
<div class="card-footer p-4 pt-0 bg-transparent border-top-0">

PlantillaBasica/css/styles.css

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11394,6 +11394,7 @@ form{
1139411394
margin-top:20px;
1139511395
}
1139611396

11397+
1139711398
/* Para el primer gráfico de barras*/
1139811399
.chart-wrap {
1139911400
--chart-width:420px;
@@ -11570,4 +11571,15 @@ form{
1157011571
left: 10%;
1157111572
position: absolute;
1157211573
top: 30%;
11573-
}
11574+
}
11575+
11576+
/* Banner style */
11577+
11578+
.MoreInfo{
11579+
background-color: var(--bs-gray-400) !important;
11580+
}
11581+
11582+
.tab1{
11583+
margin-left: 10%;
11584+
}
11585+

0 commit comments

Comments
 (0)