esteban/Portfolio-Esteban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refonte du design : moderne + responsive, thème clair/sombre, maj compétences

Browse Source 
- 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>
This commit is contained in:
Esteban
2026-07-02 09:24:33 +02:00
co-authored by Claude Fable 5
parent 9bbc05bcac
commit e50eeacaeb
13 changed files with 997 additions and 425 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/contact.php
+30 -28
View File
@@ -1,41 +1,43 @@
<?php
// Formulaire de contact avec WEBHOOK Discord
// Titre de l'onglet
$pageTitle = 'Contact';
// On ajoute ici le header
require_once("../elements/header.php");
?>
<body>
<main class="contact-page">
<section class="contact-wrapper">
<div class="contact-card">
<div class="contact-info">
<p class="contact-title">Contact</p>
<p class="contact-name">Moussu Esteban</p>
<p class="contact-line">esteban.moussu@ik.me</p>
<p class="contact-line">20 Grande rue</p>
<p class="contact-line">52500 Broncourt</p>
<div class="contact-page">
<section class="contact-wrapper">
<div class="contact-card">
<div class="contact-info">
<p class="contact-title">Contact</p>
<p class="contact-name">Moussu Esteban</p>
<p class="contact-line"><i class="fa-solid fa-envelope"></i> esteban.moussu@ik.me</p>
<p class="contact-line"><i class="fa-solid fa-location-dot"></i> 20 Grande rue</p>
<p class="contact-line">52500 Broncourt</p>
</div>
<!-- Formulaire d'envoi -->
<form class="contact-form" method="POST" action="../scripts/sendMessage.php">
<!-- Deux champs de texte, un subject et un message -->
<div class="contact-grid">
<input type="text" name="subject" id="subject" placeholder="Sujet du message" required>
<input type="text" name="name" id="name" placeholder="Nom et prénom" required>
</div>
<!-- Formulaire d'envoi -->
<form class="contact-form" method="POST" action="../scripts/sendMessage.php">
<!-- Deux champs de texte, un subject et un message -->
<div class="contact-grid">
<input type="text" name="subject" id="subject" placeholder="Sujet du message" required>
<input type="text" name="name" id="name" placeholder="Nom et prénom" required>
</div>
<input type="email" name="mail" id="mail" placeholder="E-mail de contact" required>
<textarea name="message" id="message" placeholder="Votre message" required></textarea>
<input type="email" name="mail" id="mail" placeholder="E-mail de contact" required>
<textarea name="message" id="message" placeholder="Votre message" required></textarea>
<!-- Bouton d'envoi -->
<input type="submit" value="Envoyer le message">
</form>
</div>
</section>
</main>
</body>
<!-- Bouton d'envoi -->
<input type="submit" value="Envoyer le message">
</form>
</div>
</section>
</div>
<?php
// Ajout du footer
require_once("../elements/footer.php");
?>
?>