<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CV - Nawfal YAHYA | Étudiant BTS SIO SISR</title>
<meta name="description" content="CV web de Nawfal YAHYA, étudiant en BTS SIO SISR, passionné par les réseaux, les systèmes et la cybersécurité.">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<style>
body {
background-color: #111;
color: #fff;
font-family: "Segoe UI", Arial, sans-serif;
line-height: 1.6;
}
header, footer {
background-color: #000;
}
h1, h2, h3 {
color: #4fc3f7;
}
a {
color: #4fc3f7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.progress {
background-color: #333;
height: 0.8rem;
}
.progress-bar {
background-color: #4fc3f7;
}
.section {
margin-bottom: 3rem;
}
img {
border-radius: 50%;
border: 3px solid #4fc3f7;
}
@media (max-width: 768px) {
h1 { font-size: 1.8rem; }
h2 { font-size: 1.4rem; }
}
</style>
</head>
<body>
<header class="text-center text-white py-5">
<img src="https://cdn-icons-png.flaticon.com/512/1055/1055687.png" alt="Icône ordinateur" width="120" height="120">
<h1 class="mt-3">Nawfal YAHYA</h1>
<p class="lead mb-0">Étudiant en BTS SIO option SISR</p>
<p>Passionné par les réseaux, les systèmes et la cybersécurité</p>
<a href="https://github.com/nawfalzh/page_cv" target="_blank" class="btn btn-outline-light btn-sm mt-2">
<i class="bi bi-github"></i> Voir mon profil GitHub
</a>
</header>
<main class="container my-5">
<section id="presentation" class="section">
<h2>À propos de moi</h2>
<p>
Étudiant en BTS Services Informatiques aux Organisations, option SISR, je me forme à l’administration des réseaux et systèmes.
J’aime comprendre le fonctionnement des infrastructures, résoudre des problèmes techniques et sécuriser les environnements informatiques.
</p>
</section>
<section id="competences" class="section">
<h2>Compétences</h2>
<div class="row">
<div class="col-md-6">
<h3>Administration & Réseau</h3>
<ul>
<li>Configuration VLAN, NAT, DMZ</li>
<li>VyOS, Cisco Packet Tracer</li>
<li>Serveurs DNS, DHCP, Apache</li>
<li>Windows Server & Linux Debian</li>
<li>Outils de gestion : GLPI, Intune</li>
</ul>
</div>
<div class="col-md-6">
<h3>Développement & Outils</h3>
<ul>
<li>SQL, Python, HTML/CSS</li>
<li>Scripts d’automatisation</li>
<li>Surveillance réseau (Wireshark, nmap)</li>
<li>Virtualisation (VMware, VirtualBox)</li>
</ul>
</div>
</div>
</section>
<section id="formation" class="section">
<h2>Formation</h2>
<ul>
<li><strong>BTS SIO – Option SISR</strong> (2023–2027) – CFAI Loire Ardèche</li>
<li><strong>Bac Général</strong> (2023) – Lycée Claude Fauriel, spécialités Mathématiques et NSI</li>
</ul>
</section>
<section id="experience" class="section">
<h2>Expériences</h2>
<article>
<h3>Centre Technique Municipal (CTM) Ploton – Ville de Saint-Étienne</h3>
<p>Support informatique, recensement du matériel réseau (switchs), et maquettage de postes via MATRIX42 pour les événements de la ville.</p>
</article>
<article>
<h3>GRETA – Saint-Étienne</h3>
<p>Installation complète de deux salles informatiques (câblage, configuration, mise en réseau).</p>
</article>
<article>
<h3>Laboratoire Hubert Curien</h3>
<p>Stage d’observation – découverte du fonctionnement d’un laboratoire scientifique et du matériel technique.</p>
</article>
</section>
<section id="contact" class="section">
<h2>Contact</h2>
<p>
Retrouvez mes projets et contributions sur mon profil GitHub :
<a href="https://github.com/nawfalzh/page_cv" target="_blank">github.com/nawfalzh/page_cv</a>
</p>
</section>
</main>
<footer class="text-center text-white py-3">
<p>© <span id="year"></span> Nawfal YAHYA — CV en ligne | Hébergé avec GitHub Pages</p>
</footer>
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>
