-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathresume.html
More file actions
3 lines (3 loc) · 30.3 KB
/
resume.html
File metadata and controls
3 lines (3 loc) · 30.3 KB
1
2
3
<!DOCTYPE html><html lang="en"><head><title>Plou - Web developer</title><meta content="Hi there! I'm Clément Plou, a Web developer & teacher, based in Lille, France. I'm available to work anywhere." name="description"><meta charset="utf-8"><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"><meta content=",width=device-width,initial-scale=1" name="viewport"><link href="/manifest.json" rel="manifest"><link href="/img/favicon.ico" rel="shortcut icon"><link href="/img/apple-touch-icon.png" rel="apple-touch-icon"><link href="/img/apple-touch-icon.png" rel="apple-touch-startup-image"><meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="#f7682c" name="theme-color"><style>:root{--ff-text:"Inter", sans-serif;--ff-heading:var(--ff-text);--fw-light:200;--fw-regular:300;--fw-bold:500;--fz-text:2.2rem;--fz-title:4.5rem;--fz-smaller:1.85rem;--white:#fcfdfc;--black:#0d0d0d;--brown:#361f17;--cream:#fbf3de;--teal:#8ac2af;--yellow:#febb36;--orange:#f7682c;--color-main:var(--orange);--color-link:var(--color-main)}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%;line-height:1.3}body{margin:0;padding:0;font-size:1em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:var(--black);font-family:var(--ff-text);font-weight:var(--fw-regular);color:var(--black)}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress,sub,sup{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{margin:0 0 50px;font-size:5.7em}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;border:0;height:1px;background-color:var(--black)}button{font:inherit}input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,hr,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{margin:0;border:0;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--gap:15px;--gap-small:calc(var(--gap) / 2)}*{box-sizing:border-box}blockquote p,li button,li h1,li h2,li h3,li h4,li h5,li h6,li input,li label,li li,li p,li select,li textarea,td p,th p{font-size:100%}button{display:inline;margin:0;padding:0;outline:0;cursor:pointer}a img,button{border:0}input,select,textarea{font-family:var(--ff-text)}select{width:auto;cursor:pointer}input,label,select,textarea{vertical-align:middle}section{margin:70px 0}section:first-child{margin-top:0}section:last-child{margin-bottom:0}blockquote,caption,input,label,li,p,pre,select,td,textarea,th{font-size:var(--fz-text);line-height:1.5}td .bodytext,td p{margin:0}optgroup,strong{font-weight:var(--fw-bold)}p{margin:25px 0}li{margin:5px 0}h2{margin:0 0 50px;font-size:var(--fz-title)}h3{margin:0 0 25px;font-size:3.5rem}h4,h5{margin:0 0 20px;font-size:3rem}h5{font-size:2rem}h6{margin:0 0 15px;font-size:1.8rem}h1,h2,h3,h4,h5,h6{font-family:var(--ff-heading);line-height:1.2;font-weight:var(--fw-bold)}[type=date],[type=datetime],[type=email],[type=month],[type=number],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{border:1px solid var(--black);border-radius:3px;background-color:var(--white)}[type=date]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{outline:0}button{background-color:transparent}a,button{color:var(--color-link)}a:hover,button:hover{text-decoration:underline}.container{margin:auto;padding:0 15px;width:1200px;max-width:100%}.list-inline{display:block;margin:0;padding:0;font-size:0;line-height:1}.list-inline>*{display:inline-block;margin:0;padding:0;font-size:initial}.link-block{display:block;color:inherit}.link-block:hover,a,button{text-decoration:none}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.align-justify{text-align:justify}.align-justify.align-center{-moz-text-align-last:center;text-align-last:center}.important{font-size:2.4em}.introduction{font-size:1.7em}.highlight{color:var(--color-main)}.content{padding-top:40px}@media (min-width:780px){.header{position:fixed;top:0;bottom:0;left:0;width:220px}.content{max-width:1200px;min-height:100vh;margin-left:220px}.footer{position:fixed;bottom:0;left:0;width:220px}}@media (min-width:1200px){.footer,.header{width:340px}.content{margin-left:340px}}.header{padding:30px;background-color:var(--black)}@media (min-width:780px){.header{padding-left:15px;padding-right:15px}}@media (min-width:1200px){.header{padding-left:30px;padding-right:30px}}.footer a,.header,.header a{color:var(--white)}.header-logo{margin-bottom:45px;font-size:5.7em;font-weight:var(--fw-bold)}@media (min-width:780px){.header-logo{margin-bottom:52px}}.header-logo .highlight{font-size:.5em;font-weight:var(--fw-regular)}.header-logo+p{margin:0;line-height:1.3}.header-title{font-size:2em}@media (min-width:780px){.header-title{font-size:1.8em}}@media (min-width:1200px){.header-title{font-size:2.4em}}.header-subtitle{margin:15px 0;font-size:1.7em;font-weight:var(--fw-bold)}@media (min-width:780px){.header-subtitle{font-size:1.6em}}@media (min-width:1200px){.header-subtitle{font-size:1.7em}}.footer{padding:30px;text-align:center}.footer-logo{display:block;margin:auto auto 32px;width:64px}@media (min-width:1200px){.footer-logo{width:84px}}.footer-contact{display:inline-block;padding:0;margin:0;list-style:none}.footer-contact-item{font-family:var(--ff-heading);font-size:1.6em}@media (min-width:780px){.footer-contact-item{font-size:1.4em}}@media (min-width:1200px){.footer-contact-item{font-size:1.6em}}.content{background-color:var(--white)}.content-text{padding-left:20px;padding-right:20px}@media (min-width:780px){.content-text{padding-left:50px;padding-right:30px}}@media (min-width:1200px){.content-text{padding-left:100px;padding-right:70px}}.skill-list-item{position:relative;display:block;margin:0;height:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;padding-top:100%}@media screen and (min-width:550px){.skill-list-item{display:inline-block;width:50%;padding-top:50%}}@media (min-width:1200px){.skill-list-item{width:25%;padding-top:25%}}.skill-list-svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.skill-list-svg:focus{outline:0}.work-list,.work-list-item{margin:60px 0 0;padding:0;list-style:none}.work-list-item{display:block;margin:0;-webkit-tap-highlight-color:transparent}.work-list-item a:focus{outline:5px solid var(--white)}.work-list-item:nth-child(1) a:focus{outline-color:var(--cream)}.work-list-item:nth-child(1) .work-banner{background-image:url(../img/work-bg-white.jpg);background-color:var(--cream)}.work-list-item:nth-child(2) a:focus{outline-color:var(--teal)}.work-list-item:nth-child(2) .work-banner{background-image:url(../img/work-bg-teal.jpg);background-color:var(--teal)}.work-list-item:nth-child(3) a:focus{outline-color:var(--orange)}.work-list-item:nth-child(3) .work-banner{background-image:url(../img/work-bg-orange.jpg);background-color:var(--orange)}.work-list-item:nth-child(4) a:focus{outline-color:var(--yellow)}.work-list-item:nth-child(4) .work-banner{background-image:url(../img/work-bg-yellow.jpg);background-color:var(--yellow)}.work-banner{position:relative;display:block;margin:0;padding:110px 30px;list-style:none;cursor:pointer;text-align:center;background:var(--black) center center no-repeat;background-size:cover;color:var(--brown);z-index:1}.work-banner::before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-color:var(--white);opacity:0;pointer-events:none;transition:300ms opacity ease-out;z-index:-1}.work-banner:focus,.work-banner:hover{text-decoration:none;z-index:2}.work-banner:focus::before,.work-banner:hover::before{opacity:.4}.work-banner-subtitle,.work-banner-title{font-weight:var(--fw-regular);text-align:center}.work-banner-title{margin:0 0 20px;font-size:5rem;font-family:var(--ff-heading)}.work-banner-subtitle{margin:0;font-size:3rem}.work-content{overflow:hidden;transition:height 200ms ease-in-out}.work-content:focus-within{height:auto!important}.work-content-inner{padding:70px 0}.work-content-title{font-size:2rem;text-align:center;word-wrap:break-word}.work-content-link{color:var(--black)}.resume{--gap:10px;padding:0 var(--gap) calc(var(--gap)*2.5)}@media print{.resume{--fz-title:1.8em;--fz-text:1.3em}}@media (min-width:780px){.resume{--gap:20px;padding:0 calc(var(--gap)*2.5) calc(var(--gap)*2.5)}}.experiences{--gap:10px;padding:0 var(--gap) calc(var(--gap)*2.5)}@media print{.experiences{--fz-title:1.8em;--fz-text:1.3em}}@media (min-width:780px){.experiences{--gap:20px;padding:0 calc(var(--gap)*2.5) calc(var(--gap)*2.5)}}.experiences__header{margin-bottom:calc(var(--gap)*3);text-align:center}.experiences__header__title{margin:0}.experiences__header__subtitle{margin:0;line-height:1.2}.group{margin-bottom:0 0 calc(var(--gap)*3)}@media (min-width:1200px){.group{display:flex;justify-content:center;gap:var(--gap)}}.group__header{flex-basis:330px;flex-grow:0;flex-shrink:0;margin-bottom:calc(var(--gap)*2)}@media (min-width:1200px){.group__header{margin-bottom:0}}.group__content{flex-basis:620px}.group__title{padding-top:5px;margin-bottom:var(--gap);font-size:var(--fz-title);font-weight:var(--fw-bold);margin-bottom:0}@media (min-width:1200px){.group__title{text-align:right}}.group__subtitle{line-height:1.2;margin:var(--gap-small) 0}@media (min-width:1200px){.group__subtitle{text-align:right}}.group__list{padding:0;margin:0;list-style:none}.group__list--dashed .group__list__item,.group__list--solid{border-left:6px solid var(--color-main);padding-left:var(--gap);padding-top:var(--gap-small);padding-bottom:var(--gap-small)}.group__list--solid{padding-top:var(--gap);padding-bottom:var(--gap)}.group__list__item{padding:0;margin:0}.skill:not(:last-child){margin-bottom:var(--gap-small)}.skill--gap{margin-top:var(--gap)}.job-title{display:flex;gap:var(--gap);justify-content:flex-start;align-items:flex-start;margin-bottom:calc(var(--gap)*3);padding-left:var(--gap);padding-top:var(--gap)!important;padding-bottom:var(--gap)!important}@media (min-width:780px){.group__list--solid .job-title{margin-bottom:calc(var(--gap)*2)}}.job-title__title{margin:0;font-size:var(--fz-text);font-weight:var(--fw-bold)}.job-title__skills{margin:0;margin-bottom:var(--gap-small);font-size:var(--fz-smaller);font-style:italic;line-height:1.2}.experience{display:flex;gap:var(--gap);justify-content:flex-start;align-items:flex-start;margin-bottom:calc(var(--gap)*2)}.experience:last-child{margin-bottom:0}@media (min-width:780px){.group__list--solid .experience{margin-bottom:var(--gap)}.group__list--solid .experience:last-child{margin-bottom:0}}.experience__meta{order:1;flex-basis:130px;flex-shrink:0;flex-grow:0}.experience__content{order:2}.experience__title{margin:0;font-size:var(--fz-text);font-weight:var(--fw-bold)}.experience__description{margin:0;font-size:var(--fz-smaller);font-weight:var(--fw-regular)}.experience__context,.experience__skills{margin:0;font-size:var(--fz-text);font-weight:var(--fw-bold);line-height:1.2}.experience__skills{margin-bottom:var(--gap-small);font-size:var(--fz-smaller);font-weight:var(--fw-light);font-style:italic}.experience__job:not(:last-child),.experience__skills:not(:last-child){margin-bottom:var(--gap)}.experience__job{margin:0;font-size:var(--fz-text);line-height:1.2}.experience__date{margin:0;font-size:var(--fz-smaller)}.experience__job-list-title{display:none;margin-bottom:0;font-weight:var(--fw-light);font-size:var(--fz-smaller)}.experience__job-list{font-weight:var(--fw-light);list-style-type:"- ";padding-left:var(--gap)}.experience__job-list__item{font-size:var(--fz-smaller);margin-bottom:5px;line-height:1.2}@media print{.hidden-print,[id=footer],[id=header]{display:none!important}}</style><meta content="Clément Plou - Web developer" property="og:title"><meta content="Hi there! I'm Clément Plou, a Web developer & teacher, based in Lille, France. I'm available to work anywhere." property="og:description"><meta content="website" property="og:type"><meta content="https://plou.dev" property="og:url"><meta content="https://plou.dev/img/logo.png" property="og:image"><meta content="plou.dev" property="og:image:alt"><link href="https://rsms.me/" rel="preconnect" crossorigin><link href="https://rsms.me/inter/inter.css" rel="preload" as="style"><link href="https://rsms.me/inter/inter.css" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link href="https://rsms.me/inter/inter.css" rel="stylesheet"></noscript><link href="/img/mask.jpg" rel="preload" as="image"><link href="/img/logo.svg" rel="preload" as="image"></head><body><header class="header"><h1 class="header-logo">plou<span class="highlight">.dev</span></h1><p class="header-title">Web developer<br>& Teacher</p><p class="header-subtitle">Living in Lille, France<br>I'm available to work anywhere.</p></header><div class="content"><article class="resume" lang="fr"><section class="group"><div class="group__header"><h2 class="group__title">Expériences</h2></div><div class="group__content"><ul class="group__list group__list--solid"><li class="group__list__item experience"><div class="experience__content"><h3 class="experience__title">Challangel - Roubaix</h3><p class="experience__description">Développeur Web</p></div><div class="experience__meta"><p class="experience__context">CDI</p><p class="experience__date">2020-2025</p></div></li><li class="group__list__item experience"><div class="experience__content"><h3 class="experience__title">ISEFAC Alternance Paris - Lille</h3><p class="experience__description">Formation Web</p></div><div class="experience__meta"><p class="experience__context">Intervenant</p><p class="experience__date">depuis 2017</p></div></li><li class="group__list__item experience"><div class="experience__content"><h3 class="experience__title">Inouït - Lille</h3><p class="experience__description">Développeur Web</p></div><div class="experience__meta"><p class="experience__context">CDI</p><p class="experience__date">2010-2017</p></div></li><li class="group__list__item experience"><div class="experience__content"><h3 class="experience__title">Fabrication et maintenance de site web</h3><p class="experience__description"></p></div><div class="experience__meta"><p class="experience__context">Freelance</p><p class="experience__date">depuis 2015</p></div></li><li class="group__list__item experience"><div class="experience__content"><h3 class="experience__title">DUT MMI de Lens</h3><p class="experience__description">Formation module CMS</p></div><div class="experience__meta"><p class="experience__context">Intervenant</p><p class="experience__date">2016-2017</p></div></li></ul></div></section><section class="group"><div class="group__header"><h2 class="group__title">Compétences</h2></div><div class="group__content"><ul class="group__list group__list--solid"><li class="group__list__item skill">Création d'interfaces web sur mesure (React, Next, Vue)</li><li class="group__list__item skill">Intégration CMS avancée (TYPO3, Wordpress...)</li><li class="group__list__item skill">Mise en place de guides de styles en collaboration avec toute l'équipe de création</li><li class="group__list__item skill">Optimisation des méthodes et outils de développement</li><li class="group__list__item skill skill--gap">Formation aux outils de développements modernes<br>Formation à l'intégration CMS<br>Formation à la création d'interface web</li></ul></div></section><section class="group"><div class="group__header"><h2 class="group__title">Formations</h2><p class="group__subtitle">Programmation<br>& communication<br>multimédia</p></div><div class="group__content"><ul class="group__list group__list--solid"><li class="group__list__item experience"><div class="experience__content"><h3 class="experience__title">Bachelor of Digital Media / Licence Pro</h3><p class="experience__description">Activités et techniques de communication</p></div><div class="experience__meta"><p class="experience__context">Edinburgh</p><p class="experience__date">2009-2010</p></div></li><li class="group__list__item experience"><div class="experience__content"><h3 class="experience__title">DUT</h3><p class="experience__description">Services et réseaux de communication (MMI)</p></div><div class="experience__meta"><p class="experience__context">Blois</p><p class="experience__date">2006-2009</p></div></li></ul></div></section></article><article class="experiences" lang="fr"><header class="experiences__header"><h2>Projets</h2></header><section class="group"><div class="group__header"><h3 class="group__title">Challangel</h3><p class="group__subtitle">2020 — 2025</p></div><div class="group__content"><ul class="group__list group__list--dashed"><li class="group__list__item experience"><div class="experience__content"><p class="experience__title">Développeur web</p><p class="experience__skills">Symfony, HTML, CSS, Javascript</p><p class="experience__job">Plateforme de création de communautés en SaaS</p><p class="experience__job-list-title">Missions :</p><ul class="experience__job-list"><li class="experience__job-list__item">Amélioration continue</li><li class="experience__job-list__item">Refonte complète de l'interface UX/UI</li><li class="experience__job-list__item">Refonte graduelle et complète du javascript</li><li class="experience__job-list__item">Rédaction et maintient à jour de la documentation</li></ul></div></li></ul></div></section><section class="group"><div class="group__header"><h3 class="group__title">Inouït</h3><p class="group__subtitle">2010 — 2017</p></div><div class="group__content"><ul class="group__list group__list--dashed"><li class="group__list__item job-title"><div class="job-title__content"><p class="job-title__title">Développeur web</p><p class="job-title__skills">TYPO3, Symfony, Worpdress, HTML, CSS, Javascript</p></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Les Dunes de Flandre</h4><p class="experience__skills">CoffeeScript, Backbone, LESS</p><p class="experience__job">Paysage interactif pour promouvoir les offres touristiques régionales.</p><p class="experience__job-list-title">Réalisations :</p><ul class="experience__job-list"><li class="experience__job-list__item">Récupération de données d'une API Symphony</li><li class="experience__job-list__item">Création d'un panorama animé</li><li class="experience__job-list__item">Moteur de recherche des offres et événements.</li><li class="experience__job-list__item">Optimisation pour mobiles et tablettes</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Médiathèque de Roubaix</h4><p class="experience__skills">CoffeeScript, Backbone, Sass, Google Map</p><p class="experience__job">Jeu interactif et géolocalisé, présentant la rénovation urbaine à travers des documents d'archives.</p><p class="experience__job-list-title">Réalisations :</p><ul class="experience__job-list"><li class="experience__job-list__item">Conception et gamification</li><li class="experience__job-list__item">Integration de Google map API</li><li class="experience__job-list__item">Affichage des données d'une API Symphony</li><li class="experience__job-list__item">Optimisation pour mobiles et tablettes</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Conseil Régional du Tourisme</h4><p class="experience__skills">LESS, Javascript</p><p class="experience__job">Outils de gestion de ressources touristiques et de création de flux filtrés de ces ressources.</p><p class="experience__job-list-title">Réalisations :</p><ul class="experience__job-list"><li class="experience__job-list__item">Adaptation de l'outil existant à la maquette</li><li class="experience__job-list__item">Suivi des évolutions permanentes de l'outils</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">EPADESA, La défense Seine-arche</h4><p class="experience__skills">Wordpress</p><p class="experience__job">Intranet de partage d'information et de documents.</p></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">EPADESA, La défense Seine-arche</h4><p class="experience__skills">TYPO3, Javascript</p><p class="experience__job">Module d'administration et de présentation des projets urbains sur fond de carte.</p><p class="experience__job-list-title">Réalisations :</p><ul class="experience__job-list"><li class="experience__job-list__item">Développement de l'extension TYPO3</li><li class="experience__job-list__item">Création de la carte des projets urbains</li><li class="experience__job-list__item">Moteur de recherche des projets</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Bonduelle</h4><p class="experience__skills">TYPO3, Javascript</p><p class="experience__job">Site corporate présentant le groupe et son effort de développement durable</p><p class="experience__job-list-title">Réalisations :</p><ul class="experience__job-list"><li class="experience__job-list__item">Conception des outils d'administration avancée</li><li class="experience__job-list__item">Intégration TYPO3</li><li class="experience__job-list__item">Création de modules intéractifs</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Bureau Veritas</h4><p class="experience__skills">HTML, CSS, jQuery</p><p class="experience__job">Création des templates pour l'intranet et le site mobile.</p><p class="experience__job-list-title">Réalisations :</p><ul class="experience__job-list"><li class="experience__job-list__item">Intégration de la maquette</li><li class="experience__job-list__item">Adaptation de l'interface pour petits écrans</li><li class="experience__job-list__item">Animation des interactions de l'interface.</li><li class="experience__job-list__item">Compabilité Internet Explorer 7</li></ul></div></li></ul></div></section><section class="group"><div class="group__header"><h3 class="group__title">Freelance</h3><p class="group__subtitle">Depuis 2015</p></div><div class="group__content"><ul class="group__list group__list--dashed"><li class="group__list__item job-title"><div class="job-title__content"><p class="job-title__title">Création web</p><p class="job-title__skills">TYPO3, Worpdress, HTML, CSS, Javascript</p></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Accepted Action - Fivebet</h4><p class="experience__skills">Wordpress</p><p class="experience__job">Migration, maintenance et debugage du site ainsi que de son infrastructure serveur.</p></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Chall'angel</h4><p class="experience__skills">Javascript, VueJS, Stimulus</p><p class="experience__job">Formation de l'équipe aux méthodes de développement front-end modernes</p></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Golden</h4><p class="experience__skills">Wordpress</p><p class="experience__job">Page BtoB</p><p class="experience__job-list-title">Réalisation :</p><ul class="experience__job-list"><li class="experience__job-list__item">Création graphique</li><li class="experience__job-list__item">Développement de l'administration</li><li class="experience__job-list__item">Intégration HTML / CSS</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Chall'angel</h4><p class="experience__skills">Symfony, Sass, Javascript, jQuery</p><p class="experience__job">Plateforme de création de challenges</p><p class="experience__job-list-title">Mission :</p><ul class="experience__job-list"><li class="experience__job-list__item">Création d'un nouveau thème pour la plateforme</li><li class="experience__job-list__item">Audit de l'architecture front-end existante</li><li class="experience__job-list__item">Mise en place un système de thème</li><li class="experience__job-list__item">Création d'une marque blanche de référence</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Golden Moustache</h4><p class="experience__skills">Wordpress</p><p class="experience__job">Site BtoC, transformation du site en multisite</p><p class="experience__job-list-title">Réalisation :</p><ul class="experience__job-list"><li class="experience__job-list__item">Refonte technique et graphique de la plateforme</li><li class="experience__job-list__item">Développement de thèmes administrables</li><li class="experience__job-list__item">Import des contenus et meta-données de l'ancien site</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><h4 class="experience__title">Wellkhome Bordeaux</h4><p class="experience__skills">Node, React</p><p class="experience__job">Site de location d'appartement de luxe sur bordeaux</p><p class="experience__job-list-title">Réalisation :</p><ul class="experience__job-list"><li class="experience__job-list__item">Intégration HTML / CSS du site</li><li class="experience__job-list__item">Communication avec l'API de BookingSync</li></ul></div></li></ul></div></section></article><article class="experiences" lang="fr"><header class="experiences__header"><h2 class="experiences__header__title">Formateur</h2><p class="experiences__header__subtitle">Depuis 2016</p></header><section class="group"><div class="group__header"><h3 class="group__title">ISEFAC</h3><p class="group__subtitle">Depuis 2017<br>Licence, Master<br>Filières Digital et Web</p></div><div class="group__content"><ul class="group__list group__list--dashed"><li class="group__list__item experience"><div class="experience__content"><p class="experience__title">Module Développement Web</p><p class="experience__skills">HTML, CSS</p><p class="experience__job">Initiation au développement web et découverte de la chaine de production d'un projet web.</p></div></li><li class="group__list__item experience"><div class="experience__content"><p class="experience__title">Module Digital Design</p><p class="experience__skills">Wordpress, Figma</p><p class="experience__job">Création et administration de sites avec Wordpress.<br>Conception UX et création de prorotype avec Figma.</p></div></li></ul></div></section><section class="group"><div class="group__header"><h3 class="group__title">IUT de Lens</h3><p class="group__subtitle">2016 – 2017<br>DUT Métiers du Multimédia et de l'Internet</p></div><div class="group__content"><ul class="group__list group__list--dashed"><li class="group__list__item experience"><div class="experience__content"><p class="experience__title">Module Web - CMS</p><p class="experience__skills">PHP, TWIG, CSS</p><p class="experience__job">Formation des étudiants à la création web avec Wordpress; de la découverte de l'outils à sa prise en main avancée.</p></div></li></ul></div></section><section class="group"><div class="group__header"><h3 class="group__title">Le Chaudron.io</h3><p class="group__subtitle">2016</p></div><div class="group__content"><ul class="group__list group__list--dashed"><li class="group__list__item experience"><div class="experience__content"><p class="experience__title">Décathlon - Atelier Javascript</p><p class="experience__skills">Initiation React</p><p class="experience__job">Découverte de React et des bonnes pratiques</p><p class="experience__job-list-title">Objectifs :</p><ul class="experience__job-list"><li class="experience__job-list__item">Appréhender la séparation API / Front-end</li><li class="experience__job-list__item">Se familiariser avec la programmation fonctionnelle</li><li class="experience__job-list__item">Création d'une application de messagerie décentralisée</li></ul></div></li><li class="group__list__item experience"><div class="experience__content"><p class="experience__title">Décathlon - Atelier Démystifier la programmation</p><p class="experience__skills">Algorithmique, Javascript</p><p class="experience__job">Initiation aux languages du web et de la programation</p><p class="experience__job-list-title">Objectifs :</p><ul class="experience__job-list"><li class="experience__job-list__item">Découverte du HTML / CSS</li><li class="experience__job-list__item">Aborder les blocs élémentaires d'un algorithme</li><li class="experience__job-list__item">Création d'un petit projet d'animation type zootrope</li></ul></div></li></ul></div></section></article></div><footer class="footer"><img alt="" class="footer-logo" height="64" src="/img/logo.svg" width="64"><ul class="footer-contact"><li class="footer-contact-item link-github"><a href="https://github.com/Plou" rel="noopener" target="_blank">github.com/Plou</a></li><li class="footer-contact-item link-mail"><a href="mailto:clement@plou.dev">clement@plou.dev</a></li></ul></footer></body></html>