mirror of
https://github.com/Lil-Carpi/LDM-ASIR.git
synced 2025-12-06 00:03:48 +00:00
160 lines
6.2 KiB
HTML
160 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>JocsMania</title>
|
|
<link rel="icon" href="img/logo.png">
|
|
<link rel="stylesheet" href="css/estils.css">
|
|
<!-- Autor: Izan C. Cercós Data: 22/11/2025 Resum: Pàgina inicial amb el top tres dels videojocs més venuts amb algunes opinions i un enllaç a la pàgina de videojocs. -->
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- capçalera amb logo, títol, menú i enllaç a xarxes socials -->
|
|
|
|
<header>
|
|
<nav class="navbar">
|
|
<div class="logoContainer">
|
|
<a href="indexSAD.html"><i class="fa-solid fa-gamepad"></i></a>
|
|
<a href="indexSAD.html">JocsMania</a>
|
|
</div>
|
|
|
|
<input type="checkbox" id="menu-toggle">
|
|
|
|
<label for="menu-toggle" class="hamburger-label">
|
|
<i>☰</i>
|
|
</label>
|
|
|
|
<ul class="navbarLinks">
|
|
<li><a href="indexSAD.html">Inici</a></li>
|
|
<li><a href="videojocsSAD.html">Videojocs</a></li>
|
|
<li><a href="cercarSAD.html">Cercar</a></li>
|
|
<li><a href="socisSAD.html">Socis</a></li>
|
|
<li><a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a></li>
|
|
<li><a href="https://www.tiktok.com"><i class="fa-brands fa-tiktok"></i></a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<!-- <header>
|
|
<div class="cabecera">
|
|
<a href="indexICC.html"><img class="logo" src="img/logo.png"></a>
|
|
<div class="title">JocsMania</div>
|
|
<div class="hamburger">☰</div>
|
|
<div class="menu">
|
|
<a href="indexICC.html">Inici</a>
|
|
<a href="videojocsICC.html">Videojocs</a>
|
|
<a href="cercarICC.html">Cercar</a>
|
|
<a href="registreICC.html">Socis</a>
|
|
</div>
|
|
<div class="socials">
|
|
<a href="https://www.tiktok.com/login" target="_blank"><img class="red" src="img/tiktok.png"></a>
|
|
<a href="https://www.instagram.com" target="_blank"><img class="red" src="img/instagram.png"></a>
|
|
</div>
|
|
</div>
|
|
</header> -->
|
|
<!-- bloc principal amb top 3 de vendes amb opinions, i enllaç a la pàgina de videojocs -->
|
|
<main>
|
|
<section class="opinions">
|
|
<h1 class="joc-titol">Top Vendes</h1>
|
|
<!-- targeta de un videojoc amb imatge, títol i opinions -->
|
|
<div class="joc-targeta">
|
|
<div>
|
|
<!-- ancla amb enllaç a la página oficial amb imatge com contingut -->
|
|
<a href="https://www.ubisoft.com/es-es/game/assassins-creed/assassins-creed-II" target="_blank">
|
|
<img src="img/assassins_creed_2.jpg" alt="no funciona">
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<h2>Assassin's Creed II</h2>
|
|
<div class="text">
|
|
<div>
|
|
<b>Mari Carmen Sanchez ⭐⭐⭐⭐⭐</b>
|
|
<p class="opinion">
|
|
Assassin's Creed II és un joc que segueix sent excel·lent fins i tot avui. A diferència del primer, que tenia bones idees, però era extremadament repetitiu, aquest joc millora tot i fa que sigui molt més divertit.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<b>Feliciano Pérez. ⭐⭐⭐⭐☆</b>
|
|
<p class="opinion">
|
|
Un clàssic d'Ubisoft, dels seus millors jocs tot i haver envellit regular. A dia d'avui segueix sense tenir èxits, quan a PS3 sí que els tenies ia més t'obliga a tenir l'Uplay obert en segon pla trencant les boles. En fi, francesos.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="joc-targeta">
|
|
<div>
|
|
<a href="https://www.ea.com/es/games/starwars/star-wars-battlefront-2" target="_blank">
|
|
<img src="img/battelfornt_2.jpg" alt="no funciona">
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<h2>Battlefront II</h2>
|
|
<div class="text">
|
|
<div>
|
|
<b>Isabel la Catolica ⭐⭐⭐☆☆</b>
|
|
<p class="opinion">
|
|
És un fàstic jugar-lo actualment, és ple de cheaters i de gent amb egos alts que es creuen professionals en un joc que no té competitiu.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<b>Jordi Tarridas ⭐⭐⭐⭐⭐</b>
|
|
<p class="opinion">
|
|
Aquest joc és encara viu i té tot el sabor de star wars. A nivell gràfic encara es defensa bé i dóna unes partides molt divertides. Els poders jedi estan integrats magnificament i la possibilitat de fer servir una gran quantitat de vehicles i escenaris ho fa un joc gairebé atemporal.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="joc-targeta">
|
|
<div>
|
|
<a href="https://www.rockstargames.com/es/reddeadredemption2" target="_blank">
|
|
<img src="img/red_dead_redemption_2.jpg" alt="no funciona">
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<h2>Red Dead Redemption II</h2>
|
|
<div class="text">
|
|
<div>
|
|
<b>Miguel Ángel Hornos ⭐⭐⭐⭐⭐</b>
|
|
<p class="opinion">
|
|
Red Dead Redemption 2 (RDR2) no és un videojoc; és un testament, una crònica èpica i un drama romàntic disfressat de western de món obert. Rockstar Games ha aconseguit el que semblava impossible: superar el seu propi estàndard d'excel·lència narrativa i tècnica, lliurant una obra que no només domina el seu gènere, sinó que estableix un nou pinacle d'immersió a la indústria.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<b>Nicolás Quesada ⭐⭐⭐⭐⭐</b>
|
|
<p class="opinion">
|
|
Belleza, el mejor juego que he jugado en mi vida, si mil veces lo juego, mil veces lo disfruto.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- enllaç a la pàgina de videojocs -->
|
|
<section class="enllaç">
|
|
<a href="videojocsICC.html">Si vols conèixer tots els videojocs disponibles ...</a>
|
|
</section>
|
|
</main>
|
|
<!-- peu de pàgina amb adreça, enllaç a política i enllaç a WhatsApp -->
|
|
<footer>
|
|
<div class="address">
|
|
<div class="addressTitle">Direcció</div>
|
|
<div>Ronda Frederic Mistral, 26</div>
|
|
<div>08304, Mataró </div>
|
|
</div>
|
|
|
|
<div class="enlaces">
|
|
<div class="politica">
|
|
<a href="politicaICC.html">Política de privacitat</a>
|
|
</div>
|
|
<div>
|
|
<div class="mail"><a href="mailto:jocsmania@gmail.com">jocsmania@gmail.com</a></div class="mail">
|
|
<a href="https://www.whatsapp.com/?lang=es" target="_blank"><img class="red" src="img/whatsapp.png"></a>
|
|
</div>
|
|
</div>
|
|
</footer class="pie">
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |