<!DOCTYPE html><html lang="fr"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width"/><title>Quentin Vannarath - Développeur Web Fullstack orienté Front-End | Art'vannah</title><meta name="description" content="Découvrez l'univers créatif de Quentin Vannarath, développeur web Fullstack orienté Front-End. Explorez mes projets et réalisations au service de l'innovation numérique. Art'vannah - Transformez votre vision en réalité."/><meta name="theme-color" content="#16161a"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="icon" type="image/png" sizes="300x300" href="https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-300x300.png"/><link rel="icon" type="image/png" sizes="150x150" href="https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-150x150.png"/><link rel="icon" type="image/png" sizes="270x270" href="https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-270x270.png"/><link rel="icon" type="image/png" sizes="192x192" href="https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-192x192.png"/><link rel="apple-touch-icon" href="https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-180x180.png" sizes="180x180"/><link rel="icon" type="image/png" sizes="32x32" href="https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-32x32.png"/><link rel="manifest" href="/manifest.json"/><meta name="twitter:card" content="summary"/><meta name="twitter:url" content="https://www.bechuetassocies.com"/><meta name="twitter:title" content="Quentin Vannarath - Développeur Web Fullstack orienté Front-End | Art'vannah"/><meta name="twitter:description" content="Découvrez l'univers créatif de Quentin Vannarath, développeur web Fullstack orienté Front-End. Explorez mes projets et réalisations au service de l'innovation numérique. Art'vannah - Transformez votre vision en réalité."/><meta property="og:type" content="website"/><meta property="og:title" content="Quentin Vannarath - Développeur Web Fullstack orienté Front-End | Art'vannah"/><meta property="og:description" content="Découvrez l'univers créatif de Quentin Vannarath, développeur web Fullstack orienté Front-End. Explorez mes projets et réalisations au service de l'innovation numérique. Art'vannah - Transformez votre vision en réalité."/><meta property="og:site_name" content="Quentin Vannarath - Développeur Web Fullstack orienté Front-End | Art'vannah"/><meta property="og:url" content="https://www.bechuetassocies.com"/><meta name="next-head-count" content="22"/><link rel="preload" href="/_next/static/media/4c7655c11f7bd97b-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/6b86e1d722146340-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/e15b1cfda85f6579-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/80cf8aae469a382c-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/4c7655c11f7bd97b-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/23d817876504828e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/6d2d08ab767fe252-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/97b6577f7d56ad22-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/3de2210446e2c9cd.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/3de2210446e2c9cd.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/6d55e951f1441f0b.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/6d55e951f1441f0b.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-787a9a7fc79baac2.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-096a9733e9de599d.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-cd5308483effd57e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-235bed080a35a158.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/fb7d5399-67ed972a142d1d60.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1bfc9850-2f61bf2747bcb43e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/d7eeaac4-49573cde93d64b94.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/65-fbaad3bd9dbba1de.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/191-50467b202511fe58.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/index-477cbe11b938d996.js" defer="" crossorigin=""></script><script src="/_next/static/_K1RKrxhOy-9u-t7zE_Oy/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/_K1RKrxhOy-9u-t7zE_Oy/_ssgManifest.js" defer="" crossorigin=""></script><style data-styled="" data-styled-version="6.1.13">.bnqYuy{display:flex;position:fixed;justify-content:flex-end;align-items:flex-end;z-index:calc(var(--z-loader) + 1);padding:1rem;width:100%;height:100%;color:var(--text-muted);font-size:20vw;opacity:1;transition:opacity 0.25s ease-out;}/*!sc*/ data-styled.g1[id="sc-9e4531f8-0"]{content:"bnqYuy,"}/*!sc*/ .hqgRpQ{display:flex;position:fixed;z-index:var(--z-loader);width:100vw;height:100vh;}/*!sc*/ .hqgRpQ .bar{background-color:var(--background-secondary);width:10vw;height:105vh;}/*!sc*/ data-styled.g2[id="sc-9e4531f8-1"]{content:"hqgRpQ,"}/*!sc*/ .dsnNPo{position:relative;width:100%;height:100%;filter:saturate(0);}/*!sc*/ @media screen and (hover:hover){.dsnNPo{transition:filter 0.8s ease-out;}.dsnNPo:hover{filter:saturate(1);}}/*!sc*/ .eFxQxM{position:relative;width:100%;height:100%;filter:saturate(0);filter:saturate(1);}/*!sc*/ @media screen and (hover:hover){.eFxQxM{transition:filter 0.8s ease-out;}.eFxQxM:hover{filter:saturate(1);}}/*!sc*/ data-styled.g3[id="sc-2c288f24-0"]{content:"dsnNPo,eFxQxM,"}/*!sc*/ .rQryq{position:relative;}/*!sc*/ .rQryq .word{display:inline-flex;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);}/*!sc*/ .rQryq .aberration-container{display:block;position:absolute;z-index:calc(var(--z-networks) - 1);inset:0;overflow:hidden;mix-blend-mode:color-dodge;}/*!sc*/ .rQryq .aberration-container div{margin-inline:auto;width:100%;height:100%;}/*!sc*/ .rQryq .b-cover__title{position:relative;z-index:2;line-height:normal;pointer-events:none;}/*!sc*/ .rQryq .b-cover__title-texts div{width:min(66rem,100%);}/*!sc*/ .rQryq .b-cover__title-texts .upper{clip-path:polygon(0 0,100% 0,100% 80%,0% 80%);}/*!sc*/ .rQryq .b-cover__title-text{font-size:clamp(2rem,5vw,3rem);font-style:normal;line-height:normal;}/*!sc*/ @media screen and (min-width:640px){.rQryq .b-cover__title-text{text-align:center;}}/*!sc*/ @media screen and (min-width:1024px){.rQryq .b-cover__title-text{text-align:right;}}/*!sc*/ .rQryq .b-cover__title-text strong{color:var(--accent-color);}/*!sc*/ .rQryq .b-cover__title-border{clip-path:polygon(0 0,100% 0,100% 80%,0% 80%);}/*!sc*/ @media screen and (min-width:1024px){.rQryq .b-cover__title-border:first-child{margin-bottom:-5rem;}.rQryq .b-cover__title-border:last-child{margin-top:-5rem;}}/*!sc*/ data-styled.g4[id="sc-cf884832-0"]{content:"rQryq,"}/*!sc*/ .gezCkd{position:relative;z-index:calc(var(--z-networks) + 1);padding:6.25rem 0rem;background:var(--background-primary);background:linear-gradient( 0deg,rgba(22,22,26,0) 0%,rgba(22,22,26,0.4962359943977591) 5%,rgba(22,22,26,1) 10%,rgba(22,22,26,1) 50%,rgba(22,22,26,1) 90%,rgba(22,22,26,0.4962359943977591) 95%,rgba(22,22,26,0) 100% );}/*!sc*/ data-styled.g5[id="sc-86b83a17-0"]{content:"gezCkd,"}/*!sc*/ .lftpQp{margin-top:1.25rem;}/*!sc*/ .lftpQp li{display:grid;pointer-events:none;overflow:hidden;}/*!sc*/ @media screen and (hover:hover){.lftpQp li{position:relative;pointer-events:all;}.lftpQp li div{pointer-events:none;}.lftpQp li:hover .background{height:100%;}.lftpQp li:hover h3{color:var(--background-primary);}}/*!sc*/ .lftpQp li h3{margin:1.5rem 0;color:rgba(255,255,255,0.2);background:linear-gradient(to right,var(--text-primary),var(--text-primary)) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:color 0.5s ease-out;}/*!sc*/ @media screen and (min-width:768px){.lftpQp li h3{margin:0;}}/*!sc*/ .lftpQp li p{margin-bottom:1.5rem;}/*!sc*/ @media screen and (min-width:640px){.lftpQp li p{width:min(18.25rem,100%);}}/*!sc*/ @media screen and (min-width:768px){.lftpQp li p{margin-bottom:0;}}/*!sc*/ @media screen and (hover:hover){.lftpQp li p{color:var(--background-primary);}}/*!sc*/ .lftpQp li .line{display:inline;height:0.0625rem;align-self:stretch;}/*!sc*/ .lftpQp li .background{display:none;}/*!sc*/ @media screen and (hover:hover){.lftpQp li .background{display:block;position:absolute;inset:0;z-index:-1;background-color:var(--accent-color);height:0;transition:height 0.5s ease-in-out;}}/*!sc*/ data-styled.g6[id="sc-86b83a17-1"]{content:"lftpQp,"}/*!sc*/ .joPKeM{position:relative;overflow:hidden;}/*!sc*/ .joPKeM .aberration-container{display:none;}/*!sc*/ @media screen and (min-width:1024px){.joPKeM .aberration-container{display:block;position:absolute;z-index:calc(var(--z-networks) + 1);inset:0;overflow:hidden;mix-blend-mode:lighten;}}/*!sc*/ .joPKeM .content{margin:6rem 0;}/*!sc*/ data-styled.g7[id="sc-ae7d8d91-0"]{content:"joPKeM,"}/*!sc*/ .fGMjKL{position:relative;}/*!sc*/ .fGMjKL .atropos{z-index:calc(var(--z-networks) + 1);width:100%;}/*!sc*/ @media screen and (min-width:1280px){.fGMjKL .atropos{height:90vh;}}/*!sc*/ data-styled.g8[id="sc-242b16d6-0"]{content:"fGMjKL,"}/*!sc*/ .kwcFzK{display:grid;position:relative;place-items:center;overflow:hidden;background-color:var(--background-secondary);height:100%;width:100%;border-radius:0.5rem;border:1px solid var(--text-muted);padding:5rem 0 3rem 0;}/*!sc*/ @media screen and (min-width:1280px){.kwcFzK{padding:0;}}/*!sc*/ data-styled.g9[id="sc-242b16d6-1"]{content:"kwcFzK,"}/*!sc*/ .gnwtHw{position:relative;z-index:1;display:grid;place-items:center;gap:2.5rem;}/*!sc*/ .gnwtHw h2{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;color:var(--text-primary);}/*!sc*/ .gnwtHw h2 span:nth-child(2){font-size:calc(4rem + (80 - 40) * ((100vw - 320px) / (1024 - 320)));text-transform:uppercase;letter-spacing:0.32rem;line-height:1;width:min(55rem,100%);}/*!sc*/ data-styled.g10[id="sc-242b16d6-2"]{content:"gnwtHw,"}/*!sc*/ .fDkCLc{display:grid;place-items:center;width:150px;height:150px;}/*!sc*/ .fDkCLc .button{display:flex;position:relative;align-items:center;justify-content:center;width:100px;height:100px;color:var(--text-primary);}/*!sc*/ @media screen and (hover:hover){.fDkCLc .button:hover .button__text{display:none;}.fDkCLc .button:hover .button__icon{display:block;}}/*!sc*/ .fDkCLc .button__circle{position:absolute;inset:0;border-radius:50%;border:0.5px solid var(--text-primary);}/*!sc*/ .fDkCLc .button__text{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.12rem;line-height:1;}/*!sc*/ .fDkCLc .button__text p:nth-child(2){margin-left:0.5rem;}/*!sc*/ .fDkCLc .button__icon{display:none;font-size:1.5rem;}/*!sc*/ data-styled.g11[id="sc-242b16d6-3"]{content:"fDkCLc,"}/*!sc*/ .gOdJji{padding:6.25rem 0rem;overflow:hidden;}/*!sc*/ data-styled.g12[id="sc-1f3a0be6-0"]{content:"gOdJji,"}/*!sc*/ .bPuUVH{margin-top:1.25rem;}/*!sc*/ .bPuUVH .tech{display:flex;position:relative;flex-direction:column;padding:1.875rem 0;}/*!sc*/ @media screen and (min-width:1024px){.bPuUVH .tech{flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;}}/*!sc*/ .bPuUVH .tech__img{display:block;border-radius:0.5rem;margin-bottom:1.875rem;overflow:hidden;border:1px solid var(--text-muted);height:17.5rem;}/*!sc*/ @media screen and (min-width:768px){.bPuUVH .tech__img{width:100%;height:35rem;}}/*!sc*/ @media screen and (min-width:1024px){.bPuUVH .tech__img{height:46rem;}}/*!sc*/ @media screen and (min-width:1280px){.bPuUVH .tech__img{height:26vw;}}/*!sc*/ .bPuUVH .tech__head{display:flex;flex-direction:column;gap:0.25rem;}/*!sc*/ .bPuUVH .tech__head-title{display:inline-flex;gap:0.5rem;align-items:flex-end;}/*!sc*/ .bPuUVH .tech__head-title h3{color:rgba(255,255,255,0.2);background:linear-gradient(to right,var(--text-primary),var(--text-primary)) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(0.1,0.5,0.5,1) 0.5s;}/*!sc*/ @media screen and (hover:hover){.bPuUVH .tech__head-title h3{position:relative;z-index:3;}}/*!sc*/ .bPuUVH .tech__head-title a{letter-spacing:0.075rem;margin-bottom:0.35rem;white-space:nowrap;font-size:calc(10px + (12 - 10) * ((100vw - 320px) / (1440 - 320)));text-transform:uppercase;}/*!sc*/ .bPuUVH .tech__content{display:flex;flex-direction:column;gap:0.5rem;margin-top:1.25rem;}/*!sc*/ @media screen and (min-width:1024px){.bPuUVH .tech__content{margin-top:0;width:20rem;}}/*!sc*/ .bPuUVH .tech__content span{color:var(--text-primary);font-size:var(--font__title);letter-spacing:0.075rem;text-transform:uppercase;}/*!sc*/ .bPuUVH .tech__content p{color:var(--text-muted);font-size:0.75rem;letter-spacing:0.075rem;}/*!sc*/ @media screen and (hover:hover){.bPuUVH .tech__content p{position:relative;z-index:3;color:var(--text-muted);transition:color 0.5s ease-out;}}/*!sc*/ .bPuUVH .tech a{color:var(--accent-color);}/*!sc*/ @media screen and (hover:hover){.bPuUVH .tech a{color:rgba(255,99,0,0.8);background:linear-gradient( to right,var(--accent-color),var(--accent-color) ) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(0.1,0.5,0.5,1) 0.5s;}.bPuUVH .tech a:hover{background-size:100%;}}/*!sc*/ .bPuUVH .line{width:100%;height:0.0625rem;background-color:var(--background-secondary);}/*!sc*/ data-styled.g13[id="sc-1f3a0be6-1"]{content:"bPuUVH,"}/*!sc*/ .goTYMz{position:absolute;z-index:var(--z-header);top:0;left:0;right:0;overflow:hidden;}/*!sc*/ .goTYMz nav ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;}/*!sc*/ .goTYMz nav ul li{overflow:hidden;}/*!sc*/ .goTYMz nav ul li button{position:relative;}/*!sc*/ .goTYMz nav ul li button span.show{color:var(--text-muted);}/*!sc*/ .goTYMz nav ul li button span.hide{position:absolute;inset:0;color:var(--text-primary);}/*!sc*/ .goTYMz nav ul li button span.word{display:inline-flex;align-items:center;}/*!sc*/ .goTYMz svg{width:min(210px,100%);height:100%;}/*!sc*/ .goTYMz svg path{pointer-events:none;}/*!sc*/ data-styled.g14[id="sc-70d94cdd-0"]{content:"goTYMz,"}/*!sc*/ .hWJmrC{position:fixed;z-index:calc(var(--z-networks) + 2);bottom:15vh;left:0;}/*!sc*/ data-styled.g15[id="sc-c575c6df-0"]{content:"hWJmrC,"}/*!sc*/ .dNroOc{display:grid;place-items:center;width:4rem;height:4rem;}/*!sc*/ data-styled.g16[id="sc-c575c6df-1"]{content:"dNroOc,"}/*!sc*/ .gctVLM{position:relative;border-radius:50%;border:0.1rem solid var(--text-muted);width:3rem;height:3rem;overflow:hidden;cursor:pointer;}/*!sc*/ .gctVLM>div{position:absolute;top:50%;left:50%;color:var(--text-primary);transform:translate(-50%,-50%);transition:all 0.3s ease-out;}/*!sc*/ .gctVLM>div:nth-child(1){transform:translate(-50%,200%);}/*!sc*/ @media screen and (hover:hover){.gctVLM:hover>div:nth-child(1){transform:translate(-50%,-50%);}.gctVLM:hover>div:nth-child(2){transform:translate(-50%,-250%);}}/*!sc*/ data-styled.g17[id="sc-c575c6df-2"]{content:"gctVLM,"}/*!sc*/ .iQxFJM{position:relative;z-index:calc(var(--z-networks) + 1);padding:6.25rem 0rem 1.875rem 0rem;}/*!sc*/ .iQxFJM .socials a{font-size:2.25rem;letter-spacing:0.09rem;color:rgba(255,255,255,0.2);}/*!sc*/ @media screen and (hover:hover){.iQxFJM .socials a{color:rgba(255,255,255,0.3);background:linear-gradient(to right,var(--text-primary),var(--text-primary)) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(0.1,0.5,0.5,1) 0.5s;}.iQxFJM .socials a:hover{background-size:100%;}}/*!sc*/ .iQxFJM .email{position:relative;overflow:hidden;margin-top:1rem;}/*!sc*/ @media screen and (min-width:640px){.iQxFJM .email{margin-top:0;}}/*!sc*/ .iQxFJM .email .show,.iQxFJM .email .hide{display:block;}/*!sc*/ .iQxFJM .email .hide{position:absolute;bottom:0;color:var(--text-primary);}/*!sc*/ data-styled.g18[id="sc-cdc80a7b-0"]{content:"iQxFJM,"}/*!sc*/ .fHyROm{position:fixed;border-radius:50%;mix-blend-mode:screen;pointer-events:none;left:0;top:0;opacity:0;transform:translate(-50%,-50%);z-index:calc(var(--z-loader) - 1);background-color:var(--accent-color);transition:width 0.3s ease-in-out,height 0.3s ease-in-out;width:20px;height:20px;}/*!sc*/ @media screen and (max-width:768px){.fHyROm{width:0;height:0;transition:width 0.3s ease-in-out,height 0.3s ease-in-out,opacity 0.3s ease-in-out;}}/*!sc*/ .fHyROm.pointer{opacity:0;transition:width 0.3s ease-in-out,height 0.3s ease-in-out,opacity 0.3s ease-in-out;}/*!sc*/ .fHyROm.bigger{transition:width 0.3s ease-in-out,height 0.3s ease-in-out;mix-blend-mode:difference;}/*!sc*/ data-styled.g19[id="sc-1167703a-0"]{content:"fHyROm,"}/*!sc*/ .hEwwix{position:fixed;bottom:5vh;left:0;z-index:var(--z-networks);}/*!sc*/ data-styled.g20[id="sc-dcd4f1ff-0"]{content:"hEwwix,"}/*!sc*/ .hMzUyb{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.875rem;}/*!sc*/ data-styled.g21[id="sc-dcd4f1ff-1"]{content:"hMzUyb,"}/*!sc*/ .ijnaZV{position:relative;display:grid;place-items:center;flex-shrink:0;overflow:hidden;width:1.25rem;height:1.25rem;}/*!sc*/ .ijnaZV a{position:absolute;inset:0;}/*!sc*/ data-styled.g22[id="sc-dcd4f1ff-2"]{content:"ijnaZV,"}/*!sc*/ </style></head><body><div id="__next"><span class="sc-9e4531f8-0 bnqYuy __className_6fce18 counter"></span><div class="sc-9e4531f8-1 hqgRpQ overlay"><div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div><div class="bar"></div></div><div class="sc-1167703a-0 fHyROm flare"></div><header class="sc-70d94cdd-0 goTYMz"><div class="grid grid-cols-12 xl:grid-cols-24 justify-between items-center py-2 gap-x-2.5"><div class="logo col-start-2 col-end-8 xl:col-start-3 xl:col-end-7"><svg class="flareBigger" width="145" height="28" viewbox="0 0 145 28" fill="none"><path d="M0.46875 28L3.125 0.5H12.4531L15.0625 28H9.85938L9.46875 23.5625H6.15625L5.8125 28H0.46875ZM6.54688 19.1719H9.04688L7.84375 5.1875H7.59375L6.54688 19.1719ZM16.75 28V0.5H25.1875C26.5938 0.5 27.6562 0.822917 28.375 1.46875C29.0938 2.10417 29.5729 3 29.8125 4.15625C30.0625 5.30208 30.1875 6.65104 30.1875 8.20312C30.1875 9.70312 29.9948 10.901 29.6094 11.7969C29.2344 12.6927 28.5208 13.3125 27.4688 13.6562C28.3333 13.8333 28.9375 14.2656 29.2812 14.9531C29.6354 15.6302 29.8125 16.5104 29.8125 17.5938V28H24.3906V17.2344C24.3906 16.4323 24.224 15.9375 23.8906 15.75C23.5677 15.5521 23.0417 15.4531 22.3125 15.4531V28H16.75ZM22.3438 10.6875H23.6719C24.4323 10.6875 24.8125 9.85938 24.8125 8.20312C24.8125 7.13021 24.7292 6.42708 24.5625 6.09375C24.3958 5.76042 24.0833 5.59375 23.625 5.59375H22.3438V10.6875ZM34.3594 28V5.78125H31.0938V0.5H43.125V5.78125H39.8594V28H34.3594ZM54.6875 28L51.2969 0.484375H56.5312L58.5469 19.2031L60.3438 0.484375H65.5781L62.1875 28H54.6875ZM65.7812 28L68.4375 0.5H77.7656L80.375 28H75.1719L74.7812 23.5625H71.4688L71.125 28H65.7812ZM71.8594 19.1719H74.3594L73.1562 5.1875H72.9062L71.8594 19.1719ZM82.0625 28V0.5H87.7188L90.25 13.6719V0.5H95.5625V28H90.1875L87.4375 14.25V28H82.0625ZM98 28V0.5H103.656L106.188 13.6719V0.5H111.5V28H106.125L103.375 14.25V28H98ZM113.188 28L115.844 0.5H125.172L127.781 28H122.578L122.188 23.5625H118.875L118.531 28H113.188ZM119.266 19.1719H121.766L120.562 5.1875H120.312L119.266 19.1719ZM129.469 28V0.5H134.938V10.3281H137.531V0.5H143V28H137.531V15.5312H134.938V28H129.469Z" fill="#FFFFFE"></path><path d="M45 18V17C45 16.4477 45.4477 16 46 16V16C46.5523 16 47 16.4477 47 17V18H45Z" fill="#FF6300"></path><path d="M45 16V14V14C46.1046 14 47 14.8954 47 16V16H45Z" fill="#FF6300"></path><path d="M49 18C47.8954 18 47 17.1046 47 16V16H49V18V18Z" fill="#FF6300"></path><path d="M48 16C47.4477 16 47 15.5523 47 15V14H49V15C49 15.5523 48.5523 16 48 16V16Z" fill="#FF6300"></path></svg></div><nav class="__className_577ea2 col-end-12 col-span-3 text-right xl:col-end-23 xl:col-span-2"><ul><li><button><span class="show text-sm" data-splitting="chars">À propos</span><span class="hide text-sm" data-splitting="chars">À propos</span></button></li><li><button><span class="show text-sm" data-splitting="chars">Projets</span><span class="hide text-sm" data-splitting="chars">Projets</span></button></li><li><button><span class="show text-sm" data-splitting="chars">Contact</span><span class="hide text-sm" data-splitting="chars">Contact</span></button></li></ul></nav></div></header><main><div class="sc-dcd4f1ff-0 hEwwix hidden md:w-full md:grid md:grid-cols-24 gap-x-2.5"><div class="flex justify-center items-end md:col-start-2 md:col-end-3"><ul class="sc-dcd4f1ff-1 hMzUyb social-networks"><li class="sc-dcd4f1ff-2 ijnaZV"><a class="social-networks__item" target="_blank" aria-label="qvannarathdev@gmail.com" href="mailto:qvannarathdev@gmail.com"><img alt="Email" loading="lazy" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 14px) 100vw, 14px" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Femail.png&w=3840&q=75"/></a></li><li class="sc-dcd4f1ff-2 ijnaZV"><a class="social-networks__item" target="_blank" aria-label="Github" href="https://github.com/QVan27"><img alt="Github" loading="lazy" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 17px) 100vw, 17px" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fgithub.png&w=3840&q=75"/></a></li><li class="sc-dcd4f1ff-2 ijnaZV"><a class="social-networks__item" target="_blank" aria-label="Linkedin" href="https://www.linkedin.com/in/quentin-vannarath-931b4a138/"><img alt="Linkedin" loading="lazy" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 15px) 100vw, 15px" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Flinkedin.png&w=3840&q=75"/></a></li></ul></div></div><section class="sc-cf884832-0 rQryq b-cover"><div class="aberration-container"><img id="image-19" alt="Quentin Vannarath | Développeur Web - Art'vannah" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentinzoom.png&w=3840&q=75"/><div id="image-aberration-19" class="sc-2c288f24-0 dsnNPo"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="min-h-screen grid grid-cols-12 xl:grid-cols-24 gap-x-2.5 items-center"><h1 class="col-start-2 col-end-12 xl:col-start-3 xl:col-end-23 flex flex-col items-center b-cover__title content"><span data-splitting="chars" class="__className_6fce18 text-6xl hidden sm:block text-center text-border b-cover__title-border">Développeur</span><div class="flex flex-col lg:flex-row justify-center lg:gap-x-12 b-cover__title-texts items-center"><div data-splitting="chars" class="__className_af8a63 b-cover__title-text"><p>Passionné par <strong>l'univers du web</strong> et des applications, je mets <strong>ma créativité</strong> à votre service pour concrétiser tous <strong>vos projets</strong>.</p></div><span data-splitting="chars" class="__className_6fce18 text-6xl upper text-accent-color hidden sm:block text-center">Web</span></div><span data-splitting="chars" class="__className_6fce18 hidden lg:block text-center text-6xl text-border b-cover__title-border">Web Mobile</span></h1></div></section><section id="a-propos" class="sc-86b83a17-0 gezCkd"><div class="grid grid-cols-12 xl:grid-cols-24 gap-x-2.5"><div class="col-start-2 col-end-5 xl:col-start-5 xl:col-end-10"><h2 class="__className_6fce18 text-sm upper text-text-primary clip" data-splitting="chars">mes outils</h2></div></div><ul class="sc-86b83a17-1 lftpQp"><li class="flareBigger"><div class="background"></div><span class="line bg-background-secondary"></span><div class="grid grid-cols-12 xl:grid-cols-24 gap-x-2.5"><div class="col-start-2 col-end-12 xl:col-start-5 xl:col-end-21 flex flex-col sm:flex-row sm:items-center justify-between gap-x-2.5"><h3 class="__className_6fce18 text-5xl upper">js</h3><p data-splitting="chars" class="__className_f418d6 text-sm">Indispensable pour créer des contenus web dynamiques et des interfaces utilisateurs interactives.</p></div></div><span class="line bg-background-secondary"></span></li><li class="flareBigger"><div class="background"></div><div class="grid grid-cols-12 xl:grid-cols-24 gap-x-2.5"><div class="col-start-2 col-end-12 xl:col-start-5 xl:col-end-21 flex flex-col sm:flex-row sm:items-center justify-between gap-x-2.5"><h3 class="__className_6fce18 text-5xl upper">gsap</h3><p data-splitting="chars" class="__className_f418d6 text-sm">Bibliothèque d'animations puissante pour réaliser des animations web fluides et captivantes.</p></div></div><span class="line bg-background-secondary"></span></li><li class="flareBigger"><div class="background"></div><div class="grid grid-cols-12 xl:grid-cols-24 gap-x-2.5"><div class="col-start-2 col-end-12 xl:col-start-5 xl:col-end-21 flex flex-col sm:flex-row sm:items-center justify-between gap-x-2.5"><h3 class="__className_6fce18 text-5xl upper">next</h3><p data-splitting="chars" class="__className_f418d6 text-sm">Framework React avec rendu côté serveur et routage intuitif pour des performances optimisées.</p></div></div><span class="line bg-background-secondary"></span></li><li class="flareBigger"><div class="background"></div><div class="grid grid-cols-12 xl:grid-cols-24 gap-x-2.5"><div class="col-start-2 col-end-12 xl:col-start-5 xl:col-end-21 flex flex-col sm:flex-row sm:items-center justify-between gap-x-2.5"><h3 class="__className_6fce18 text-5xl upper">wordpress</h3><p data-splitting="chars" class="__className_f418d6 text-sm">CMS pour une gestion de contenu efficace et une diffusion optimisée sur différentes plateformes.</p></div></div><span class="line bg-background-secondary"></span></li></ul></section><section class="sc-ae7d8d91-0 joPKeM"><div class="grid grid-cols-12 lg:grid-cols-24 gap-x-2.5 items-center"><div class="col-start-2 col-end-12 lg:col-start-3 lg:col-end-11 h-full xl:h-[66rem] lg:relative"><div class="aberration-container"><img id="image-about" alt="Quentin Vannarath | Développeur Web - Art'vannah" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fquentin.png&w=3840&q=75"/><div id="image-aberration-about" class="sc-2c288f24-0 dsnNPo"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div></div><div class="content col-start-2 col-end-12 lg:col-start-12 lg:col-end-23 flex flex-col gap-y-5"><h2 class="__className_6fce18 text-sm upper text-text-primary clip" data-splitting="chars">à propos de moi</h2><div class="__className_45514b text-text-muted text-base richtext"><p><strong>Développeur web spécialisé en Front-End</strong>, basé à <strong>Rouen</strong>, je mets mon <strong>expertise en développement et design de sites</strong> au service de vos projets. Réfléchi, organisé et proactif, je prends en charge vos demandes avec une <strong>attention aux détails</strong> et un souci constant de la <strong>qualité</strong> pour respecter vos attentes et vos délais.</p> <p> </p> <p>Ma mission est de <strong>créer des sites web ergonomiques, rapides et intuitifs</strong> pour offrir une <strong>expérience utilisateur fluide et agréable</strong>. Je m’assure que chaque interface respecte les <strong>normes d’accessibilité</strong> et de <strong>compatibilité entre navigateurs</strong> afin de garantir <strong>l'accessibilité au plus grand nombre</strong>.</p> <p> </p> <p>Fort d'une <strong>solide expérience en développement front-end</strong>, je maîtrise plusieurs <strong>frameworks</strong>, <strong>CMS</strong> et <strong>technologies</strong> (<strong>React</strong>, <strong>WordPress</strong>, <strong>GSAP</strong>, etc.) pour répondre à vos besoins spécifiques et concrétiser vos projets.</p></div></div></div></section><section id="projets" class="sc-1f3a0be6-0 gOdJji"><div class="grid grid-cols-12 xl:grid-cols-24 gap-x-2.5"><div class="col-start-2 col-end-5 xl:col-start-5 xl:col-end-10"><h2 class="__className_6fce18 text-sm upper text-text-primary clip" data-splitting="chars">Ce que j'ai réalisé</h2></div></div><ul class="sc-1f3a0be6-1 bPuUVH grid grid-cols-12 xl:grid-cols-24 gap-x-2.5 xl:gap-16"><li class="col-start-2 col-end-12 xl:col-start-5 xl:col-end-17 left z-20"><div><div class="tech"><div class="tech__img"><img id="image-work-0" alt="Bannière du site Madame à Paname" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmadame-a-paname-1.png&w=3840&q=75"/><div id="image-aberration-work-0" class="sc-2c288f24-0 eFxQxM"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="tech__head"><div class="tech__head-title"><h3 class="__className_6fce18 upper text-3xl">Madame à Paname</h3><a aria-label="Madame à Paname" target="_blank" rel="noopener noreferrer" class="__className_bb89b5 seeMore" href="https://madameapaname.com/">découvrir</a></div><span class="__className_bb89b5">Réalisé avec<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://digital-cover.fr/">Digital Cover</a></span></div><div class="tech__content"><span class="__className_6fce18">Technologies :</span><p class="__className_bb89b5">WORDPRESS | PHP | JS | BLADE | SCSS | GSAP | LENIS | TAXI</p></div></div></div><div class="line"></div></li><li class="col-start-2 col-end-12 xl:col-start-9 xl:col-end-21 right z-20"><div><div class="tech"><div class="tech__img"><img id="image-work-1" alt="Bannière du site MMA Agon Academy" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fmma-agon-academy-1.png&w=3840&q=75"/><div id="image-aberration-work-1" class="sc-2c288f24-0 eFxQxM"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="tech__head"><div class="tech__head-title"><h3 class="__className_6fce18 upper text-3xl">MMA Agon Academy</h3><a aria-label="MMA Agon Academy" target="_blank" rel="noopener noreferrer" class="__className_bb89b5 seeMore" href="https://www.mma-agon.fr/">découvrir</a></div></div><div class="tech__content"><span class="__className_6fce18">Technologies :</span><p class="__className_bb89b5">WORDPRESS | PHP | JS | CSS | HTML | GSAP</p></div></div></div><div class="line"></div></li><li class="col-start-2 col-end-12 xl:col-start-5 xl:col-end-17 left z-20"><div><div class="tech"><div class="tech__img"><img id="image-work-2" alt="Bannière du site OGMA Partners" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fogma.png&w=3840&q=75"/><div id="image-aberration-work-2" class="sc-2c288f24-0 eFxQxM"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="tech__head"><div class="tech__head-title"><h3 class="__className_6fce18 upper text-3xl">OGMA Partners</h3><a aria-label="OGMA Partners" target="_blank" rel="noopener noreferrer" class="__className_bb89b5 seeMore" href="https://www.ogma-partners.com/">découvrir</a></div><span class="__className_bb89b5">Réalisé avec<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://digital-cover.fr/">Digital Cover</a></span></div><div class="tech__content"><span class="__className_6fce18">Technologies :</span><p class="__className_bb89b5">WORDPRESS | PHP | JS | BLADE | SCSS | GSAP | LENIS | TAXI</p></div></div></div><div class="line"></div></li><li class="col-start-2 col-end-12 xl:col-start-9 xl:col-end-21 right z-20"><div><div class="tech"><div class="tech__img"><img id="image-work-3" alt="Bannière du site BV Eletronics" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbv.png&w=3840&q=75"/><div id="image-aberration-work-3" class="sc-2c288f24-0 eFxQxM"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="tech__head"><div class="tech__head-title"><h3 class="__className_6fce18 upper text-3xl">BV Electronics</h3><a aria-label="BV Electronics" target="_blank" rel="noopener noreferrer" class="__className_bb89b5 seeMore" href="https://www.bvelectronicstrading.com/">découvrir</a></div><span class="__className_bb89b5">Réalisé avec<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://digital-cover.fr/">Digital Cover</a></span></div><div class="tech__content"><span class="__className_6fce18">Technologies :</span><p class="__className_bb89b5">WORDPRESS | PHP | JS | BLADE | SCSS | GSAP | LENIS | LOTTIE FILES</p></div></div></div><div class="line"></div></li><li class="col-start-2 col-end-12 xl:col-start-5 xl:col-end-17 left z-20"><div><div class="tech"><div class="tech__img"><img id="image-work-4" alt="Bannière du site Campus Saint-Marc" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fcsm.png&w=3840&q=75"/><div id="image-aberration-work-4" class="sc-2c288f24-0 eFxQxM"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="tech__head"><div class="tech__head-title"><h3 class="__className_6fce18 upper text-3xl">Campus Saint-Marc</h3><a aria-label="Campus Saint-Marc" target="_blank" rel="noopener noreferrer" class="__className_bb89b5 seeMore" href="https://campus-saint-marc.com/">découvrir</a></div><span class="__className_bb89b5">Réalisé avec<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://www.nathansoares.com/">Nathan Soares</a></span></div><div class="tech__content"><span class="__className_6fce18">Technologies :</span><p class="__className_bb89b5">WORDPRESS | WEBFLOW | PHP | JS | CSS | LOTTIE FILES</p></div></div></div><div class="line"></div></li><li class="col-start-2 col-end-12 xl:col-start-9 xl:col-end-21 right z-20"><div><div class="tech"><div class="tech__img"><img id="image-work-5" alt="Bannière du site Bias Immobilier" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fbias-immo.png&w=3840&q=75"/><div id="image-aberration-work-5" class="sc-2c288f24-0 eFxQxM"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="tech__head"><div class="tech__head-title"><h3 class="__className_6fce18 upper text-3xl">BIAS Immobilier</h3><a aria-label="BIAS Immobilier" target="_blank" rel="noopener noreferrer" class="__className_bb89b5 seeMore" href="https://biasimmobilier.fr/">découvrir</a></div><span class="__className_bb89b5">Réalisé avec<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://www.nathansoares.com/">Nathan Soares</a></span></div><div class="tech__content"><span class="__className_6fce18">Technologies :</span><p class="__className_bb89b5">WORDPRESS | WEBFLOW | PHP | JS | CSS | VUE | SWIPER | LOTTIE FILES | MAPBOX</p></div></div></div><div class="line"></div></li><li class="col-start-2 col-end-12 xl:col-start-5 xl:col-end-17 left z-20"><div><div class="tech"><div class="tech__img"><img id="image-work-6" alt="Bannière du site Kaizzen" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fkaizzen.png&w=3840&q=75"/><div id="image-aberration-work-6" class="sc-2c288f24-0 eFxQxM"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="tech__head"><div class="tech__head-title"><h3 class="__className_6fce18 upper text-3xl">Kaizzen</h3><a aria-label="Kaizzen" target="_blank" rel="noopener noreferrer" class="__className_bb89b5 seeMore" href="https://kaizzen.fr/">découvrir</a></div><span class="__className_bb89b5">Réalisé avec<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://www.nathansoares.com/">Nathan Soares</a></span></div><div class="tech__content"><span class="__className_6fce18">Technologies :</span><p class="__className_bb89b5">WORDPRESS | PHP | JS | CSS | VUE | SWIPER</p></div></div></div><div class="line"></div></li><li class="col-start-2 col-end-12 xl:col-start-9 xl:col-end-21 right z-20"><div><div class="tech"><div class="tech__img"><img id="image-work-7" alt="Bannière du site Haus Division" loading="lazy" decoding="async" data-nimg="fill" class="object-cover hidden" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcset="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fapi.artvannah-app.fr%2Fwp-content%2Fuploads%2F2024%2F10%2Fhaus.png&w=3840&q=75"/><div id="image-aberration-work-7" class="sc-2c288f24-0 eFxQxM"><div style="position:relative;width:100%;height:100%;overflow:hidden;pointer-events:auto"><div style="width:100%;height:100%"><canvas style="display:block"></canvas></div></div></div></div><div class="tech__head"><div class="tech__head-title"><h3 class="__className_6fce18 upper text-3xl">Haus Division</h3><a aria-label="Haus Division" target="_blank" rel="noopener noreferrer" class="__className_bb89b5 seeMore" href="https://haus-division.vercel.app/">découvrir</a></div><span class="__className_bb89b5">Réalisé avec<!-- --> <a target="_blank" rel="noopener noreferrer" href="https://www.nathansoares.com/">Nathan Soares</a></span></div><div class="tech__content"><span class="__className_6fce18">Technologies :</span><p class="__className_bb89b5">WORDPRESS HEADLESS | NEXT | STYLED COMPONENT | JS | GSAP | SWIPER | LOTTIE FILES</p></div></div></div><div class="line"></div></li></ul></section><section id="contact" class="sc-242b16d6-0 fGMjKL"><div class="min-h-screen grid grid-cols-12 xl:grid-cols-24 gap-x-2.5"><div class="min-h-full col-start-2 col-end-12 xl:col-start-3 xl:col-end-23 flex items-center"><div class="atropos atropos"><span class="atropos-scale"><span class="atropos-rotate"><span class="atropos-inner"><div class="sc-242b16d6-1 kwcFzK"><div class="sc-242b16d6-2 gnwtHw content"><h2><span class="__className_54afb6">Vous avez un projet en tête ?</span><span class="__className_6fce18" data-atropos-offset="5">Entrons en contact !</span></h2><div class="sc-242b16d6-3 fDkCLc"><a class="button" aria-label="Adresse mail : qvannarathdev@gmail.com" href="mailto:qvannarathdev@gmail.com"><div class="button__circle"></div><div class="button__circle"></div><div class="button__circle"></div><div class="__className_45514b button__text"><p>Écrivez un</p><p>message</p></div><div class="button__icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M444.52 3.52L28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"></path></svg></div></a></div></div></div><span class="atropos-highlight"></span></span></span></span></div></div></div></section></main><div class="sc-c575c6df-0 hWJmrC hidden md:w-full md:grid md:grid-cols-24 gap-x-2.5"><div class="flex justify-center items-end md:col-start-22 md:col-end-23"><div class="sc-c575c6df-1 dNroOc"><button aria-label="Scroll on top" class="sc-c575c6df-2 gctVLM"><div><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M868 545.5L536.1 163a31.96 31.96 0 0 0-48.3 0L156 545.5a7.97 7.97 0 0 0 6 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"></path></svg></div><div><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewbox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M868 545.5L536.1 163a31.96 31.96 0 0 0-48.3 0L156 545.5a7.97 7.97 0 0 0 6 13.2h81c4.6 0 9-2 12.1-5.5L474 300.9V864c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V300.9l218.9 252.3c3 3.5 7.4 5.5 12.1 5.5h81c6.8 0 10.5-8 6-13.2z"></path></svg></div></button></div></div></div><footer class="sc-cdc80a7b-0 iQxFJM"><div class="grid grid-cols-12 xl:grid-cols-24 gap-x-2.5"><div class="col-start-2 col-end-12 xl:col-start-3 xl:col-end-23 flex flex-col gap-y-10"><h2 class="__className_6fce18 text-sm upper text-text-primary clip" data-splitting="chars">Contact</h2><div class="flex flex-row flex-wrap justify-between items-end"><div class="__className_54afb6 flex flex-col items-start socials"><a aria-label="Linkedin" target="_blank" href="https://www.linkedin.com/in/quentin-vannarath-931b4a138/">Linkedin</a><a aria-label="Github" target="_blank" href="https://github.com/QVan27">Github</a></div><a class="__className_45514b email" aria-label="qvannarathdev@gmail.com" href="mailto:qvannarathdev@gmail.com"><span data-splitting="chars" class="show text-sm">qvannarathdev@gmail.com</span><span data-splitting="chars" class="hide text-sm">qvannarathdev@gmail.com</span></a></div></div></div></footer></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"seo":{"__typename":"PostTypeSEO","title":"Quentin Vannarath - Développeur Web Fullstack orienté Front-End | Art'vannah","metaDesc":"Découvrez l'univers créatif de Quentin Vannarath, développeur web Fullstack orienté Front-End. Explorez mes projets et réalisations au service de l'innovation numérique. Art'vannah - Transformez votre vision en réalité."},"title":"Accueil","featuredImage":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/screenshot.png","favicon":[{"__typename":"MediaSize","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-300x300.png","width":"300"},{"__typename":"MediaSize","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-150x150.png","width":"150"},{"__typename":"MediaSize","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-270x270.png","width":"270"},{"__typename":"MediaSize","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-192x192.png","width":"192"},{"__typename":"MediaSize","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-180x180.png","width":"180"},{"__typename":"MediaSize","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/cropped-favicon-32x32.png","width":"32"}],"blocks":[{"name":"acf/b-cover","attributes":{"name":"acf/b-cover","data":{"image":{"id":19,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/quentinzoom.png","width":1077,"height":1600,"resized":false,"alt":"Quentin Vannarath | Développeur Web - Art'vannah","title":"quentinzoom"},"_image":"field_66fc1c5d50d88","first_tag":"Développeur","_first_tag":"field_66fc1cb650d89","second_tag":"Web","_second_tag":"field_66fc1cd250d8a","third_tag":"Web Mobile","_third_tag":"field_66fc1cf550d8b","content":"\u003cp\u003ePassionné par \u003cstrong\u003el'univers du web\u003c/strong\u003e et des applications, je mets \u003cstrong\u003ema créativité\u003c/strong\u003e à votre service pour concrétiser tous \u003cstrong\u003evos projets\u003c/strong\u003e.\u003c/p\u003e","_content":"field_66fc1d0950d8c"},"mode":"edit"},"id":"98151f09-6447-4e91-93fe-634e5fa0fa04"},{"name":"acf/b-title-items","attributes":{"name":"acf/b-title-items","data":{"title":"mes outils","_title":"field_66fd479b978bf","items_0_title":"js","_items_0_title":"field_66fd47bf978c1","items_0_text":"Indispensable pour créer des contenus web dynamiques et des interfaces utilisateurs interactives.","_items_0_text":"field_66fd47c7978c2","items_1_title":"gsap","_items_1_title":"field_66fd47bf978c1","items_1_text":"Bibliothèque d'animations puissante pour réaliser des animations web fluides et captivantes.","_items_1_text":"field_66fd47c7978c2","items_2_title":"next","_items_2_title":"field_66fd47bf978c1","items_2_text":"Framework React avec rendu côté serveur et routage intuitif pour des performances optimisées.","_items_2_text":"field_66fd47c7978c2","items_3_title":"wordpress","_items_3_title":"field_66fd47bf978c1","items_3_text":"CMS pour une gestion de contenu efficace et une diffusion optimisée sur différentes plateformes.","_items_3_text":"field_66fd47c7978c2","items":4,"_items":"field_66fd47b2978c0"},"mode":"edit"},"id":"b4881cc4-7d5e-4477-b566-3c7d91cb68ac"},{"name":"acf/b-title-content-image","attributes":{"name":"acf/b-title-content-image","data":{"title":"à propos de moi","_title":"field_66fd5f2e443bf","content":"\u003cp\u003e\u003cstrong\u003eDéveloppeur web spécialisé en Front-End\u003c/strong\u003e, basé à \u003cstrong\u003eRouen\u003c/strong\u003e, je mets mon \u003cstrong\u003eexpertise en développement et design de sites\u003c/strong\u003e au service de vos projets. Réfléchi, organisé et proactif, je prends en charge vos demandes avec une \u003cstrong\u003eattention aux détails\u003c/strong\u003e et un souci constant de la \u003cstrong\u003equalité\u003c/strong\u003e pour respecter vos attentes et vos délais.\u003c/p\u003e\r\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\r\n\u003cp\u003eMa mission est de \u003cstrong\u003ecréer des sites web ergonomiques, rapides et intuitifs\u003c/strong\u003e pour offrir une \u003cstrong\u003eexpérience utilisateur fluide et agréable\u003c/strong\u003e. Je m’assure que chaque interface respecte les \u003cstrong\u003enormes d’accessibilité\u003c/strong\u003e et de \u003cstrong\u003ecompatibilité entre navigateurs\u003c/strong\u003e afin de garantir \u003cstrong\u003el'accessibilité au plus grand nombre\u003c/strong\u003e.\u003c/p\u003e\r\n\u003cp\u003e\u0026nbsp;\u003c/p\u003e\r\n\u003cp\u003eFort d'une \u003cstrong\u003esolide expérience en développement front-end\u003c/strong\u003e, je maîtrise plusieurs \u003cstrong\u003eframeworks\u003c/strong\u003e, \u003cstrong\u003eCMS\u003c/strong\u003e et \u003cstrong\u003etechnologies\u003c/strong\u003e (\u003cstrong\u003eReact\u003c/strong\u003e, \u003cstrong\u003eWordPress\u003c/strong\u003e, \u003cstrong\u003eGSAP\u003c/strong\u003e, etc.) pour répondre à vos besoins spécifiques et concrétiser vos projets.\u003c/p\u003e","_content":"field_66fd5f44443c0","image":{"id":43,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/quentin.png","width":981,"height":1694,"resized":false,"alt":"Quentin Vannarath | Développeur Web - Art'vannah","title":"quentin"},"_image":"field_66fd5f59443c1"},"mode":"edit"},"id":"4cc2ea38-ca82-431d-a3cc-f1bb8c81c33e"},{"name":"acf/b-projects","attributes":{"name":"acf/b-projects","data":{"title":"Ce que j'ai réalisé","_title":"field_66fe9512399a4","projects_0_title":"Madame à Paname","_projects_0_title":"field_66fe952d399a6","projects_0_link":{"title":"Madame à Paname","url":"https://madameapaname.com/","target":"_blank"},"_projects_0_link":"field_66fe9536399a7","projects_0_collaboration":{"title":"Digital Cover","url":"https://digital-cover.fr/","target":"_blank"},"_projects_0_collaboration":"field_66fe9550399a8","projects_0_stack":"WORDPRESS | PHP | JS | BLADE | SCSS | GSAP | LENIS | TAXI","_projects_0_stack":"field_66fe9579399a9","projects_0_image":{"id":79,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/madame-a-paname-1.png","width":908,"height":492,"resized":false,"alt":"Bannière du site Madame à Paname","title":"madame-a-paname"},"_projects_0_image":"field_66fe958c399aa","projects_1_title":"MMA Agon Academy","_projects_1_title":"field_66fe952d399a6","projects_1_link":{"title":"MMA Agon Academy","url":"https://www.mma-agon.fr/","target":"_blank"},"_projects_1_link":"field_66fe9536399a7","projects_1_collaboration":"","_projects_1_collaboration":"field_66fe9550399a8","projects_1_stack":"WORDPRESS | PHP | JS | CSS | HTML | GSAP","_projects_1_stack":"field_66fe9579399a9","projects_1_image":{"id":80,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/mma-agon-academy-1.png","width":908,"height":492,"resized":false,"alt":"Bannière du site MMA Agon Academy","title":"mma-agon-academy"},"_projects_1_image":"field_66fe958c399aa","projects_2_title":"OGMA Partners","_projects_2_title":"field_66fe952d399a6","projects_2_link":{"title":"OGMA Partners","url":"https://www.ogma-partners.com/","target":"_blank"},"_projects_2_link":"field_66fe9536399a7","projects_2_collaboration":{"title":"Digital Cover","url":"https://digital-cover.fr/","target":"_blank"},"_projects_2_collaboration":"field_66fe9550399a8","projects_2_stack":"WORDPRESS | PHP | JS | BLADE | SCSS | GSAP | LENIS | TAXI","_projects_2_stack":"field_66fe9579399a9","projects_2_image":{"id":84,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/ogma.png","width":790,"height":430,"resized":false,"alt":"Bannière du site OGMA Partners","title":"ogma"},"_projects_2_image":"field_66fe958c399aa","projects_3_title":"BV Electronics","_projects_3_title":"field_66fe952d399a6","projects_3_link":{"title":"BV Electronics","url":"https://www.bvelectronicstrading.com/","target":"_blank"},"_projects_3_link":"field_66fe9536399a7","projects_3_collaboration":{"title":"Digital Cover","url":"https://digital-cover.fr/","target":"_blank"},"_projects_3_collaboration":"field_66fe9550399a8","projects_3_stack":"WORDPRESS | PHP | JS | BLADE | SCSS | GSAP | LENIS | LOTTIE FILES","_projects_3_stack":"field_66fe9579399a9","projects_3_image":{"id":88,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/bv.png","width":790,"height":430,"resized":false,"alt":"Bannière du site BV Eletronics","title":"bv"},"_projects_3_image":"field_66fe958c399aa","projects_4_title":"Campus Saint-Marc","_projects_4_title":"field_66fe952d399a6","projects_4_link":{"title":"Campus Saint-Marc","url":"https://campus-saint-marc.com/","target":"_blank"},"_projects_4_link":"field_66fe9536399a7","projects_4_collaboration":{"title":"Nathan Soares","url":"https://www.nathansoares.com/","target":"_blank"},"_projects_4_collaboration":"field_66fe9550399a8","projects_4_stack":"WORDPRESS | WEBFLOW | PHP | JS | CSS | LOTTIE FILES","_projects_4_stack":"field_66fe9579399a9","projects_4_image":{"id":89,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/csm.png","width":790,"height":430,"resized":false,"alt":"Bannière du site Campus Saint-Marc","title":"csm"},"_projects_4_image":"field_66fe958c399aa","projects_5_title":"BIAS Immobilier","_projects_5_title":"field_66fe952d399a6","projects_5_link":{"title":"BIAS Immobilier","url":"https://biasimmobilier.fr/","target":"_blank"},"_projects_5_link":"field_66fe9536399a7","projects_5_collaboration":{"title":"Nathan Soares","url":"https://www.nathansoares.com/","target":"_blank"},"_projects_5_collaboration":"field_66fe9550399a8","projects_5_stack":"WORDPRESS | WEBFLOW | PHP | JS | CSS | VUE | SWIPER | LOTTIE FILES | MAPBOX","_projects_5_stack":"field_66fe9579399a9","projects_5_image":{"id":93,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/bias-immo.png","width":790,"height":430,"resized":false,"alt":"Bannière du site Bias Immobilier","title":"bias-immo"},"_projects_5_image":"field_66fe958c399aa","projects_6_title":"Kaizzen","_projects_6_title":"field_66fe952d399a6","projects_6_link":{"title":"Kaizzen","url":"https://kaizzen.fr/","target":"_blank"},"_projects_6_link":"field_66fe9536399a7","projects_6_collaboration":{"title":"Nathan Soares","url":"https://www.nathansoares.com/","target":"_blank"},"_projects_6_collaboration":"field_66fe9550399a8","projects_6_stack":"WORDPRESS | PHP | JS | CSS | VUE | SWIPER","_projects_6_stack":"field_66fe9579399a9","projects_6_image":{"id":94,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/kaizzen.png","width":790,"height":430,"resized":false,"alt":"Bannière du site Kaizzen","title":"kaizzen"},"_projects_6_image":"field_66fe958c399aa","projects_7_title":"Haus Division","_projects_7_title":"field_66fe952d399a6","projects_7_link":{"title":"Haus Division","url":"https://haus-division.vercel.app/","target":"_blank"},"_projects_7_link":"field_66fe9536399a7","projects_7_collaboration":{"title":"Nathan Soares","url":"https://www.nathansoares.com/","target":"_blank"},"_projects_7_collaboration":"field_66fe9550399a8","projects_7_stack":"WORDPRESS HEADLESS | NEXT | STYLED COMPONENT | JS | GSAP | SWIPER | LOTTIE FILES","_projects_7_stack":"field_66fe9579399a9","projects_7_image":{"id":95,"url":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/haus.png","width":790,"height":430,"resized":false,"alt":"Bannière du site Haus Division","title":"haus"},"_projects_7_image":"field_66fe958c399aa","projects":8,"_projects":"field_66fe9520399a5"},"mode":"edit"},"id":"eb8172e8-3dc0-401b-8d6c-8b393faed000"},{"name":"acf/b-pre-footer","attributes":{"name":"acf/b-pre-footer","data":{"suptitle":"Vous avez un projet en tête ?","_suptitle":"field_66fd6857f0126","title":"Entrons en contact !","_title":"field_66fd6874f0127","first_text":"Écrivez un","_first_text":"field_66fd687bf0128","second_text":"message","_second_text":"field_66fd6889f0129","link":{"title":"Adresse mail : qvannarathdev@gmail.com","url":"mailto:qvannarathdev@gmail.com","target":""},"_link":"field_66fd68edf012a"},"mode":"edit"},"id":"5cc3ebf6-f88d-4e44-951d-8205d686fc9c"}],"footer":{"links":[{"__typename":"AcfOptionsFooter_Acfoptionsfooter_links","link":{"__typename":"AcfLink","target":"_blank","title":"Linkedin","url":"https://www.linkedin.com/in/quentin-vannarath-931b4a138/"}},{"__typename":"AcfOptionsFooter_Acfoptionsfooter_links","link":{"__typename":"AcfLink","target":"_blank","title":"Github","url":"https://github.com/QVan27"}}],"mail":{"__typename":"AcfLink","target":"","title":"qvannarathdev@gmail.com","url":"mailto:qvannarathdev@gmail.com"},"title":"Contact"},"options":{"socials":[{"__typename":"AcfOptionsOptions_Acfoptions_socials","link":{"__typename":"AcfLink","target":"","title":"qvannarathdev@gmail.com","url":"mailto:qvannarathdev@gmail.com"},"image":{"__typename":"MediaItem","altText":"Email","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/email.png","sizes":"(max-width: 14px) 100vw, 14px","mediaDetails":{"__typename":"MediaDetails","height":16,"width":14}}},{"__typename":"AcfOptionsOptions_Acfoptions_socials","link":{"__typename":"AcfLink","target":"_blank","title":"Github","url":"https://github.com/QVan27"},"image":{"__typename":"MediaItem","altText":"Github","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/github.png","sizes":"(max-width: 17px) 100vw, 17px","mediaDetails":{"__typename":"MediaDetails","height":18,"width":17}}},{"__typename":"AcfOptionsOptions_Acfoptions_socials","link":{"__typename":"AcfLink","target":"_blank","title":"Linkedin","url":"https://www.linkedin.com/in/quentin-vannarath-931b4a138/"},"image":{"__typename":"MediaItem","altText":"Linkedin","sourceUrl":"https://api.artvannah-app.fr/wp-content/uploads/2024/10/linkedin.png","sizes":"(max-width: 15px) 100vw, 15px","mediaDetails":{"__typename":"MediaDetails","height":16,"width":15}}}]}},"__N_SSG":true},"page":"/","query":{},"buildId":"_K1RKrxhOy-9u-t7zE_Oy","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>