<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CV - Étudiant BTS SIO SISR</title>
<meta name="description" content="CV en ligne d'un étudiant en première année BTS SIO option SISR. Compétences en réseaux, administration système, virtualisation et sécurité.">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<button id="scroll-top" class="scroll-top" aria-label="Retour en haut">↑</button>
<nav class="nav-sticky" role="navigation" aria-label="Navigation principale">
<div class="nav-container">
<a href="#profil" class="nav-link">Profil</a>
<a href="#competences" class="nav-link">Compétences</a>
<a href="#formation" class="nav-link">Formation</a>
<a href="#experiences" class="nav-link">Expériences</a>
<a href="#langues" class="nav-link">Langues</a>
<a href="#interets" class="nav-link">Intérêts</a>
<a href="#contact" class="nav-link">Contact</a>
</div>
</nav>
<header>
<div class="header-content">
<h1 class="glitch" data-text="L** M**********">L** M**********</h1>
<p class="typing-effect">Étudiant en BTS SIO option SISR - Réseaux et Infrastructure</p>
</div>
</header>
<main>
<section id="profil" class="fade-in" aria-labelledby="profil-heading">
<h2 id="profil-heading">Profil</h2>
<p>Étudiant en première année de BTS SIO option SISR, passionné par les réseaux et l'administration système. Expérience pratique en déploiement d'infrastructures (câblage, VLAN, configuration de postes) et en collaboration technique en milieu professionnel.</p>
</section>
<section id="competences" class="fade-in" aria-labelledby="competences-heading">
<h2 id="competences-heading">Compétences</h2>
<div class="skills">
<div class="skill">
<h3>Réseaux</h3>
<ul>
<li>Configuration VLAN, DHCP, DNS</li>
<li>Cisco Packet Tracer</li>
<li>Sécurité réseau : Pare-feu, ACL</li>
<li>Câblage structuré et baie de brassage</li>
</ul>
</div>
<div class="skill">
<h3>Administration Système</h3>
<ul>
<li>Windows Server, Linux (Ubuntu, Debian)</li>
<li>Virtualisation (VMware)</li>
<li>Active Directory, GPO</li>
<li>Déploiement et configuration de postes</li>
</ul>
</div>
<div class="skill">
<h3>Outils et Support</h3>
<ul>
<li>Wireshark (analyse réseau)</li>
<li>GLPI (ticketing)</li>
<li>Git, GitHub, Markdown</li>
<li>Documentation technique</li>
</ul>
</div>
</div>
</section>
<section id="formation" class="fade-in" aria-labelledby="formation-heading">
<h2 id="formation-heading">Formation</h2>
<article class="item">
<h3>BTS SIO option SISR</h3>
<p><strong>2024 - 2026</strong> (en cours - 1ère année)</p>
<p>Services Informatiques aux Organisations, spécialité Solutions d'Infrastructure, Systèmes et Réseaux</p>
</article>
<article class="item">
<h3>Bac Professionnel Systèmes Numériques option C</h3>
<p><strong>2022 - 2024</strong></p>
<p>Réseaux Informatiques et Systèmes Communicants</p>
</article>
<article class="item">
<h3>Certifications et Habilitations</h3>
<ul>
<li>Habilitation électrique B1V (Mai 2023)</li>
<li>Diplôme National du Brevet</li>
</ul>
</article>
</section>
<section id="experiences" class="fade-in" aria-labelledby="experiences-heading">
<h2 id="experiences-heading">Expériences Professionnelles</h2>
<article class="project">
<h3>Entreprise spécialisée en vente de matériel et services informatiques</h3>
<p><strong>Avril 2024 - Février 2025</strong> | Stage de terminale</p>
<p><strong>Missions principales :</strong></p>
<ul>
<li>Installation et dépannage de matériel réseau (switches, routeurs, points d'accès)</li>
<li>Interventions de maintenance préventive sur site client</li>
<li>Résolution de tickets informatiques et support utilisateur</li>
<li>Participation à des projets d'infrastructure réseau</li>
<li>Dépannage à distance et gestion des appels clients</li>
<li>Préparation d'équipements pour les interventions terrain</li>
</ul>
<p><strong>Compétences développées :</strong> Support client, diagnostic réseau, travail en équipe, communication technique</p>
</article>
<article class="project">
<h3>Magasin de vente et réparation informatique</h3>
<p><strong>Décembre 2023 - Mai 2024</strong> | Stage de première</p>
<p><strong>Missions principales :</strong></p>
<ul>
<li>Préparation et vérification de commandes</li>
<li>Gestion du stock et du matériel informatique</li>
<li>Dépannage et assistance client (diagnostic, réparation)</li>
<li>Conseil technique auprès de la clientèle</li>
</ul>
<p><strong>Compétences développées :</strong> Gestion de stock, relation client, diagnostic matériel</p>
</article>
<article class="project">
<h3>Installation informatique en centre médical (2025)</h3>
<p><strong>Contexte :</strong> Modernisation de l'infrastructure d'un cabinet de radiologie (12 postes de travail).</p>
<p><strong>Réalisations :</strong></p>
<ul>
<li><strong>Infrastructure réseau :</strong> Câblage et organisation de la baie de brassage (switches, patch panel), configuration des VLAN pour séparer les flux (administratif, médical, invité).</li>
<li><strong>Déploiement système :</strong> Installation et configuration de 12 postes Windows 11 Pro, création de comptes utilisateurs, installation de logiciels métiers.</li>
<li><strong>Support et formation :</strong> Formation des utilisateurs aux procédures de base (accès au NAS, sauvegardes à distance).</li>
</ul>
<p><strong>Environnement technique :</strong> VLAN, Windows 11 Pro, Active Directory, NAS</p>
<p><strong>Résultats :</strong> Infrastructure opérationnelle et sécurisée, validée par le responsable informatique. Documentation complète remise (schémas réseau, procédures de maintenance).</p>
</article>
</section>
<section id="langues" class="fade-in" aria-labelledby="langues-heading">
<h2 id="langues-heading">Langues</h2>
<div class="languages">
<div class="language-item">
<strong>Français</strong> - Langue maternelle
</div>
<div class="language-item">
<strong>Anglais</strong> - Niveau intermédiaire (A2-B1)
</div>
</div>
</section>
<section id="interets" class="fade-in" aria-labelledby="interets-heading">
<h2 id="interets-heading">Centres d'intérêt</h2>
<div class="interests">
<div class="interest-item">
<strong>Technologies :</strong> Veille technologique, jeux vidéos, exploration de nouveaux outils
</div>
<div class="interest-item">
<strong>Sport :</strong> Escalade, bloc et ski
</div>
<div class="interest-item">
<strong>Culture :</strong> Littérature asiatique (manhwa, mangas), théâtre amateur
</div>
<div class="interest-item">
<strong>Engagement :</strong> Animation et gestion de caisse sur des marchés, participation à des concours d'éloquence
</div>
</div>
</section>
<section id="contact" class="fade-in" aria-labelledby="contact-heading">
<h2 id="contact-heading">Contact</h2>
<p>
<a href="https://github.com/lucmaisonnette11" target="_blank" rel="noopener noreferrer" aria-label="Visiter mon profil GitHub (ouverture dans un nouvel onglet)">
Le lien vers mon GitHub
</a>
</p>
</section>
</main>
<footer>
<p>© 2025 - CV créé dans le cadre du BTS SIO</p>
</footer>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, observerOptions);
document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
const scrollTopBtn = document.getElementById('scroll-top');
window.addEventListener('scroll', () => {
if (window.scrollY > 300) {
scrollTopBtn.classList.add('visible');
} else {
scrollTopBtn.classList.remove('visible');
}
});
scrollTopBtn.addEventListener('click', () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
const sections = document.querySelectorAll('section[id]');
const navLinks = document.querySelectorAll('.nav-link');
window.addEventListener('scroll', () => {
let current = '';
sections.forEach(section => {
const sectionTop = section.offsetTop;
const sectionHeight = section.clientHeight;
if (window.scrollY >= (sectionTop - 100)) {
current = section.getAttribute('id');
}
});
navLinks.forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href') === `#${current}`) {
link.classList.add('active');
}
});
});
</script>
</body>
</html>
