Creado la pagina de catalogos de videojuegos. No hubo necesidad de tocar css, ya que se aprovecha el contenido del inici para hacer las cartas de juegos

projecte-final/main/videojocsSAD.html

@@ -35,8 +35,75 @@
     </header>
 
     <main class="content">
-      <div class="main-container">
-      </div>
+
+      <section>
+        <h2 class="section-title">Catàleg <span class="highlight-neon">Complet</span></h2>
+        
+        <div class="ranking-grid">
+
+          <article class="rank-card">
+            <a href="https://es.bandainamcoent.eu/elden-ring/elden-ring" target="_blank" style="display: contents">
+              <img src="assets/img/elden_ring.jpg" alt="Elden Ring" class="card-img">
+            </a>
+            <div class="card-content">
+              <span class="genre-tag">RPG / Acció</span>
+              <h3>Elden Ring</h3>
+              <p class="description">L'obra mestra de món obert. Un món vast i perillós on cada racó amaga un nou desafiament.</p>
+            </div>
+          </article>
+          <article class="rank-card">
+            <a href="https://www.ea.com/es-es/games/ea-sports-fc" target="_blank" style="display: contents">
+              <img src="assets/img/fc24.jpg" alt="EA FC 24" class="card-img">
+            </a>
+            <div class="card-content">
+              <span class="genre-tag">Esports / Simulació</span>
+              <h3>EA FC 24</h3>
+              <p class="description">El rei del futbol torna. Realisme pur amb HyperMotionV i integració total del futbol femení.</p>
+            </div>
+          </article>
+          <article class="rank-card">
+            <a href="https://www.nintendo.com/es-es/Juegos/Juegos-de-Nintendo-Switch/The-Legend-of-Zelda-Tears-of-the-Kingdom-1576884.html" target="_blank" style="display: contents">
+              <img src="assets/img/zeldatotk.jpg" alt="Zelda: TOTK" class="card-img">
+            </a>
+            <div class="card-content">
+              <span class="genre-tag">Aventura / Puzzle</span>
+              <h3>The Legend of Zelda: Tears of The Kingdom</h3>
+              <p class="description">Creativitat sense límits. Construeix, vola i explora Hyrule com mai abans.</p>
+            </div>
+          </article>
+          <article class="rank-card">
+            <a href="https://www.playstation.com/es-es/games/marvels-spider-man-2/" target="_blank" style="display: contents">
+              <img src="assets/img/spider-man2.webp" alt="Spider-Man 2" class="card-img">
+            </a>
+            <div class="card-content">
+              <span class="genre-tag">Acció / Món Obert</span>
+              <h3>Spider-Man 2</h3>
+              <p class="description">Peter Parker i Miles Morales tornen per enfrontar-se a la prova definitiva contra Venom.</p>
+            </div>
+          </article>
+          <article class="rank-card">
+            <a href="https://store.nintendo.es/es/mario-kart-8-deluxe-70010000000126" target="_blank" style="display: contents">
+              <img src="assets/img/mariokart8.jpg" alt="Mario Kart 8 Deluxe" class="card-img">
+            </a>
+            <div class="card-content">
+              <span class="genre-tag">Curses / Família</span>
+              <h3>Mario Kart 8 Deluxe</h3>
+              <p class="description">Competeix amb els teus amics en el joc de carreres més divertit i caòtic de la història.</p>
+            </div>
+          </article>
+          <article class="rank-card">
+            <a href="https://www.playstation.com/es-es/games/god-of-war-ragnarok/" target="_blank" style="display: contents">
+              <img src="assets/img/gowr.jpg" alt="Elden Ring" class="card-img">
+            </a>
+            <div class="card-content">
+              <span class="genre-tag">Acció / Aventura</span>
+              <h3>God of War: Ragnarok</h3>
+              <p class="description">Kratos i Atreus s'endinsen en els Nou Regnes a la recerca de respostes.</p>
+            </div>
+          </article>
+        </div>
+      </section>
+
     </main>
 
 
@@ -60,7 +127,7 @@
             </ul>
           </div>
           <div class="footerLinks">
-            <h4>Redes sociales</h4>
+            <h4>Xarxes socials</h4>
             <div class="socialLinks">
               <a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
             </div>