|
|
<!DOCTYPE html>
|
|
|
<html lang="fr">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>À propos</title>
|
|
|
<link rel="stylesheet" href="site.css">
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="wrapper">
|
|
|
<header class="bandeau">
|
|
|
<div class="photo_titre_bandeau">
|
|
|
<img src="image/user_arpoulain.jpeg" alt="photo" class="image_accueil">
|
|
|
<h1 style="margin-left: 10px; margin-top: 40px; margin-right: 10px; text-decoration: underline;">
|
|
|
<a href="index.html">Poulain <br> Arsène</a>
|
|
|
</h1>
|
|
|
</div>
|
|
|
<nav id="bouttons_liens_nav" class="dropdown-nav">
|
|
|
<button class="dropdown-toggle" aria-label="Menu">☰ Menu</button>
|
|
|
<div class="dropdown-menu">
|
|
|
<a href="Projets.html" class="bouttons_liens"><strong>Projets</strong></a>
|
|
|
<a href="Apropos.html" class="bouttons_liens"><strong>A propos</strong></a>
|
|
|
<a href="Competences.html" class="bouttons_liens"><strong>Compétences</strong></a>
|
|
|
<a href="contact.html" class="bouttons_liens"><strong>Contact</strong></a>
|
|
|
</div>
|
|
|
</nav>
|
|
|
</header>
|
|
|
|
|
|
<div class="background"></div>
|
|
|
|
|
|
<section class="container">
|
|
|
<h1 style="text-align: center;">À propos de moi</h1>
|
|
|
<div class="bloc-texte">
|
|
|
<p>
|
|
|
Je m’appelle Arsène Poulain, étudiant en première année de BUT Informatique à l’IUT de Clermont-Ferrand. Passionné par le développement web, j’ai choisi cette voie pour allier logique, créativité et résolution de problèmes.<br><br>
|
|
|
Mes études me permettent de travailler sur des projets variés, seul ou en équipe, et d’acquérir des compétences en programmation (HTML, CSS, Python, C#), gestion de bases de données et conception d’applications.<br><br>
|
|
|
Curieux, rigoureux et persévérant, j’aime apprendre de nouvelles technologies et relever des défis techniques.<br><br>
|
|
|
En dehors de l’informatique, je pratique le sport, je vais voir mes amis et je joue à des jeux vidéos<br><br>
|
|
|
Je recherche actuellement une alternance pour mettre en pratique mes connaissances et découvrir le monde professionnel, avec l’ambition de travailler plus tard dans le développement web.
|
|
|
</p>
|
|
|
</div>
|
|
|
</section>
|
|
|
</div>
|
|
|
|
|
|
<footer class="basPage">
|
|
|
<p>© 2025 Poulain Arsène. Tous droits réservés.</p>
|
|
|
</footer>
|
|
|
<script>
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
const toggle = document.querySelector('.dropdown-toggle');
|
|
|
const menu = document.querySelector('.dropdown-menu');
|
|
|
if (toggle && menu) {
|
|
|
toggle.addEventListener('click', function() {
|
|
|
menu.classList.toggle('show');
|
|
|
});
|
|
|
document.addEventListener('click', function(e) {
|
|
|
if (!toggle.contains(e.target) && !menu.contains(e.target)) {
|
|
|
menu.classList.remove('show');
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
