<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="description" content="Portfolio de Béatrice Couderc, technicienne informatique polyvalente et développeuse front-end freelance.">
<meta name="keywords" content="développement web, front-end, freelance, portfolio, Béatrice Couderc, CelticWebCraft">
<meta name="author" content="Béatrice Couderc">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="manifest" href="manifest.json">
<!-- Une PWA, ou Progressive Web App, est un site web qui se comporte comme une application mobile. Placé à la racine du site ce fichier permet de décrire l'application aux navigateurs (Chrome, Firefox, etc.)-->
<link rel="stylesheet" href="css/style.css">
<script src="data/menuBurger.js" defer></script>
<script src="data/menu.js"></script>
<title>Portfolio de Béatrice COUDERC</title>
</head>
<body>
<header id="mainHeader"> <!--Ici se trouve l'entête de la page-->
<section>
<img src="images/logos/NewLogoCwcAu.png" alt="logo CelticWebCraft"></img>
</section>
<section id="mySidenav" class="sidenav">
<nav>
<button id="closeBtn" class="close" aria-label="Fermer le menu">X</button>
<ul id="navigation">
<!-- Menu mis à jour dynamiquement via le script menu-->
</ul>
</nav>
</section><!--Fin siedeNav-->
<button id="openBtn" aria-label="Ouvrir le menu">
<span class="burger-icon">
<span></span>
<span></span>
<span></span>
</span>
</button><!--Fin du menu burger-->
</header><!-- Fin du header-->
<div id="pageWrapper">
<div id="pageContainer">
<!-- Ici commence le contenu de la page index.html -->
<section id="pageTitre">
<figure id="imgPortrait">
<img src="images/portrait/StylizePhoto_4_20240519-v2.jpeg" alt="dessin portrait de l'auteur de cette page">
</figure>
<div class="titre">
<h1>Béatrice COUDERC</h1>
<h2>Technicienne Informatique Polyvalente</h2>
<h3>Développeuse Front-end Junior</h3>
</div>
</section>
<!-- Ici se termine le contenu de la page index.html -->
</div> <!-- Fin de pageContainer -->
</div><!-- Fin de pageWrapper-->
<div id="pdpContent">
<footer id="footer">
<section id="imgRsxSociaux">
<a href="https://www.linkedin.com/in/beatrice-couderc" target="_blank" aria-label="LinkedIn">
<img src="images/logos/reseaux sociaux/linkedin-1.png" alt="Lien vers mon profil linkedin">
</a>
<a href="https://github.com/bcouderc" target="_blank" aria-label="GitHub">
<img src="images/logos/reseaux sociaux/github_v1.png" alt="Lien vers GitHub">
</a>
</section>
<section id="liensGeneraux">
<a href="experience.html">© 2025 - CelticWebCraft</a>
<a href="mentions-legales.html">Mentions légales</a>
<a href="conditions-generales.html">Conditions générales</a>
</section>
</footer><!-- Fin du pied de page-->
</div>
</body>
</html>
