<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="CV d'Antoine Pillie, Développeur Web Junior - Spécialisé en HTML5, CSS3 et JavaScript">
<meta name="author" content="Antoine Pillie">
<title>Antoine Pillie - Développeur Web Junior | CV</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<h1>Antoine Pillie</h1>
<p class="title">Développeur Web Junior</p>
</div>
</header>
<main>
<div class="container">
<section id="presentation" aria-labelledby="presentation-title">
<h2 id="presentation-title">Présentation</h2>
<p>Étudiant en informatique motivé, intéressé par le développement web et les technologies numériques, avec une première expérience professionnelle en milieu technique.</p>
</section>
<section id="competences" aria-labelledby="competences-title">
<h2 id="competences-title">Compétences</h2>
<ul class="skills-list">
<li>HTML5</li>
<li>CSS3</li>
<li>Développement réseau</li>
<li>Réparation téléphone</li>
<li>Réparation PC</li>
</ul>
</section>
<section id="experience" aria-labelledby="experience-title">
<h2 id="experience-title">Expérience professionnelle</h2>
<article class="experience-item">
<h3>Formation professionnelle</h3>
<p class="company">Chabanière Informatique</p>
<p class="duration">Mai 2025 - 5 semaines</p>
<p class="description">Formation professionnelle en informatique.</p>
</article>
<article class="experience-item">
<h3>Formation professionnelle</h3>
<p class="company">Technetics Groupe France</p>
<p class="duration">Février 2025 - 3 semaines</p>
<p class="description">Formation professionnelle au service informatique.</p>
</article>
<article class="experience-item">
<h3>Formation professionnelle</h3>
<p class="company">Hôpital Le Corbusier</p>
<p class="duration">Décembre 2024 - 3 semaines</p>
<p class="description">Formation professionnelle au service informatique.</p>
</article>
<article class="experience-item">
<h3>Formation professionnelle</h3>
<p class="company">DSIO Mutualité Française</p>
<p class="duration">Avril 2024 - 5 semaines</p>
<p class="description">Formation professionnelle en informatique.</p>
</article>
<article class="experience-item">
<h3>Formation professionnelle</h3>
<p class="company">Garec Informatique</p>
<p class="duration">Novembre 2023 - 3 semaines</p>
<p class="description">Formation professionnelle en informatique.</p>
</article>
<article class="experience-item">
<h3>Formation professionnelle</h3>
<p class="company">Hôpital Le Corbusier</p>
<p class="duration">Juin 2023 - 3 semaines</p>
<p class="description">Formation professionnelle au service informatique.</p>
</article>
<article class="experience-item">
<h3>Formation professionnelle</h3>
<p class="company">Planète Monetic</p>
<p class="duration">Février 2023 - 3 semaines</p>
<p class="description">Formation professionnelle en informatique.</p>
</article>
<article class="experience-item">
<h3>Stage</h3>
<p class="company">Hôpital Nord de Saint Étienne</p>
<p class="duration">Janvier 2022 - 1 semaine</p>
<p class="description">Stage au service informatique.</p>
</article>
</section>
<section id="formation" aria-labelledby="formation-title">
<h2 id="formation-title">Formation</h2>
<ul class="formation-list">
<li>
<strong>BTS CIEL (Cybersécurité, Informatique, Électronique, Logiciels embarqués)</strong>
<span class="formation-period">En cours - IRUP Saint-Étienne</span>
</li>
<li>
<strong>Baccalauréat Professionnel</strong>
<span class="formation-period">Terminé - Lycée Le Marrais Sainte-Thérèse</span>
</li>
<li>
<strong>Collège Saint-Michel</strong>
<span class="formation-period">Terminé</span>
</li>
</ul>
</section>
<section id="contact" aria-labelledby="contact-title">
<h2 id="contact-title">Contact</h2>
<p>Pour me contacter, vous pouvez consulter mon profil GitHub :</p>
<span class="contact-link">
<span class="github-icon">@</span> github.com/cv-antoine
</span>
</section>
</div>
</main>
<footer>
<div class="container">
<p>© 2024 Antoine Pillie - CV web développé avec HTML5, CSS3 et accessibilité</p>
</div>
</footer>
<script src="js/app.js" defer></script>
</body>
</html>
