carpi/LDM-ASIR
1
0
Fork 0
mirror of https://github.com/Lil-Carpi/LDM-ASIR.git synced 2025-12-06 00:03:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Añadido en index la seccion main. Falta css.

Browse Source
This commit is contained in:
Lil_Carpi
2025-11-21 17:11:38 +01:00
parent b1fbe3c401
commit 5a1d26f900
2 changed files with 60 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
projecte-final/main/assets/css/style.css
View File

@@ -259,3 +259,30 @@ body
} }
/*=============FINAL DE ESTILOS DE PLANTILLA==============*/ /*=============FINAL DE ESTILOS DE PLANTILLA==============*/
/*====================Seccion juegos======================*/
.sectionTitle
{
text-align: center;
font-size: 2rem;
margin-bottom: 3rem;
color: #00C3FF;
text-shadow: 0 0 15px rgba(0, 195, 255, 0.5);
}
.cardsContainer
{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2.5rem;
padding: 0 1.5rem;
margin-bottom: 5rem;
}
/*==================Fin seccion juegos====================*/
/*=====================Seccion CTA========================*/
/*===================Fin seccion CTA======================*/

34
projecte-final/main/indexSAD.html
View File

@@ -29,8 +29,40 @@
</header> </header>
<main class="content"> <main class="content">
<section class="carrusel-container"> <section class="topSales">
<h2 class="sectionTitle">Top 3 vendes</h2>
<div class="cardsContainer">
<article class="gameCard">
<div class="cardImage">
<img src="assets/img/" alt="">
<h3>juego 1</h3>
<p>"opinion"</p>
</div>
</article>
<article class="gameCard">
<div class="cardImage">
<img src="assets/img/" alt="">
<h3>juego 2</h3>
<p>"opinion"</p>
</div>
</article>
<article class="gameCard">
<div class="cardImage">
<img src="assets/img/" alt="">
<h3>juego 3</h3>
<p>"opinion"</p>
</div>
</article>
</div>
</section>
<section class="ctaSection">
<div class="ctaContent">
<p>Veure mes jocs disponibles</p>
<a href="videojocsSAD.html" class="ctaButton">Veure cataleg complet</a>
</div>
</section> </section>
</main> </main>