PageSourceSearch

https://portfolio-guillaume-renoult.vercel.app/about

html portfolio-guillaume-renoult.vercel.app collected 2026-10-03 07:30:51 UTC 33,635 bytes, 36 lines download raw bytes

1<!DOCTYPE html><html lang="fr" class="scroll-smooth" data-astro-cid-ju4pidww><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="sitemap" href="/sitemap-index.xml"><meta name="author" content="Guillaume Renoult"><link rel="stylesheet" href="https://ka-p.webawesome.com/kit/b9bfcf2dca544e85/[email protected]/styles/webawesome.css">
1<script type="module" src="https://ka-p.webawesome.com/kit/b9bfcf2dca544e85/[email protected]/webawesome.loader.js"></script>
1<style>@font-face{font-family:Boldonse-ffbe2eb81528eec4;src:url("/_astro/fonts/2e5edb5d584e3f87.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal;}@font-face{font-family:"Boldonse-ffbe2eb81528eec4 fallback: BlinkMacSystemFont";src:local("BlinkMacSystemFont");font-display:swap;font-weight:400;font-style:normal;size-adjust:144.7766%;ascent-override:104.9894%;descent-override:27.6288%;}@font-face{font-family:"Boldonse-ffbe2eb81528eec4 fallback: Segoe UI";src:local("Segoe UI");font-display:swap;font-weight:400;font-style:normal;size-adjust:136.007%;ascent-override:111.7589%;descent-override:29.4102%;}@font-face{font-family:"Boldonse-ffbe2eb81528eec4 fallback: Roboto";src:local("Roboto");font-display:swap;font-weight:400;font-style:normal;size-adjust:135.5592%;ascent-override:112.1282%;descent-override:29.5074%;}@font-face{font-family:"Boldonse-ffbe2eb81528eec4 fallback: Helvetica Neue";src:local("Helvetica Neue");font-display:swap;font-weight:400;font-style:normal;size-adjust:134%;ascent-override:113.4328%;descent-override:29.8507%;line-gap-override:0%;}@font-face{font-family:"Boldonse-ffbe2eb81528eec4 fallback: Arial";src:local("Arial");font-display:swap;font-weight:400;font-style:normal;size-adjust:135.2622%;ascent-override:112.3743%;descent-override:29.5722%;line-gap-override:0%;}:root{--font-marked:Boldonse-ffbe2eb81528eec4,"Boldonse-ffbe2eb81528eec4 fallback: BlinkMacSystemFont","Boldonse-ffbe2eb81528eec4 fallback: Segoe UI","Boldonse-ffbe2eb81528eec4 fallback: Roboto","Boldonse-ffbe2eb81528eec4 fallback: Helvetica Neue","Boldonse-ffbe2eb81528eec4 fallback: Arial",system-ui;}</style><style>@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/cc5f60fd46e42cc9.woff2") format("woff2");font-display:swap;
1unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/c8db80b9ce092d76.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:500;font-style:normal;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/626901e254b0251a.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:600;font-style:normal;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/4e13c01b98043a1e.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:700;font-style:normal;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/cfeeb3cbf4e61d21.woff2") format("woff2");font-display:swap;
1unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:800;font-style:normal;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/9161ee1cbda9cef9.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:italic;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/68c599f82a0105a9.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:500;font-style:italic;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/8dfad69e269bdbee.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:600;font-style:italic;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/fb2c38a94b4de7ed.woff2") format("woff2");font-display:swap;
1unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:700;font-style:italic;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e";src:url("/_astro/fonts/9ec48df428c1c982.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:800;font-style:italic;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:400;font-style:normal;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:500;font-style:normal;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:600;font-style:normal;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:700;font-style:normal;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:800;font-style:normal;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:400;font-style:italic;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:500;font-style:italic;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:600;font-style:italic;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:700;font-style:italic;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}@font-face{font-family:"JetBrains Mono-49ca4bc8da77416e fallback: Courier New";src:local("Courier New");font-display:swap;font-weight:800;font-style:italic;size-adjust:99.9837%;ascent-override:102.0166%;descent-override:30.0049%;}:root{--font-mono:"JetBrains Mono-49ca4bc8da77416e","JetBrains Mono-49ca4bc8da77416e fallback: Courier New",monospace;}</style><meta name="generator" content="Astro v7.3.2"><link href="/viewer.css" rel="stylesheet">
1<script src="/viewer.js"></script>
1<!-- Primary Meta Tags --><title>A propos | Portfolio</title><meta name="title" content="A propos | Portfolio"><meta name="description" content="Page à propos de Guillaume Renoult"><meta name="robots" content="index, follow"><meta name="googlebot" content="index, follow"><!-- Canonical --><link rel="canonical" href="http://localhost:4321/about/"><!-- Pagination --><!-- Theme colour --><meta name="theme-color" content="#111111"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="http://localhost:4321/about/"><meta property="og:title" content="A propos | Portfolio"><meta property="og:description" content="Page à propos de Guillaume Renoult"><meta property="og:locale" content="fr_FR"><meta property="og:site_name" content="Portfolio Guillaume Renoult"><meta property="og:image" content="/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><!-- Article-specific OG --><!-- Twitter / X Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="http://localhost:4321/about/"><meta name="twitter:title" content="A propos | Portfolio"><meta name="twitter:description" content="Page à propos de Guillaume Renoult"><meta name="twitter:site" content="@handle"><meta name="twitter:image" content="/og-image.png"><!-- JSON-LD Structured Data -->
1<script type="application/ld+json">{
2  "@context": "https://schema.org",
3  "@type": "WebPage",
4  "name": "A propos | Portfolio",
5  "description": "Page à propos de Guillaume Renoult",
6  "url": "http://localhost:4321/about/",
7  "image": "/og-image.png",
8  "publisher": {
9    "@type": "Organization",
10    "name": "Portfolio Guillaume Renoult",
11    "logo": {
12      "@type": "ImageObject",
13      "url": "/og-image.png"
14    }
15  }
16}</script>
16<link rel="stylesheet" href="/_astro/Layout.iRLiztE_.css"><style>#bg_me[data-astro-cid-vsugvyhh]{background-image:url(/_astro/bg2_white.DPpRjcN_.svg);background-color:var(--color-base-1);background-size:cover}
17</style></head><body class="bg-cover bg-center bg-no-repeat relative bg-fixed  box-border" data-astro-cid-ju4pidww><!-- Background noise effect --><div style="background-color: var(--color-base-1);" class="fixed inset-0 z-0 pointer-events-none" data-astro-cid-ju4pidww></div><div id="bg_svg_inclusive" class="fixed opacity-10 inset-0 pointer-events-none z-0" data-astro-cid-ju4pidww></div><!-- Wrapper component to make sure all content on the website is above the noise filter background --><div class="relative z-20 px-8 md:pt-28 pt-22 md:px-8 overflow-clip"><nav class="flex justify-center py-3 fixed top-0 right-6 left-0 z-50" data-astro-cid-kuhcs3hj><!-- Desktop Nav --><ul class="hidden md:flex" data-astro-cid-kuhcs3hj><li id="navi" data-astro-cid-kuhcs3hj><a href="/" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion" data-astro-cid-kuhcs3hj="true">1. Accueil</a></li><li id="navi" data-astro-cid-kuhcs3hj><a href="/projets" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion" data-astro-cid-kuhcs3hj="true">2. Projets</a></li><li id="navi" data-astro-cid-kuhcs3hj><a href="/about" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion" data-astro-cid-kuhcs3hj="true">3. A propos</a></li><li id="navi" data-astro-cid-kuhcs3hj><a href="/contact" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion" data-astro-cid-kuhcs3hj="true">4. Contact</a></li></ul><div class="text-base-12 fixed right-5  font-marked invisible lg:visible" data-astro-cid-kuhcs3hj><details class="bg-transparent" data-astro-cid-kuhcs3hj><summary data-astro-cid-kuhcs3hj>Thèmes</summary><div class="flex flex-col text-12" data-astro-cid-kuhcs3hj><div class="flex justify-between gap-7" data-astro-cid-kuhcs3hj><button type="button" data-theme="default" data-astro-cid-kuhcs3hj>Défaut</button><button type="button" data-theme="clair_default" data-astro-cid-kuhcs3hj>Clair</button></div><div class="flex justify-between gap-7" data-astro-cid-kuhcs3hj><button type="button" data-theme="green" data-astro-cid-kuhcs3hj>Vert</button><button type="button" data-theme="clair_green" data-astro-cid-kuhcs3hj>Clair</button></div><div class="flex justify-between gap-7" data-astro-cid-kuhcs3hj><button type="button" data-theme="orange" data-astro-cid-kuhcs3hj>Orange</button><button type="button" data-theme="clair_orange" data-astro-cid-kuhcs3hj>Clair</button></div><div class="flex justify-between gap-7" data-astro-cid-kuhcs3hj><button type="button" data-theme="gray" data-astro-cid-kuhcs3hj>Gris</button><button type="button" data-theme="clair_gray" data-astro-cid-kuhcs3hj>Clair</button></div></div></details></div><!-- Mobile Nav --><div class="md:hidden" data-astro-cid-kuhcs3hj><button id="open-nav" aria-label="Open Navigation" data-astro-cid-kuhcs3hj><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" data-astro-cid-kuhcs3hj><path fill="#ffffff" d="m9.5 16.5l7-4.5l-7-4.5v9ZM12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Zm0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z" data-astro-cid-kuhcs3hj></path></svg></button><div class="hidden fixed inset-0 bg-base-100 z-50" id="mobile-nav" data-astro-cid-kuhcs3hj><div class="flex flex-col items-center justify-center h-full" data-astro-cid-kuhcs3hj><button id="close-nav" aria-label="Close Navigation" class="absolute top-6 right-6 text-white" data-astro-cid-kuhcs3hj><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" data-astro-cid-kuhcs3hj><path fill="#ffffff" d="M9 16h2V8H9v8Zm4 0h2V8h-2v8Zm-1 6q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Zm0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z" data-astro-cid-kuhcs3hj></path></svg></button><ul class="flex flex-col p-3 gap-3 md:hidden text-center" data-astro-cid-kuhcs3hj><li data-astro-cid-kuhcs3hj><a href="/" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion" data-astro-cid-kuhcs3hj="true">Accueil</a></li><li data-astro-cid-kuhcs3hj><a href="/projets" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion" data-astro-cid-kuhcs3hj="true">Projets</a></li><li data-astro-cid-kuhcs3hj><a href="/about" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion" data-astro-cid-kuhcs3hj="true">A propos</a></li><li data-astro-cid-kuhcs3hj><a href="/contact" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion" data-astro-cid-kuhcs3hj="true">Contact</a></li></ul></div></div></div></nav>
17<script type="module">var e=document.querySelector(`#mobile-nav`),t=document.querySelector(`#open-nav`),n=document.querySelector(`#close-nav`);t.addEventListener(`click`,()=>{e.classList.remove(`hidden`)}),n.addEventListener(`click`,()=>{e.classList.add(`hidden`)});</script>
17<main class="flex flex-col xl:gap-48 lg:gap-40 gap-28" data-astro-cid-ju4pidww><section class="w-full l:justify-items-normal  justify-items-center m-auto flex flex-col xl:max-w-8/10 lg:gap-32 gap-20"><h1 class="font-marked uppercase text-base-900 tracking-tight leading-1.5em  lg:text-216 md:text-128 sm:text-80 text-40 lg:leading-50 md:leading-40 sm:leading-20 break-normal text-focus-in-no-view gradient text-center">À propos</h1><div class="flex md:flex-row flex-col gap-16 md:items-center"><div class="flex-1 flex flex-col gap-7"><p class="text-16/8 font-mono text-base-900">Étudiant en marketing et design, je mixe créativité et expertise technique pour concevoir des solutions à vos différents problèmes.</p><p class="text-16 sm:text-24 lg:text-44 uppercase font-marked text-base-900">À la recherche d’une alternance, je souhaite mettre mes compétences au service de vos projets concrets.</p></div><div class="flex-1 md:h-[500px] w-full"><div class="viewer-image" data-astro-cid-vsugvyhh></div><div class="flex flex-col items-end gap-2 w-full h-full" data-astro-cid-vsugvyhh><div class="border-2 border-base-900 w-full h-full" id="bg_me" data-astro-cid-vsugvyhh><img src="/_astro/guillaume.CBCl6Hw4_2dz3lt.webp" srcset="/_astro/guillaume.CBCl6Hw4_1EhzkU.webp 300w, /_astro/guillaume.CBCl6Hw4_Z1X3Ryy.webp 450w, /_astro/guillaume.CBCl6Hw4_2dz3lt.webp 600w" alt="Guillaume" loading="lazy" sizes="(max-width: 320px) 300px, (max-width: 480px) 450px,(max-width: 768px) 700px, (max-width: 1200px) 1100px, 600px" data-astro-cid-vsugvyhh="true" decoding="async" width="600" height="605" class="viewer-gallery w-full h-full object-cover hover:grayscale-100 grayscale-0 duration-1000"></div></div></div></div><div class="grid md:grid-cols-3 grid-cols-1 text-center gap-10 sm:gap-2 text-base-900 border-base-900 border-solid border-2 p-7 h-1/2"><div class="flex flex-col gap-6 items-center"><svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain" aria-hidden="true"><path d="M12 18V5"></path><path d="M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4"></path><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5"></path><path d="M17.997 5.125a4 4 0 0 1 2.526 5.77"></path><path d="M18 18a4 4 0 0 0 2-7.464"></path><path d="M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517"></path><path d="M6 18a4 4 0 0 1-2-7.464"></path><path d="M6.003 5.125a4 4 0 0 0-2.526 5.77"></path></svg>  <p class="text-32/8 font-marked">1. Esprit critique</p><p class="text-16/8 font-mono">Je remets en question les raisonnements existants ; ce qui me permet de formuler de meilleurs jugements.</p></div><div class="flex flex-col gap-6 items-center"><svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-combined" aria-hidden="true"><path d="M12 16v5"></path><path d="M16 14.639V21"></path><path d="M20 10.656V21"></path><path d="m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15"></path><path d="M4 18.463V21"></path><path d="M8 14.656V21"></path></svg><p class="text-32/8 font-marked">2. Pensée analytique</p><p class="text-16/8 font-mono">J'analyse les problèmes en décortiquant la situation afin  de produire une solution cohérente.</p></div><div class="flex flex-col gap-6 items-center"><svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-toolbox" aria-hidden="true"><path d="M16 12v4"></path><path d="M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2"></path><path d="M17 6a2 2 0 011.414.586l3 3A2 2 0 0122 11v8a2 2 0 01-2 2H4a2 2 0 01-2-2v-8a2 2 0 01.586-1.414l3-3A2 2 0 017 6z"></path><path d="M2 14h20"></path><path d="M8 12v4"></path></svg><p class="text-32/8 font-marked">3. Profil hybride</p><p class="text-16/8 font-mono">Grâce à mon <a href="#exp_pro" class="text-base-700">parcours</a>, j'ai des connaissances dans plusieurs domaines, ce qui facilite mon adaptation sur <a href="/projets" class="text-base-700">différents projets.</a></p></div></div></section><section class="w-full l:justify-items-normal  justify-items-center m-auto flex flex-col lg:max-w-1/2 lg:gap-32 gap-20"><h2 id="exp_pro" class="font-marked uppercase text-base-900 tracking-tight leading-1.5em  lg:text-80 md:text-48 text-32 text-center">Experiences Professionnelles</h2><div class="flex flex-col gap-4"><section class="w-full l:justify-items-normal  justify-items-center m-auto flex flex-col flex flex-col gap-7 p-6 border-3 border-base-900"><div class="flex flex-col gap-2 dropdown"><button class="flex flex-col w-full text-left cursor-pointer dropdown-trigger"><div class="flex justify-between gap-3 items-center"><p class="text-32/8 font-marked max-[900px]:text-24/8 max-[400px]:text-12 text-base-900 hover:text-base-700">Stage chez Numéricoop (2 mois)</p><svg class="dropdown-icon transition-transform duration-200 shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 8 8"><path fill="var(--color-base-8)" d="M1.5 1L0 2.5l4 4l4-4L6.5 1L4 3.5L1.5 1z"></path></svg></div><p class="text-20 font-mono font-semibold uppercase text-base-700"></p><p class="text-16/8 font-mono text-base-700 mb-2 hidden sm:block">2025</p></button><div class="dropdown-content text-center hidden overflow-hidden transition-all duration-200"><p class="text-16/8 font-mono text-base-900">Veille marketing, rédaction de blog et campagnes. Hébergement web, équipe de 5 salariés.</p></div></div>
17<script type="module">document.addEventListener(`DOMContentLoaded`,()=>{document.querySelectorAll(`.dropdown`).forEach(e=>{let t=e.querySelector(`.dropdown-trigger`),n=e.querySelector(`.dropdown-content`),r=e.querySelector(`.dropdown-icon`);t&&n&&t.addEventListener(`click`,()=>{n.classList.toggle(`hidden`),r?.classList.toggle(`rotate-180`)})})});</script>
17<div class="flex flex-col gap-2 dropdown"><button class="flex flex-col w-full text-left cursor-pointer dropdown-trigger"><div class="flex justify-between gap-3 items-center"><p class="text-32/8 font-marked max-[900px]:text-24/8 max-[400px]:text-12 text-base-900 hover:text-base-700">Stage chez APALA (2 mois)</p><svg class="dropdown-icon transition-transform duration-200 shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 8 8"><path fill="var(--color-base-8)" d="M1.5 1L0 2.5l4 4l4-4L6.5 1L4 3.5L1.5 1z"></path></svg></div><p class="text-20 font-mono font-semibold uppercase text-base-700"></p><p class="text-16/8 font-mono text-base-700 mb-2 hidden sm:block">2026</p></button><div class="dropdown-content text-center hidden overflow-hidden transition-all duration-200"><p class="text-16/8 font-mono text-base-900">Stage polyvalent en Loire-Atlantique dans l&#39;association APALA.</p></div></div><div class="flex flex-col gap-2 dropdown"><button class="flex flex-col w-full text-left cursor-pointer dropdown-trigger"><div class="flex justify-between gap-3 items-center"><p class="text-32/8 font-marked max-[900px]:text-24/8 max-[400px]:text-12 text-base-900 hover:text-base-700">Stage chez Klementz (2 mois)</p><svg class="dropdown-icon transition-transform duration-200 shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 8 8"><path fill="var(--color-base-8)" d="M1.5 1L0 2.5l4 4l4-4L6.5 1L4 3.5L1.5 1z"></path></svg></div><p class="text-20 font-mono font-semibold uppercase text-base-700"></p><p class="text-16/8 font-mono text-base-700 mb-2 hidden sm:block">2026</p></button><div class="dropdown-content text-center hidden overflow-hidden transition-all duration-200"><p class="text-16/8 font-mono text-base-900">Stage webmarketing dans l&#39;association Klementz.</p></div></div></section><div class="flex justify-between"></div></div></section><section class="w-full l:justify-items-normal  justify-items-center m-auto flex flex-col lg:max-w-1/2 lg:gap-32 gap-20"><h2 class="font-marked uppercase text-base-900 tracking-tight leading-1.5em  lg:text-128 md:text-80 text-48 text-focus-in-no-view text-center">Education</h2><div class="flex flex-col gap-4"><section class="w-full l:justify-items-normal  justify-items-center m-auto flex flex-col flex flex-col gap-7 p-6 border-3 border-base-900"><div class="flex flex-col gap-2 dropdown"><button class="flex flex-col w-full text-left cursor-pointer dropdown-trigger"><div class="flex justify-between gap-3 items-center"><p class="text-32/8 font-marked max-[900px]:text-24/8 max-[400px]:text-12 text-base-900 hover:text-base-700">Bac Général – Mention Bien</p><svg class="dropdown-icon transition-transform duration-200 shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 8 8"><path fill="var(--color-base-8)" d="M1.5 1L0 2.5l4 4l4-4L6.5 1L4 3.5L1.5 1z"></path></svg></div><p class="text-20 font-mono font-semibold uppercase text-base-700"></p><p class="text-16/8 font-mono text-base-700 mb-2 hidden sm:block">2024</p></button><div class="dropdown-content text-center hidden overflow-hidden transition-all duration-200"><p class="text-16/8 font-mono text-base-900">Lycée Saint-François-d&#39;Assise, Savenay.</p></div></div><div class="flex flex-col gap-2 dropdown"><button class="flex flex-col w-full text-left cursor-pointer dropdown-trigger"><div class="flex justify-between gap-3 items-center"><p class="text-32/8 font-marked max-[900px]:text-24/8 max-[400px]:text-12 text-base-900 hover:text-base-700">Début du Bachelor à l&#39;ESD Nantes</p><svg class="dropdown-icon transition-transform duration-200 shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 8 8"><path fill="var(--color-base-8)" d="M1.5 1L0 2.5l4 4l4-4L6.5 1L4 3.5L1.5 1z"></path></svg></div><p class="text-20 font-mono font-semibold uppercase text-base-700"></p><p class="text-16/8 font-mono text-base-700 mb-2 hidden sm:block">2024</p></button><div class="dropdown-content text-center hidden overflow-hidden transition-all duration-200"><p class="text-16/8 font-mono text-base-900">
17Formation en design et stratégie numérique.</p></div></div><div class="flex flex-col gap-2 dropdown"><button class="flex flex-col w-full text-left cursor-pointer dropdown-trigger"><div class="flex justify-between gap-3 items-center"><p class="text-32/8 font-marked max-[900px]:text-24/8 max-[400px]:text-12 text-base-900 hover:text-base-700">Bachelor 2 – ESD Nantes</p><svg class="dropdown-icon transition-transform duration-200 shrink-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 8 8"><path fill="var(--color-base-8)" d="M1.5 1L0 2.5l4 4l4-4L6.5 1L4 3.5L1.5 1z"></path></svg></div><p class="text-20 font-mono font-semibold uppercase text-base-700"></p><p class="text-16/8 font-mono text-base-700 mb-2 hidden sm:block">2025-2026</p></button><div class="dropdown-content text-center hidden overflow-hidden transition-all duration-200"><p class="text-16/8 font-mono text-base-900">Approfondissement en webmarketing, SEO et automatisations.</p></div></div></section><div class="flex justify-between"></div></div></section><section class="w-full l:justify-items-normal  justify-items-center m-auto flex flex-col md:max-w-2/3 lg:gap-32 gap-20"><div class="flex md:flex-row flex-col gap-16 md:items-center"><h2 class="font-marked uppercase text-base-900 tracking-tight leading-1.5em  lg:text-80 md:text-48 text-32 text-center">Intéressé(e) pour connaitre vos solutions ?</h2><svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><a href="mailto:[email protected]" class="text-base-900 font-marked px-6 py-2 border-2 border-base-900 hover:bg-base-900 hover:text-base-100 text-24 uppercase tracking-wide slide-in-blurred-left-nd text-center">M'envoyer un message</a></div></section></main><section class="w-full l:justify-items-normal  justify-items-center m-auto flex flex-col xl:max-w-8/10 lg:gap-32 gap-20 mt-32 pb-8"><div class="flex flex-col gap-10 md:flex-row"><div class="flex-1 md:text-left text-center"><h3 class="font-marked uppercase text-base-900 tracking-tight leading-1.5em  lg:text-48 md:text-40 text-32 text-base-900 mb-5">Navigation</h3><ul><li><a href="/" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">Accueil</a></li><li><a href="/projets" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">Projets</a></li><li><a href="/about" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">A propos</a></li><li><a href="/contact" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">Contact</a></li><li><a href="/mentions-legales" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">Mentions Légales</a></li></ul></div><div class="flex-1 md:text-right text-center"><h3 class="font-marked uppercase text-base-900 tracking-tight leading-1.5em  lg:text-48 md:text-40 text-32 text-base-900 mb-5">Autres liens</h3><ul><li><a href="https://gitlab.com/Skyfe" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">GitLab</a></li><li><a href="https://github.com/ArtistDev44" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">Github</a></li><li><a href="https://matrix.to/#/@guillaume_contact-pro:matrix.org" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">Matrix</a></li><li><a href="https://apala.fr/" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">Apala</a></li><li><a href="https://ecole-du-digital.com/" class="text-base-900 font-marked hover:text-base-700 hover:italic text-24 uppercase underline underline-offset-4 decoration-2 tracking-wide bg-blend-exclusion">Mon école</a></li></ul></div></div><div class="flex flex-col text-center"><p class="text-16/8 font-mono text-base-900">Guillaume RENOULT © 2026 Tous droits réservés</p></div></section>
17<script type="module" src="/_astro/Cursor.astro_astro_type_script_index_0_lang.QL-xDhtt.js"></script>
17<script type="module">window.animatedCursor({color:`#F2F2F2`,outerAlpha:0,size:{inner:30,outer:30},hoverScale:{inner:1.2,outer:1.2},clickScale:{inner:1.2,outer:.2},trailingSpeed:.8,clickables:[`a`,`button`,`input[type="text"]`,`input[type="email"]`,`input[type="number"]`,`input[type="submit"]`,`input[type="image"]`,`label[for]`,`select`,`textarea`,`.link`]}).init();</script>
17<div id="cursor" class="z-80 relative mix-blend-difference md:visible invisible"><div id="cursor-outer"></div><div id="cursor-inner"></div></div></div><!-- <Particules /> -->
17<script type="module">console.log(`%c
18  e88'Y88            ,e, 888 888
19 d888  'Y  8888 8888  "  888 888  ,"Y88b 8888 8888 888 888 8e   ,e e,
20C8888 eeee 8888 8888 888 888 888 "8" 888 8888 8888 888 888 88b d88 88b
21 Y888 888P Y888 888P 888 888 888 ,ee 888 Y888 888P 888 888 888 888   ,
22  "88 88"   "88 88"  888 888 888 "88 888  "88 88"  888 888 888  "YeeP"
23
24
25888 88e                                      888   d8
26888 888D  ,e e,  888 8e   e88 88e  8888 8888 888  d88
27888 88"  d88 88b 888 88b d888 888b 8888 8888 888 d88888
28888 b,   888   , 888 888 Y888 888P Y888 888P 888  888
29888 88b,  "YeeP" 888 888  "88 88"   "88 88"  888  888
30
31## Contact
32
33[Mon mail]([email protected])
34[Mon matrix](https://matrix.to/#/@guillaume_contact-pro:matrix.org)
35
36`,`color: #C2E6FF; font-family: monospace; font-size: 10px;`);</script>
36<script type="module">document.querySelectorAll(`.viewer-image`).forEach(e=>{new Viewer(e,{inline:!0,viewed(){this.zoomTo(1)}})}),document.querySelectorAll(`.viewer-gallery`).forEach(e=>{new Viewer(e,{inline:!1,title:0,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:0,prev:0,play:{show:4,size:`large`},next:0,rotateLeft:0,rotateRight:0,flipHorizontal:0,flipVertical:0},fullscreen:!0,viewed(){this.zoomTo(1)}})});</script>
36</body></html>
36<script type="module">var e=document.documentElement,t=localStorage.getItem(`theme`);t&&(e.dataset.theme=t),document.querySelectorAll(`button[data-theme]`).forEach(t=>{t.addEventListener(`click`,()=>{e.dataset.theme=t.dataset.theme,localStorage.setItem(`theme`,t.dataset.theme)})});</script>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.