<!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'Alicia D****, étudiante en BTS SIO option SISR, spécialisée en infrastructure, réseau et support informatique">
<title>Alicia D**** - CV Étudiante en alternance en BTS SIO option SISR</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
line-height: 1.6;
color: #333;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 900px;
margin: 0 auto;
background: white;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 40px 30px;
text-align: center;
}
h1 {
font-size: 2.5rem;
margin-bottom: 10px;
font-weight: 700;
}
.tagline {
font-size: 1.1rem;
opacity: 0.95;
margin-top: 15px;
font-weight: 300;
}
.github-link {
display: inline-block;
margin-top: 20px;
padding: 10px 25px;
background: rgba(255, 255, 255, 0.2);
border: 2px solid white;
color: white;
text-decoration: none;
border-radius: 25px;
font-weight: 500;
transition: all 0.3s ease;
}
.github-link:hover {
background: white;
color: #667eea;
transform: translateY(-2px);
}
main {
padding: 40px 30px;
}
section {
margin-bottom: 40px;
}
h2 {
font-size: 1.8rem;
color: #667eea;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 3px solid #667eea;
}
h3 {
font-size: 1.3rem;
color: #001368;
margin-bottom: 8px;
font-weight: 600;
}
.job-title {
color: #000000;
font-style: italic;
margin-bottom: 5px;
display: block;
}
.date {
color: #000000;
font-size: 0.95rem;
margin-bottom: 15px;
display: block;
}
.experience-item, .education-item {
margin-bottom: 25px;
padding-left: 20px;
border-left: 3px solid #e0e0e0;
}
.skills-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 20px;
}
.skill-category {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
border-left: 4px solid #667eea;
}
.skill-category h3 {
font-size: 1.1rem;
margin-bottom: 12px;
color: #667eea;
}
.skill-category ul {
list-style: none;
}
.skill-category li {
padding: 5px 0;
padding-left: 20px;
position: relative;
}
.skill-category li:before {
content: "▹";
position: absolute;
left: 0;
color: #667eea;
font-weight: bold;
}
.interests {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.interest-tag {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 10px 20px;
border-radius: 20px;
font-size: 0.95rem;
}
footer {
background: #f8f9fa;
padding: 20px 30px;
text-align: center;
color: #666;
font-size: 0.9rem;
}
@media (max-width: 768px) {
body {
padding: 10px;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
header, main {
padding: 25px 20px;
}
.skills-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.7rem;
}
.tagline {
font-size: 1rem;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>Alicia D****</h1>
<p class="tagline">Étudiante BTS SIO option SISR | Infrastructure, Réseau & Support</p>
<a href="https://github.com/Alicia042" class="github-link" target="_blank" rel="noopener noreferrer">Mon GitHub</a>
</header>
<main>
<section id="profil">
<h2>Profil</h2>
<p>Étudiante en BTS SIO option SISR en reconversion, j'occupe actuellement un poste d'alternante axé sur l'infrastructure, le réseau et le support. Motivée, rigoureuse et polyvalente, mon objectif est d'évoluer vers un poste de technicienne polyvalente, garante de la fiabilité, des performances et de la sécurité des environnements informatiques.</p>
</section>
<section id="experience">
<h2>Expérience professionnelle</h2>
<div class="experience-item">
<h3>Apprentie en BTS SIO</h3>
<span class="job-title">CFAI LDA / ASSA ABLOY Entrance Systems</span>
<span class="date">Septembre 2025 - Présent</span>
</div>
<div class="experience-item">
<h3>Préparatrice en pharmacie</h3>
<span class="job-title">Saint Victore</span>
<span class="date">Juillet 2024 - Août 2025</span>
</div>
<div class="experience-item">
<h3>Apprentie préparatrice en pharmacie</h3>
<span class="job-title">Saint-Étienne</span>
<span class="date">Septembre 2022 - Juillet 2024</span>
</div>
<div class="experience-item">
<h3>Sapeur-pompier volontaire</h3>
<span class="job-title">SDIS42</span>
<span class="date">2019 - 2023</span>
</div>
</section>
<section id="diplomes">
<h2>Diplômes et formations</h2>
<div class="education-item">
<h3>DEUST Préparateur et Technicien en Pharmacie</h3>
<span class="date">2024</span>
</div>
<div class="education-item">
<h3>Permis B</h3>
<span class="date">2022</span>
</div>
<div class="education-item">
<h3>BAC S spé SVT et EPPCS</h3>
<span class="date">2020</span>
</div>
<div class="education-item">
<h3>Formation d'éloquence</h3>
<span class="date">2019-2020</span>
</div>
<div class="education-item">
<h3>PSC1</h3>
<span class="date">2017</span>
</div>
</section>
<section id="competences">
<h2>Compétences</h2>
<div class="skills-grid">
<div class="skill-category">
<h3>Infrastructure & Réseau</h3>
<ul>
<li>Administration Windows Server / Linux</li>
<li>Configuration réseau (IP, DHCP, DNS)</li>
<li>Virtualisation (VMware, VirtualBox)</li>
<li>Support et assistance utilisateurs</li>
</ul>
</div>
<div class="skill-category">
<h3>Développement</h3>
<ul>
<li>HTML / CSS</li>
<li>Bases JavaScript</li>
<li>Bases de données SQL</li>
</ul>
</div>
</div>
</section>
<section id="interets">
<h2>Centres d'intérêt</h2>
<div class="interests">
<span class="interest-tag">Vulgarisation scientifique</span>
<span class="interest-tag">Littérature</span>
<span class="interest-tag">Énigmes</span>
<span class="interest-tag">Jeux de stratégie</span>
</div>
</section>
</main>
<footer>
<p>© © 2025 Alicia D**** - Tous droits réservés - Site Hébergé sur GitHub Pages</p>
</footer>
</div>
</body>
</html>
