EstebanandClaude Fable 5
e50eeacaeb
- Vraie structure HTML5 (doctype, head, meta viewport) via le header commun - CSS réécrit avec variables, police Inter, header sticky, menu burger mobile - Thème clair/sombre avec bouton dans la navbar (mémorisé en localStorage) - Hero sur l'accueil, page compétences en cartes alignée sur le CV (+ Ansible) - Correction des balises body/main dupliquées sur contact, login et cgu Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
86 lines
3.2 KiB
PHP
86 lines
3.2 KiB
PHP
<?php
|
|
|
|
// Page Home PortFolio Esteban
|
|
// Cette page servira de page d'accueil où nous pourrons y retrouver une redirection vers les différents projets, espace de connexion, form de contact, etc...
|
|
|
|
// Titre de l'onglet
|
|
$pageTitle = 'Accueil';
|
|
|
|
// Insertion du header
|
|
require_once('./../elements/header.php');
|
|
|
|
// Ajout d'un texte pour rappeller aux utilisateurs de la démo de vider le cache si du CSS s'affiche mal
|
|
|
|
//Si du CSS / ou des images s'affichent mal, il faut penser à vider le cache, version de développement uniquement.
|
|
|
|
?>
|
|
<!-- Message d'alerte pour les utilisateurs de la démo -->
|
|
<p class="dev-cache-notice">
|
|
<strong>Version de développement uniquement.</strong>
|
|
Si le CSS ou les images s'affichent mal, pensez à vider le cache de votre navigateur
|
|
(Ctrl + F5 ou Cmd + Shift + R) pour voir les dernières modifications.
|
|
</p>
|
|
|
|
<!-- Section hero : présentation rapide -->
|
|
<section class="hero">
|
|
<span class="hero-badge"><i class="fa-solid fa-graduation-cap"></i> Étudiant en informatique</span>
|
|
<h1>Salut, moi c'est <span class="accent">Esteban</span></h1>
|
|
<p>
|
|
Passionné par les systèmes, les réseaux et le développement web.
|
|
Découvre mes projets, mes expériences professionnelles et mes compétences.
|
|
</p>
|
|
<div class="hero-actions">
|
|
<a href="../pages/projects.php" class="btn btn-primary"><i class="fa-solid fa-folder-open"></i> Voir mes projets</a>
|
|
<a href="../pages/contact.php" class="btn btn-ghost"><i class="fa-solid fa-paper-plane"></i> Me contacter</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Section d'exploration rapide -->
|
|
<section class="quick-links-section">
|
|
<div class="quick-links-header">
|
|
<!-- Titre et description de la section -->
|
|
<h2>Explorer</h2>
|
|
<p>Accède rapidement aux sections principales du portfolio.</p>
|
|
</div>
|
|
<!-- Grille de cartes de redirection vers les différentes page -->
|
|
<div class="quick-links-grid">
|
|
<a href="../pages/projects.php" class="quick-link-card">
|
|
<div class="quick-link-icon">
|
|
<i class="fa-solid fa-folder-open"></i>
|
|
</div>
|
|
<h3>Projets</h3>
|
|
<p>Voir mes réalisations.</p>
|
|
</a>
|
|
|
|
<a href="../pages/xp.php" class="quick-link-card">
|
|
<div class="quick-link-icon">
|
|
<i class="fa-solid fa-briefcase"></i>
|
|
</div>
|
|
<h3>Expériences</h3>
|
|
<p>Découvrir mes stages et missions réalisées.</p>
|
|
</a>
|
|
|
|
<a href="../pages/skills.php" class="quick-link-card">
|
|
<div class="quick-link-icon">
|
|
<i class="fa-solid fa-code"></i>
|
|
</div>
|
|
<h3>Compétences</h3>
|
|
<!-- Page où il y aura toutes mes compétences -->
|
|
<p>Systèmes, réseaux et développement.</p>
|
|
</a>
|
|
|
|
<a href="../pages/contact.php" class="quick-link-card">
|
|
<div class="quick-link-icon">
|
|
<i class="fa-solid fa-paper-plane"></i>
|
|
</div>
|
|
<h3>Contact</h3>
|
|
<p>Me contacter rapidement pour échanger.</p>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<?php
|
|
// Ajout du footer
|
|
require_once('../elements/footer.php');
|
|
?>
|