<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Eclipsa - Portfolio de Lynda GADIFFERT | Responsable Marketing, Webdesigner et Stratégie Digitale</title>
<link rel="canonical" href="https://eclipsa.fr/" />
<link rel="shortcut icon" type="image/x-icon" href="img/mini_logo.jpg" />
<meta name="author" content="Lynda GADIFFERT" />
<meta name="description"
content="Je suis, Lynda Gadiffert, responsable marketing, webdesigner et intégrateur avec une expertise en stratégie digitale, UX/UI design, et développement web. Explorez mes projets innovants, mon expérience professionnelle diversifiée et mon approche créative pour dynamiser vos initiatives marketing et web. Contactez-moi pour transformer vos idées en succès.">
<meta name="copyright" content="Eclipsa.fr" />
<meta name="language" content="fr" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:title" content="Mon Portfolio" />
<meta property="og:type" content="website" />
<meta property="og:image" content="/img/home.png" />
<meta property="og:url" content="https://eclipsa.fr/" />
<meta property="og:site_name" content="Eclipsa" />
<meta property="og:description" content="Portfolio contenant quelques-unes de mes réalisations" />
<meta name="identifier-url" content="https://www.eclipsa.fr" />
<meta name="keywords"
content="eclipsa, éclipsa, eclipse, éclipse, Portfolio, cv, c.v., CV, C.V., lynda, Lynda, Gadiffert, infographiste, graphiste, web, webdesigner, web designer, photo, photographie, montages, site, internet, intégrateur, html, css, photoshop, illustrator, after effect, Indesign, marketing, digitale, Agence Web, Webmarketing" />
<!-- ---------- Google Search Console ------------- -->
<meta name="google-site-verification" content="wLHdpxt0xOyvZ6xfqeuVkiTyh_vPtxCZd00PVjm0Aos" />
<!-- ---------- Fonts ------------- -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Courgette&family=Mukta:wght@200;300;400;500;600;700;800&display=swap"
rel="stylesheet">
<!-- ----------- Styles ----------- -->
<link rel="stylesheet" type="text/css" href="css/styles_All-1.css" />
<link rel="stylesheet" type="text/css" href="css/styles_Home-1.css" />
<link rel="stylesheet" type="text/css" href="css/styles_PopUp.css" />
</head>
<body id="top">
<div id="haut">
<a class="scroll-link" href="#top"><img src="img/fleche.jpg" alt="haut" loading="lazy"
aria-label="Remonte en haut de la page" /></a>
</div>
<!--******************* Header *******************-->
<header>
<div id="barremenu">
<div class="stretchy-nav">
<button class="nav-trigger" aria-label="Menu">
<span class="bar bar1"></span>
<span class="bar bar2"></span>
<span class="bar bar3"></span>
</button>
<nav>
<ul aria-label="Navigation principale">
<li>
<a href="index" data-target="home" class="nav-item active" aria-label="Page d'accueil">
<span class="icon img_Home"></span>
<span class="label">Home</span>
<span class="divider"></span>
</a>
</li>
<li>
<a href="parcours" data-target="parcours" class="nav-item" aria-label="Page parcours">
<span class="icon img_Parcours"></span>
<span class="label">Parcours</span>
<span class="divider"></span>
</a>
</li>
<li>
<a href="projets" data-target="projets" class="nav-item" aria-label="Page projets">
<span class="icon img_Projets"></span>
<span class="label">Projets</span>
<span class="divider"></span>
</a>
</li>
<li>
<a href="contact" data-target="contact" class="nav-item" aria-label="Page contact">
<span class="icon img_Contact"></span>
<span class="label">Contact</span>
<span class="divider"></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<div id="page-container">
<div class="logo" id="logo">
<a href="index"><img src="img/logo_nom.png" alt="Logo du site Eclipsa de Lynda Gadiffert" loading="lazy"></a>
</div>
<section id="s-header" class="home cover-bg">
<!-- Contenu de la page home -->
<div id="home_description">
<div class="Pc">
<h1>Hello, je me nomme <span>Lynda GADIFFERT</span></h1>
<h2 aria-live="polite">Je suis <b><span class="dynamic-text"></span><span class="cursor"></span></b></h2>
<br>
</div>
<div class="Mobile">
<h2>Hello, je me nomme
<br>
<span>Lynda GADIFFERT</span>
</h2>
<br>
<h2 aria-live="polite">Je suis
<br>
<b><span class="dynamic-text"></span><span class="cursor"></span></b>
</h2>
<br>
</div>
</div>
<div class="cta">
<a class="btn button-B" data-scroll="" href="parcours">Mon Parcours</a>
<a class="btn button-Y" data-scroll="" href="contact">Me Contacter</a>
</div>
<div class="scroll-downs">
<a class="scroll-link" href="#Projets">
<div class="mousey">
<div class="scroller"></div>
</div>
</a>
</div>
</section>
<!--******************* Projets *******************-->
<section id="Projets" class="Projet_Home">
<div id="Titre">
<a href="index">
<h3 class="page_titre">Mes <span class="titre_Y">Projets</span></h3>
</a>
<span class="ss_titre">Un échantillon de mes Capacités</span>
</div>
<div id="projets-info" class="zoom">
<ul>
<!-- Liens vers les boîtes de contenu -->
<a href="Projet_1" data-target="box_1" class="p_box fond zoom">
<li class="link">
<h4>Stratégie de<br>Branding et de Développement web</h4>
</li>
</a>
<a href="Projet_2" data-target="box_2" class="p_box fond zoom">
<li class="link">
<h4>Campagne de Partenariat Stratégique</h4>
</li>
</a>
<a href="Projet_5" data-target="box_5" class="p_box fond zoom">
<li class="link">
<h4>Conception et<br>Pilotage d'une Solution Digitale</h4>
</li>
</a>
<a href="Projet_3" data-target="box_3" class="p_box fond zoom">
<li class="link">
<h4>Développement<br>d'une Campagne d’Acquisition</h4>
</li>
</a>
<a href="Projet_4" data-target="box_4" class="p_box fond zoom">
<li class="link">
<h4>Stratégie de Veille</h4>
</li>
</a>
<a href="Projet_6" data-target="box_6" class="p_box fond zoom">
<li class="link">
<h4>Photographies<br>&<br>Infographies</h4>
</li>
</a>
</ul>
</div>
</section>
<!-- Espaces réservés pour les iframes -->
<iframe id="box_1" class="box"
title="Boîte de contenu Projet 1 : Stratégie de Branding et de Développement web"></iframe>
<iframe id="box_2" class="box" title="Boîte de contenu Projet 2 : Campagne de Partenariat Stratégique"></iframe>
<iframe id="box_3" class="box"
title="Boîte de contenu Projet 4 : Développement d'une Campagne d’Acquisition"></iframe>
<iframe id="box_4" class="box" title="Boîte de contenu Projet 5 : Stratégie de Veille"></iframe>
<iframe id="box_5" class="box"
title="Boîte de contenu Projet 3 : Conception et Pilotage d'une Solution Digitale"></iframe>
<iframe id="box_6" class="box" title="Boîte de contenu Projet : "></iframe>
</div>
<!--******************* Footer *******************-->
<footer id="footer">
<div class="copy">
<a href="index" class="BR_c" aria-label="Retour Page d'accueil">
<p>Eclipsa</p>
</a>
</div>
<div class="foot-menu">
<ul>
<li>
<a href="Politique_de_Confidentialite" class="BR" aria-label="Page Politique de Confidentialité">Politique de
Confidentialité</a>
</li>
<li>
<a href="index" class="BR_c" aria-label="Retour Page d'accueil">©2024 Eclipsa</a>
</li>
</ul>
</div>
</footer>
<!--******************* Cookies *******************-->
<!-- Cookie Consent Box -->
<div id="cookie-consent" class="cookie-consent">
<div id="Titre_Cookies">
<div class="Cookies_img">
<img src="img/cookies.png" alt="cookie" loading="lazy" />
</div>
<h2>Utilisation des Cookies</h2>
</div>
<div class="cookie-content">
<div class="Cookies_Text">
<p>
Ce site Web utilise des cookies pour vous aider à avoir une expérience de navigation supérieure et
plus pertinente sur
le site.
<br>
Pour plus d'informations, consultez notre <a href="Politique_de_Confidentialite"
aria-label="Page Politique de Confidentialité">politique de
cookies</a>.
</p>
</div>
<div class="Cookies_Btn">
<button id="accept-cookies" class="btn button-Y" aria-label="Accepter les cookies">Accepter</button>
<button id="reject-cookies" class="btn button-B" aria-label="Rejeter les cookies">Rejeter</button>
</div>
</div>
</div>
<!-- -------- Script ----------- -->
<script src="js/script_110822.js"></script>
<script src="js/script_Home.js"></script>
<script src="js/script_PopUp.js"></script>
<script src="js/script_Cookies.js"></script>
</body>
</html>
