Pàgina inicial de la pràctica 5.3
De Wiki personal d'en Guillem Serrat
Pàgina inicial
A la pàgina inicial de l’aplicació trobem principalment dos botons. El primer convida a un usuari existent a iniciar sessió a l’aplicatiu, mentre que l’altre anima a un usuari que encara no és part de l’ecosistema a registrar-se.
La visualització de la pàgina inicial és la següent.
Codi complet
<!DOCTYPE html>
<html lang="ca">
<head>
<title>Benvinguda - Autenticació d'usuaris</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="welcome-container">
<div class="welcome-card">
<header class="card-header">
<div class="logo-circle">
<i class="fas fa-shield-halved"></i>
</div>
<h1>Benvingut</h1>
<p>Accedeix al teu compte o crea'n un de nou per començar</p>
</header>
<div class="action-buttons">
<a href="./login.php" class="btn-main login">
<i class="fas fa-sign-in-alt"></i>
<span>Iniciar sessió</span>
</a>
<a href="./registre.php" class="btn-main register">
<i class="fas fa-user-plus"></i>
<span>Registrar-se</span>
</a>
</div>
<footer class="card-footer">
<p>© 2026 gserrat.cat</p>
</footer>
</div>
</div>
</body>
</html>
