<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CV Aymen Hammache - Alternant Informatique Systèmes, Réseaux et Cybersécurité | Saint-Étienne</title>
<meta name="description" content="CV de Aymen Hammache, alternant en BTS Solutions d'Infrastructure, Systèmes et Réseaux (SISR) à Saint-Étienne. Spécialisé en infrastructure, support technique et cybersécurité. Passionné par l'administration Linux/Windows et la maintenance, je suis disponible pour tout projet !">
<link rel="stylesheet" href="style.css?v=8">
</head>
<body>
<div class="theme-switcher">
<input type="checkbox" id="theme-toggle">
<label for="theme-toggle">
<span class="sun-icon">☀️</span>
<span class="moon-icon">🌙</span>
</label>
</div>
<div class="bg-animation">
<div class="orb orb1"></div>
<div class="orb orb2"></div>
<div class="orb orb3"></div>
</div>
<div class="container">
<div class="glass-card">
<header>
<h1>Aymen Hammache</h1>
<p class="subtitle">Alternant Informatique</p>
<p class="subtitle location">📍 Saint-Étienne et périphérie</p>
<p class="subtitle company-school">Sigma Net Santé / CFAI Loire-Drôme-Ardèche</p>
<div class="contact-info">
<div class="contact-item">
<span>📄</span>
<a href="CV_Hammache_Aymen_sweb.pdf" target="_blank" rel="noopener noreferrer">Mon CV (PDF)</a>
</div>
<div class="contact-item">
<span>💼</span>
<a href="https://www.linkedin.com/in/ahammache" target="_blank" aria-label="Voir le profil LinkedIn">LinkedIn</a>
</div>
<div class="contact-item">
<span>📝</span>
<a href="https://technotesdaymen.hashnode.dev" target="_blank" aria-label="Visiter le blog">Blog</a>
</div>
<div class="contact-item">
<span>💬</span>
<a href="#contact" aria-label="Aller à la section contact">Me contacter</a>
</div>
</div>
</header>
</div>
<nav class="main-nav glass-card">
<ul>
<li><a href="#profil">Profil</a></li>
<li><a href="#competences">Compétences</a></li>
<li><a href="#experiences">Expériences</a></li>
<li><a href="#formation">Formation</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="profil">
<div class="glass-card">
<h2>Profil</h2>
<p class="profile-text">
Alternant en informatique spécialisé en infrastructure, systèmes et réseaux. Passionné par la maintenance, le support technique et la cybersécurité. Formation solide accompagnée d'expériences pratiques en entreprise et en stage dans des environnements variés.
</p>
</div>
</section>
<section id="competences">
<div class="glass-card">
<h3>Compétences clés</h3>
<div class="skills-grid">
<div class="skill-item">🐧 Administration des systèmes Linux et Windows</div>
<div class="skill-item">🌐 Configuration et supervision réseau (TCP/IP, LAN, VLAN)</div>
<div class="skill-item">🔧 Maintenance et support technique sur poste et serveur</div>
<div class="skill-item">🔒 Sécurité informatique et sauvegarde des données</div>
<div class="skill-item">📋 Documentation technique et gestion d'incidents</div>
</div>
</div>
</section>
<section id="experiences">
<div class="glass-card">
<h4>Expériences professionnelles</h4>
<div class="nav-tabs">
<button class="tab-btn active"><span>Sigma Net Santé - Alternance</span></button>
<button class="tab-btn"><span>Sigma Net Santé - Fév. 2025</span></button>
<button class="tab-btn"><span>Sigma Net Santé - Déc. 2024</span></button>
<button class="tab-btn"><span>France Alarme</span></button>
<button class="tab-btn"><span>Webcom</span></button>
</div>
<div class="tab-content active">
<div class="experience-item">
<div class="job-title">Alternant Technicien numérique et imagerie</div>
<div class="company">Sigma Net Santé</div>
<div class="period">Août 2025 – Juillet 2027 | Saint-Étienne</div>
<p class="description">
Participation aux projets d'installation et de maintenance des systèmes informatiques et d'imagerie médicale. Administration réseau locale, configuration de postes utilisateurs, support aux équipes techniques et clients professionnels du secteur santé.
</p>
</div>
</div>
<div class="tab-content">
<div class="experience-item">
<div class="job-title">Stagiaire Technicien informatique</div>
<div class="company">Sigma Net Santé</div>
<div class="period">Février 2025 | Saint-Étienne</div>
<p class="description">
Missions de diagnostic matériel et logiciel, assistance utilisateurs et intégration de solutions réseau. Contribution à la gestion du parc informatique et à la mise à jour des équipements.
</p>
</div>
</div>
<div class="tab-content">
<div class="experience-item">
<div class="job-title">Stagiaire Technicien informatique</div>
<div class="company">Sigma Net Santé</div>
<div class="period">Décembre 2024 | Saint-Étienne</div>
<p class="description">
Missions de diagnostic matériel et logiciel, assistance utilisateurs et intégration de solutions réseau. Contribution à la gestion du parc informatique et à la mise à jour des équipements.
</p>
</div>
</div>
<div class="tab-content">
<div class="experience-item">
<div class="job-title">Stagiaire Technicien systèmes de sécurité incendie</div>
<div class="company">France Alarme</div>
<div class="period">Juin 2023 | Saint-Étienne</div>
<p class="description">
Installation, câblage et mise en service de systèmes électroniques de sécurité incendie. Travail sur site client et gestion des contrôles de conformité.
</p>
</div>
</div>
<div class="tab-content">
<div class="experience-item">
<div class="job-title">Stagiaire Technicien réparation informatique</div>
<div class="company">Webcom</div>
<div class="period">Février 2023 | Saint-Chamond</div>
<p class="description">
Réparation matérielle et logicielle d'appareils électroniques. Développement de compétences en soudure, diagnostic et relation client.
</p>
</div>
</div>
</div>
</section>
<section id="formation">
<div class="glass-card">
<h5>Formation</h5>
<div class="formation-item">
<div class="job-title">BTS – Solutions d'Infrastructure, Systèmes et Réseaux</div>
<div class="company">Pôle Formation CFAI AFPI Loire-Drôme-Ardèche</div>
<div class="period">2025 – 2027</div>
</div>
<div class="formation-item">
<div class="job-title">Baccalauréat Professionnel – Systèmes Numériques</div>
<div class="company">Lycée Le Marais Sainte Thérèse</div>
<div class="period">2022 – 2025</div>
</div>
</div>
</section>
<section id="contact">
<div class="glass-card">
<h6>Me contacter</h6>
<p class="profile-text" style="text-align: center; margin-bottom: 30px;">
Un projet, une question ou simplement envie de discuter ?<br>N'hésitez pas à m'envoyer un message.
</p>
<form class="contact-form" action="https://api.web3forms.com/submit" method="POST">
<input type="hidden" name="access_key" value="VOTRE_CLE_ACCES_WEB3FORMS">
<input type="hidden" name="subject" value="Nouveau message depuis votre CV en ligne">
<input type="hidden" name="from_name" value="Portfolio Aymen Hammache">
<input type="hidden" name="redirect" value="https://web3forms.com/success">
<input type="checkbox" name="botcheck" style="display: none;">
<div class="form-group">
<label for="name">Nom</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class="submit-btn"><span>Envoyer le message</span></button>
</form>
</div>
</section>
</div>
<div class="scroll-top">↑</div>
<script src="script.js?v=8" defer></script>
</body>
</html>
