You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

117 lines
4.8 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formation - Etienne Veau</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">À propos</a></li>
<li><a href="cursus.html">Cursus</a></li>
<li><a href="competences.html">Compétences/Qualités</a></li>
<li><a href="projets.html">Projets</a></li>
<li><a href="exppro.html">Expériences professionnelles</a></li>
<li><a href="cv.html">Mon CV</a></li>
<li><a href="contact.html">Me Contacter</a></li>
</ul>
<button class="hamburger"></button>
</nav>
<div class="cursus">
<h2>Expériences Professionnelles</h2>
<div class="timeline">
<div class="timeline-item">
<h3>2023 (Avril) - 2024 (Août)</h3>
<div class="header-content">
<h4>Jeld-Wen Fenêtres et Portes , Ussel (19)</h4>
<img src="J-W.png" alt="illustrations Jeld-Wen" class="expro">
</div>
<div class="content">
<div class="text">
<p><b>Agent de fabrication (3x8):</b>Montage de portes et réalisation de petites menuiseries.
</p>
<p><b>Aide-menuisier:</b>Travail en longs déplacements de 4 semaines, à la cité administrative
de Toulouse.</p>
<p><b>Agent de maintenance industriel:</b>Entretien de chaudières industrielles et de machines
de production telles que déligneuses, presses, emballeuses, et empileuses.</p>
<p><b>Conducteur de ligne:</b>Anticiper et faire preuve d'autonomie pour optimiser les délais et
atteindre les objectifs de production.</p>
</div>
</div>
</div>
<div class="timeline-item">
<h3>Juin - Juillet 2022</h3>
<div class="header-content">
<h4>C.TAZE , Bort Les Orgues (19)</h4>
<img src="Taze.png" alt="illustrations C.TAZE" class="expro">
</div>
<div class="content">
<div class="text">
<p><b>Agent électricien:</b><br>Installation et maintenance de matériels électriques.</p>
<p>Participation à des projets déclairage extérieur et intérieur dans des zones industrielles.
</p>
</div>
</div>
</div>
<div class="timeline-item">
<h3>Décembre 2021, 2022 & Juillet-Août 2022</h3>
<div class="header-content">
<h4>E.Leclerc Ussel (19)</h4>
<img src="eleclerc.png" alt="illustrations E.Leclerc" class="expro">
</div>
<div class="content">
<div class="text">
<p><b>Employé de grandes surfaces:</b><br>Gestion des rayons alimentaires, réassort quotidien et
contrôle des stocks.</p>
<p>Accueil et conseil client pour les demandes spécifiques.</p>
<p>Caissier.</p>
</div>
</div>
</div>
<div class="timeline-item">
<h3>2018-2019</h3>
<div class="header-content">
<h4>McDonald's Ussel (19)</h4>
<img src="mcdo.png" alt="illustrations McDonald's" class="expro">
</div>
<div class="content">
<div class="text">
<p><b>Équipier:</b><br>Gestion des commandes et interaction avec la clientèle.</p>
<p>Formation de nouveaux employés sur les procédures internes.</p>
<p>Sensibilisation à limportance de lhygiène dans le milieu de la restauration.</p>
</div>
</div>
</div>
</div>
</div>
<script>
const hamburger = document.querySelector('.hamburger');
const navMenu = document.querySelector('nav ul');
hamburger.addEventListener('click', () => {
navMenu.classList.toggle('active');
hamburger.setAttribute('aria-expanded', navMenu.classList.contains('active'));
});
document.querySelectorAll('nav a').forEach(link => {
link.addEventListener('click', () => {
navMenu.classList.remove('active');
hamburger.setAttribute('aria-expanded', 'false');
});
});
</script>
</body>
</html>