<!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 de Gabin Berne - Étudiant en BTS CIEL">
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined">
<title>CV - Gabin Berne</title>
</head>
<body>
<header class="container_clair">
<div class="titre">
<h1>GABIN BERNE</h1>
</div>
<div class="h2">
<h2>BIENVENU SUR MON CURRICULUM VITAE</h2>
</div>
<div class="texte1">
<p class="info_intro">
Actuellement en BTS CIEL je vous propose d'analyser ma page de CV, et de me faire un retour dessus,
point à améliorer, défaut de code, pas assez ergonomique.
N'hésitez pas à me faire des retours étant donné que c'est ma première page en html et css.
</p>
</div>
</header>
<main>
<section class="container_sombre">
<h2>PARCOURS SCOLAIRES</h2>
<ul class="liste_scolaire">
<li>École de Gendarmerie à Dijon (formation GAV : gendarme adjoint volontaire) - 2024</li>
<li>Lycée Claude Lebois à Saint-Chamond en STI2D (Sciences et Technologies de l’Industrie et du Développement Durable), spécialité SIN — 2022–2024</li>
<li>Saint-Marie-La-Grande-Grange / Collège-Lycée — 2016–2022</li>
</ul>
</section>
<section class="container_clair">
<h2>EXPÉRIENCES PROFESSIONNELLES</h2>
<h3>GENDARMERIE</h3>
<p class="xp">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<h3>CHEZ JEAN-MARIE</h3>
<p class="xp">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<h3>EUROVIA</h3>
<p class="xp">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</section>
<section class="container_sombre">
<div class="BLOC">
<div>
<h2>COMPÉTENCES</h2>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
</ul>
</div>
<div>
<h2>QUALITÉS</h2>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
</ul>
</div>
</div>
</section>
<section class="container_clair">
<h2>INTÉRÊTS</h2>
<ul>
<li class="xp">MOTO</li>
</ul>
</section>
</main>
<footer class="container_sombre">
<h2 class="contact">CONTACTS</h2>
<div class="raw">
<div class="icon">
<span class="material-icons">mail</span>
<span>Email</span>
<span>stoi73867@gmail.com</span>
</div>
<div class="icon">
<span class="material-symbols-outlined">mobile</span>
<span>Téléphone</span>
<span>07.00.11.22.33</span>
</div>
<div class="icon">
<span class="material-symbols-outlined">location_on</span>
<span>Localisation</span>
<span>France</span>
</div>
</div>
</footer>
</body>
</html>
