57 lines
1.8 KiB
HTML
57 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Gauvain Boiché - Portfolio</title>
|
|
<link rel="stylesheet" href="./resources/css/index.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Bienvenue sur mon Portfolio Informatique</h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#projets">Projets</a></li>
|
|
<li><a href="#competences">Compétences</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<section id="projets">
|
|
<h2>Mes Projets</h2>
|
|
<p>Voici quelques-uns de mes projets récents :</p>
|
|
<ul>
|
|
<li>Projet 1: Description du projet 1.</li>
|
|
<li>Projet 2: Description du projet 2.</li>
|
|
<li>Projet 3: Description du projet 3.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="competences">
|
|
<h2>Mes Compétences</h2>
|
|
<p>Je maîtrise les technologies suivantes :</p>
|
|
<ul>
|
|
<li>HTML, CSS, JavaScript</li>
|
|
<li>Python, Java, C++</li>
|
|
<li>Frameworks: React, Angular, Django</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="contact">
|
|
<h2>Contactez-moi</h2>
|
|
<p>Pour toute question ou collaboration, n'hésitez pas à me contacter :</p>
|
|
<form action="#" method="post">
|
|
<label for="name">Nom:</label><br>
|
|
<input type="text" id="name" name="name" required><br><br>
|
|
<label for="email">Email:</label><br>
|
|
<input type="email" id="email" name="email" required><br><br>
|
|
<input type="submit" value="Envoyer">
|
|
</form>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>© 2023 Mon Portfolio Informatique. Tous droits réservés.</p>
|
|
</footer>
|
|
</body>
|
|
</html> |