{"id":162,"date":"2025-08-31T02:47:04","date_gmt":"2025-08-31T02:47:04","guid":{"rendered":"https:\/\/nexwebia.ca\/?page_id=162"},"modified":"2026-10-11T16:01:32","modified_gmt":"2026-10-11T16:01:32","slug":"portfolio-video","status":"publish","type":"page","link":"https:\/\/nexwebia.ca\/en\/portfolio-video\/","title":{"rendered":"Portfolio Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"162\" class=\"elementor elementor-162\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f3e4b0 e-con-full e-flex e-con e-parent\" data-id=\"3f3e4b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0312ec4 elementor-widget elementor-widget-html\" data-id=\"0312ec4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- NEXWEBIA \/ PORTFOLIO VIDEO \u2014 Elementor HTML widget \u2014 v2026 -->\n<section id=\"nxw-portfolio26\" aria-labelledby=\"nxwp-title\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n#nxw-portfolio26{--bg:#050807;--ink:#f1f8f4;--muted:#9fb0aa;--mint:#59e6b8;--cyan:#35d8e7;--line:rgba(206,255,231,.15);font-family:'Space Grotesk',sans-serif;color:var(--ink);background:var(--bg);position:relative;isolation:isolate;overflow:hidden;min-height:100vh}\n#nxw-portfolio26 *,#nxw-portfolio26 *:before,#nxw-portfolio26 *:after{box-sizing:border-box}\n#nxw-portfolio26 a{color:inherit;text-decoration:none}\n#nxw-portfolio26 button{font:inherit}\n#nxw-portfolio26 .nxwp-noise{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.15;background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'\/%3E%3C\/svg%3E\")}\n#nxw-portfolio26 .nxwp-orb{position:absolute;pointer-events:none;z-index:0;width:min(60vw,780px);aspect-ratio:1;border-radius:50%;filter:blur(85px);opacity:.12;background:radial-gradient(circle,var(--cyan),transparent 70%);top:-200px;right:-15%}\n#nxw-portfolio26 .nxwp-shell{width:min(1600px,calc(100% - 8vw));margin-inline:auto;position:relative;z-index:1}\n#nxw-portfolio26 .nxwp-hero{min-height:min(840px,94svh);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(75px,10vw,160px) 0 45px;position:relative}\n#nxw-portfolio26 .nxwp-kicker,#nxw-portfolio26 .nxwp-overline{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:var(--mint)}\n#nxw-portfolio26 .nxwp-kicker:before{content:'';width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 20px var(--mint)}\n#nxw-portfolio26 #nxwp-title{font-size:clamp(64px,12.2vw,210px)!important;line-height:.77!important;letter-spacing:-.095em!important;font-weight:700!important;text-transform:uppercase;color:#f1f8f4!important;-webkit-text-fill-color:#f1f8f4!important;background:none!important;margin:clamp(32px,5vw,70px) 0 0!important;max-width:1450px}\n#nxw-portfolio26 .nxwp-title-line{display:block;overflow:hidden;padding:0 .06em .12em 0}\n#nxw-portfolio26 .nxwp-title-word{display:inline-block;transform:translateY(115%);opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity 1s}\n#nxw-portfolio26.nxwp-ready .nxwp-title-word{transform:translateY(0);opacity:1}\n#nxw-portfolio26 .nxwp-title-line:nth-child(2) .nxwp-title-word{transition-delay:.14s}\n#nxw-portfolio26 .nxwp-title-line:nth-child(3) .nxwp-title-word{transition-delay:.27s}\n#nxw-portfolio26 #nxwp-title .nxwp-accent{-webkit-text-fill-color:var(--mint)!important;color:var(--mint)!important}\n#nxw-portfolio26 .nxwp-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-top:50px;border-bottom:1px solid var(--line);padding-bottom:28px}\n#nxw-portfolio26 .nxwp-intro{font-size:clamp(17px,1.8vw,26px);line-height:1.4;letter-spacing:-.035em;max-width:590px;color:#d8e8e1;margin:0}\n#nxw-portfolio26 .nxwp-scroll{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}\n#nxw-portfolio26 .nxwp-scroll i{font-style:normal;font-size:28px;color:var(--mint);animation:nxwp-drop 2s infinite}\n@keyframes nxwp-drop{0%,100%{transform:translateY(-5px)}50%{transform:translateY(6px)}}\n#nxw-portfolio26 .nxwp-work{padding:clamp(65px,9vw,140px) 0 120px}\n#nxw-portfolio26 .nxwp-work-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}\n#nxw-portfolio26 .nxwp-work-head h2{font-size:clamp(40px,5vw,84px)!important;letter-spacing:-.075em!important;line-height:.98!important;color:#f1f8f4!important;-webkit-text-fill-color:#f1f8f4!important;background:none!important;margin:12px 0 0!important;text-transform:uppercase}\n#nxw-portfolio26 .nxwp-counter{font-size:clamp(40px,6vw,90px);font-weight:700;letter-spacing:-.08em;line-height:1;color:var(--mint)}\n#nxw-portfolio26 .nxwp-counter small{font-size:13px;letter-spacing:0;color:var(--muted);vertical-align:top}\n#nxw-portfolio26 .nxwp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.5vw,40px);row-gap:clamp(58px,8vw,130px)}\n#nxw-portfolio26 .nxwp-project{grid-column:span 6;min-width:0;position:relative}\n#nxw-portfolio26 .nxwp-project:nth-child(6n+1){grid-column:span 7}\n#nxw-portfolio26 .nxwp-project:nth-child(6n+2){grid-column:span 5;margin-top:clamp(65px,9vw,150px)}\n#nxw-portfolio26 .nxwp-project:nth-child(6n+3){grid-column:span 5}\n#nxw-portfolio26 .nxwp-project:nth-child(6n+4){grid-column:span 7;margin-top:clamp(40px,6vw,100px)}\n#nxw-portfolio26 .nxwp-project:nth-child(6n+5){grid-column:span 6}\n#nxw-portfolio26 .nxwp-project:nth-child(6n+6){grid-column:span 6;margin-top:clamp(60px,7vw,110px)}\n#nxw-portfolio26 .nxwp-media{position:relative;background:#0c1614;overflow:hidden;aspect-ratio:16\/10;border:1px solid rgba(230,255,244,.09);border-radius:3px;cursor:pointer;display:block;width:100%;padding:0;isolation:isolate;transform:translateZ(0)}\n#nxw-portfolio26 .nxwp-project:nth-child(6n+2) .nxwp-media,#nxw-portfolio26 .nxwp-project:nth-child(6n+3) .nxwp-media{aspect-ratio:4\/5}\n#nxw-portfolio26 .nxwp-media:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.42) 100%)}\n#nxw-portfolio26 .nxwp-media img,#nxw-portfolio26 .nxwp-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s}\n#nxw-portfolio26 .nxwp-media img{filter:saturate(.86)}\n#nxw-portfolio26 .nxwp-media video{opacity:0;transition:opacity .45s,transform .9s;pointer-events:none}\n#nxw-portfolio26 .nxwp-media.nxwp-playing video{opacity:1}\n#nxw-portfolio26 .nxwp-media.nxwp-playing img{opacity:0}\n#nxw-portfolio26 .nxwp-media:not(:has(img)){background:radial-gradient(ellipse at 55% 35%,#173d37,#071310 70%)}\n#nxw-portfolio26 .nxwp-media:not(:has(img)):after{content:'APER\u00c7U VID\u00c9O \u00b7 CHARGEMENT';position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.16em;color:#94c7b8;white-space:nowrap}\n#nxw-portfolio26 .nxwp-media.nxwp-playing:after{display:none}\n#nxw-portfolio26 .nxwp-project:hover .nxwp-media img,#nxw-portfolio26 .nxwp-project:hover .nxwp-media video{transform:scale(1.055)}\n#nxw-portfolio26 .nxwp-media .nxwp-media-label{position:absolute;z-index:4;left:18px;top:18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:rgba(4,10,9,.68);border:1px solid rgba(255,255,255,.19);padding:9px 12px;backdrop-filter:blur(10px);color:#f1f8f4}\n#nxw-portfolio26 .nxwp-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;background:rgba(5,12,11,.33);backdrop-filter:blur(12px);font-size:24px;color:#fff;transition:opacity .3s,transform .4s}\n#nxw-portfolio26 .nxwp-media.nxwp-playing .nxwp-play{opacity:0;transform:translate(-50%,-50%) scale(.7)}\n#nxw-portfolio26 .nxwp-media:focus-visible{outline:3px solid var(--mint);outline-offset:4px}\n#nxw-portfolio26 .nxwp-project-meta{display:flex;justify-content:space-between;align-items:start;gap:18px;padding-top:19px;border-top:1px solid var(--line);margin-top:16px}\n#nxw-portfolio26 .nxwp-project-title{font-size:clamp(20px,2.1vw,35px)!important;line-height:1.1!important;letter-spacing:-.055em!important;color:#f1f8f4!important;-webkit-text-fill-color:#f1f8f4!important;background:none!important;margin:0!important}\n#nxw-portfolio26 .nxwp-project-index{display:block;color:var(--mint);font-size:11px;margin-bottom:9px;letter-spacing:.1em}\n#nxw-portfolio26 .nxwp-visit{flex-shrink:0;display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)!important;transition:color .3s}\n#nxw-portfolio26 .nxwp-visit span{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:18px;transition:background .3s,color .3s,transform .3s}\n#nxw-portfolio26 .nxwp-visit:hover{color:var(--mint)!important}\n#nxw-portfolio26 .nxwp-visit:hover span{background:var(--mint);color:#03110c;transform:rotate(45deg)}\n#nxw-portfolio26 .nxwp-reveal{opacity:0;transform:translateY(65px);transition:opacity .9s,transform 1.1s cubic-bezier(.16,1,.3,1)}\n#nxw-portfolio26 .nxwp-reveal.nxwp-in{opacity:1;transform:translateY(0)}\n#nxw-portfolio26 .nxwp-end{margin-top:clamp(110px,14vw,220px);padding:clamp(75px,9vw,145px) 0;border-top:1px solid var(--line);position:relative}\n#nxw-portfolio26 .nxwp-end h2{font-size:clamp(52px,9vw,150px)!important;line-height:.85!important;letter-spacing:-.085em!important;text-transform:uppercase;color:#f1f8f4!important;-webkit-text-fill-color:#f1f8f4!important;background:none!important;max-width:1100px;margin:25px 0 50px!important}\n#nxw-portfolio26 .nxwp-end h2 em{font-style:normal;color:var(--mint)!important;-webkit-text-fill-color:var(--mint)!important}\n#nxw-portfolio26 .nxwp-cta{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;min-width:min(100%,370px);padding:20px 24px;background:var(--mint);color:#061011!important;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em;transition:transform .3s,background .3s}\n#nxw-portfolio26 .nxwp-cta:hover{transform:translateY(-5px);background:#b2ffdc}\n#nxw-portfolio26 .nxwp-cursor{position:fixed;z-index:100;pointer-events:none;left:0;top:0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;color:#04110d;background:var(--mint);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .2s,transform .25s}\n#nxw-portfolio26 .nxwp-cursor.nxwp-cursor-on{opacity:1;transform:translate(-50%,-50%) scale(1)}\n@media(min-width:1100px){#nxw-portfolio26 .nxwp-media.nxwp-hovered .nxwp-play{opacity:0}}\n@media(max-width:767px){#nxw-portfolio26 .nxwp-shell{width:calc(100% - 36px)}#nxw-portfolio26 .nxwp-hero{min-height:75svh;padding:90px 0 28px}#nxw-portfolio26 #nxwp-title{font-size:clamp(53px,14.3vw,105px)!important;letter-spacing:-.09em!important}#nxw-portfolio26 .nxwp-hero-bottom{align-items:start;flex-direction:column;gap:24px;padding-top:28px}#nxw-portfolio26 .nxwp-scroll{font-size:10px}#nxw-portfolio26 .nxwp-work{padding:70px 0}#nxw-portfolio26 .nxwp-work-head{margin-bottom:30px}#nxw-portfolio26 .nxwp-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:48px}#nxw-portfolio26 .nxwp-project,#nxw-portfolio26 .nxwp-project:nth-child(n){grid-column:1;margin-top:0}#nxw-portfolio26 .nxwp-media,#nxw-portfolio26 .nxwp-project:nth-child(n) .nxwp-media{aspect-ratio:4\/3}#nxw-portfolio26 .nxwp-project:nth-child(3n+2) .nxwp-media{aspect-ratio:4\/5}#nxw-portfolio26 .nxwp-project-title{font-size:25px!important}#nxw-portfolio26 .nxwp-visit{font-size:10px}#nxw-portfolio26 .nxwp-play{width:65px;height:65px}#nxw-portfolio26 .nxwp-cursor{display:none}#nxw-portfolio26 .nxwp-end{margin-top:70px}#nxw-portfolio26 .nxwp-end h2{font-size:clamp(53px,12vw,100px)!important}}\n@media(hover:none),(pointer:coarse){#nxw-portfolio26 .nxwp-cursor{display:none}}\n@media(prefers-reduced-motion:reduce){#nxw-portfolio26 *,#nxw-portfolio26 *:before,#nxw-portfolio26 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#nxw-portfolio26 .nxwp-title-word,#nxw-portfolio26 .nxwp-reveal{transform:none!important;opacity:1!important}#nxw-portfolio26 .nxwp-cursor{display:none}}\n\/* FIX V3 \u2014 preserve full website viewport in every project video *\/\n#nxw-portfolio26 .nxwp-media,\n#nxw-portfolio26 .nxwp-project:nth-child(n) .nxwp-media{\n  aspect-ratio:16 \/ 9!important;\n  background:#050908!important;\n}\n#nxw-portfolio26 .nxwp-media img,\n#nxw-portfolio26 .nxwp-media video{\n  object-fit:contain!important;\n  object-position:center center!important;\n  transform:none!important;\n}\n#nxw-portfolio26 .nxwp-project:hover .nxwp-media img,\n#nxw-portfolio26 .nxwp-project:hover .nxwp-media video{\n  transform:none!important;\n}\n@media(max-width:767px){\n  #nxw-portfolio26 .nxwp-media,\n  #nxw-portfolio26 .nxwp-project:nth-child(n) .nxwp-media,\n  #nxw-portfolio26 .nxwp-project:nth-child(3n+2) .nxwp-media{aspect-ratio:16 \/ 9!important}\n}\n<\/style>\n<div class=\"nxwp-noise\" aria-hidden=\"true\"><\/div><div class=\"nxwp-orb\" aria-hidden=\"true\"><\/div>\n<div class=\"nxwp-shell\">\n<header class=\"nxwp-hero\">\n<div><div class=\"nxwp-kicker\">NexWebia \/ Portfolio vid\u00e9o \/ 2026<\/div>\n<h1 id=\"nxwp-title\"><span class=\"nxwp-title-line\"><span class=\"nxwp-title-word\">DES SITES.<\/span><\/span><span class=\"nxwp-title-line\"><span class=\"nxwp-title-word\">DES ID\u00c9ES.<\/span><\/span><span class=\"nxwp-title-line\"><span class=\"nxwp-title-word nxwp-accent\">DU MOUVEMENT.<\/span><\/span><\/h1><\/div>\n<div class=\"nxwp-hero-bottom\"><p class=\"nxwp-intro\">Une s\u00e9lection de projets web \u00e0 d\u00e9couvrir en mouvement. De l'exp\u00e9rience desktop \u00e0 l'interface mobile, chaque r\u00e9alisation raconte une autre fa\u00e7on de concevoir le num\u00e9rique.<\/p><div class=\"nxwp-scroll\">Explorer les projets <i aria-hidden=\"true\">\u2193<\/i><\/div><\/div>\n<\/header>\n<main class=\"nxwp-work\" id=\"nxwp-projects\"><div class=\"nxwp-work-head nxwp-reveal\"><div><div class=\"nxwp-overline\">01 \/ Travaux s\u00e9lectionn\u00e9s<\/div><h2>Le portfolio<br>en mouvement.<\/h2><\/div><div class=\"nxwp-counter\">17<small> \/ PROJETS<\/small><\/div><\/div><div class=\"nxwp-grid\" id=\"nxwp-grid\"><\/div>\n<div class=\"nxwp-end nxwp-reveal\"><div class=\"nxwp-overline\">02 \/ Le prochain projet<\/div><h2>Votre marque.<br><em>Notre prochaine<\/em><br>obsession.<\/h2><a class=\"nxwp-cta\" href=\"https:\/\/nexwebia.ca\/soumission\/\">Parlons de votre projet <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div>\n<\/main><\/div><div class=\"nxwp-cursor\" aria-hidden=\"true\">Voir<\/div>\n<script>\n(function(){\nconst root=document.getElementById('nxw-portfolio26');if(!root||root.dataset.nxwpInit)return;root.dataset.nxwpInit='1';\nconst projects=[{\"title\": \"VenduRapide.ca\", \"url\": \"https:\/\/vendurapide.ca\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/08\/Vendu-rapide.mp4\", \"poster\": \"\"}, {\"title\": \"Auto Examen SAAQ\", \"url\": \"https:\/\/autoexamensaaq.com\/en\/accueil\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/08\/Saaq.mp4\", \"poster\": \"\"}, {\"title\": \"Futuretoi\", \"url\": \"https:\/\/mediumblue-ibis-816329.hostingersite.com\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/futuretoi-video.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/futuretoi-desktop.jpg\"}, {\"title\": \"DV Epoxy\", \"url\": \"https:\/\/dvepoxy.ca\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/dvepoxy-video-.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/dvepoxy-desktop.jpg\"}, {\"title\": \"Elite C&D \u00c9nergie\", \"url\": \"https:\/\/elite-cnd.ca\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/03\/Videos-_-Library-_-Loom-19-March-2026.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/03\/elite-cnd-desktop.jpg\"}, {\"title\": \"Spray Multisurfaces\", \"url\": \"https:\/\/spraymultisurfaces.ca\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/03\/Loom-_-Free-Screen-Video-Recording-Software-_-Loom-19-March-2026.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/03\/spray-multisurfaces-desktop.jpg\"}, {\"title\": \"Climatisation BJP\", \"url\": \"https:\/\/climatisationbjp.com\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/bjpclimatisation-video.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/climatisationbjp-desktop.jpg\"}, {\"title\": \"Coach Betancourt\", \"url\": \"https:\/\/coachbetancourt.ca\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/02\/Loom-_-Free-Screen-Video-Recording-Software-_-Loom-9-February-2026.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/02\/coachbetancourt-desktop.jpg\"}, {\"title\": \"Transport VR Qu\u00e9bec\", \"url\": \"https:\/\/transportvrquebec.com\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/02\/Re_-9-February-2026.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/02\/transportvrquebec-desktop.jpg\"}, {\"title\": \"Cedclearshot.ca\", \"url\": \"https:\/\/cedclearshot.com\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/02\/Re_-9-February-2026-1.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2026\/02\/turtle-demo-desktop.jpg\"}, {\"title\": \"SM3 Immobilier\", \"url\": \"https:\/\/sm3immobilier.ca\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/sm3-video.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/sm3-desktop.jpg\"}, {\"title\": \"La Poutinerie du Quartier\", \"url\": \"https:\/\/lapoutinerieduquartier.com\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/poutinerieduquartier-video.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/poutinerieduquartier-desktop.jpg\"}, {\"title\": \"Nisma Traiteur\", \"url\": \"https:\/\/nismatraiteur.ca\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/nisma-video.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/nismatraiteur-desktop.jpg\"}, {\"title\": \"Keralisse\", \"url\": \"https:\/\/keralisse.ca\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/keralisse-video.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/keralisse-desktop.jpg\"}, {\"title\": \"Cargo Red Logistique\", \"url\": \"https:\/\/blueviolet-wren-298690.hostingersite.com\/\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/cargo-video.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/08\/cargo-desktop.jpg\"}, {\"title\": \"AJS Prod\", \"url\": \"https:\/\/ajsprod.ca\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/11\/ajs-prod-miniature.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/11\/ajs-prod-desktop.jpg\"}, {\"title\": \"OlympiqueNet\", \"url\": \"https:\/\/olympiquenet.com\", \"video\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/11\/olympique-mini.mp4\", \"poster\": \"https:\/\/nexwebia.ca\/wp-content\/uploads\/2025\/11\/olympique-desktop.jpg\"}];\nconst grid=root.querySelector('#nxwp-grid'),counter=root.querySelector('.nxwp-counter');\nif(counter)counter.innerHTML=projects.length+'<small> \/ PROJETS<\/small>';\nconst reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\nconst touch=window.matchMedia('(hover:none), (pointer:coarse)').matches;\nconst esc=s=>String(s).replace(\/[&<>\"']\/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\nprojects.forEach((p,i)=>{\nconst article=document.createElement('article');article.className='nxwp-project nxwp-reveal';\nconst poster=p.poster?'<img src=\"'+esc(p.poster)+'\" alt=\"Aper\u00e7u du projet '+esc(p.title)+'\" loading=\"lazy\" decoding=\"async\">':'';\narticle.innerHTML='<button type=\"button\" class=\"nxwp-media\" aria-label=\"Lire la vid\u00e9o de '+esc(p.title)+'\" aria-pressed=\"false\">'+poster+'<span class=\"nxwp-media-label\">Projet '+String(i+1).padStart(2,'0')+' \/ Film<\/span><span class=\"nxwp-play\" aria-hidden=\"true\">\u25b6<\/span><\/button><div class=\"nxwp-project-meta\"><div><span class=\"nxwp-project-index\">'+String(i+1).padStart(2,'0')+' \/ '+String(projects.length).padStart(2,'0')+'<\/span><h3 class=\"nxwp-project-title\">'+esc(p.title)+'<\/h3><\/div><a class=\"nxwp-visit\" href=\"'+esc(p.url)+'\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visiter le site '+esc(p.title)+'\">Visiter <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div>';\nconst btn=article.querySelector('.nxwp-media');\nlet video=null;let playing=false;\nfunction ensureVideo(){if(video)return video;video=document.createElement('video');video.muted=true;video.loop=true;video.playsInline=true;video.preload=i<2?'auto':'metadata';video.autoplay=true;video.setAttribute('muted','');video.setAttribute('playsinline','');video.setAttribute('aria-hidden','true');if(p.poster)video.poster=p.poster;const source=document.createElement('source');source.src=p.video;source.type='video\/mp4';video.appendChild(source);btn.insertBefore(video,btn.querySelector('.nxwp-media-label'));return video}\nasync function play(){const v=ensureVideo();try{await v.play();playing=true;btn.classList.add('nxwp-playing');btn.setAttribute('aria-pressed','true');btn.setAttribute('aria-label','Mettre en pause la vid\u00e9o de '+p.title)}catch(e){playing=false;btn.classList.remove('nxwp-playing')}}\nfunction pause(){if(video)video.pause();playing=false;btn.classList.remove('nxwp-playing');btn.setAttribute('aria-pressed','false');btn.setAttribute('aria-label','Lire la vid\u00e9o de '+p.title)}\nbtn.addEventListener('click',()=>playing?pause():play());\n\/\/ La lecture d\u00e9pend de la visibilit\u00e9, jamais du survol.\narticle.nxwpPause=pause;article.nxwpPlay=play;grid.appendChild(article);if(i<2)ensureVideo()\n});\nconst revealObserver=('IntersectionObserver'in window)?new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('nxwp-in');revealObserver.unobserve(e.target)}})},{threshold:.08,rootMargin:'0px 0px -30px 0px'}):null;\nroot.querySelectorAll('.nxwp-reveal').forEach(el=>revealObserver?revealObserver.observe(el):el.classList.add('nxwp-in'));\nconst visibilityObserver=('IntersectionObserver'in window)?new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){if(!document.hidden&&e.target.nxwpPlay)e.target.nxwpPlay()}else if(e.target.nxwpPause)e.target.nxwpPause()})},{threshold:0.12,rootMargin:'100px 0px 100px 0px'}):null;\nroot.querySelectorAll('.nxwp-project').forEach(el=>{if(visibilityObserver)visibilityObserver.observe(el);else if(el.nxwpPlay)el.nxwpPlay()});\nrequestAnimationFrame(()=>root.classList.add('nxwp-ready'));\nif(!touch&&!reduced){const cursor=root.querySelector('.nxwp-cursor');let tx=0,ty=0,cx=0,cy=0,active=false,raf=0;const tick=()=>{cx+=(tx-cx)*.18;cy+=(ty-cy)*.18;cursor.style.left=cx+'px';cursor.style.top=cy+'px';raf=active?requestAnimationFrame(tick):0};root.querySelectorAll('.nxwp-media').forEach(el=>{el.addEventListener('pointerenter',()=>{active=true;cursor.classList.add('nxwp-cursor-on');if(!raf)tick()});el.addEventListener('pointerleave',()=>{active=false;cursor.classList.remove('nxwp-cursor-on')})});root.addEventListener('pointermove',e=>{tx=e.clientX;ty=e.clientY});\nconst orb=root.querySelector('.nxwp-orb');let pending=false;root.addEventListener('pointermove',e=>{if(pending)return;pending=true;requestAnimationFrame(()=>{const r=root.getBoundingClientRect();orb.style.transform='translate3d('+((e.clientX-r.left-r.width\/2)*.025)+'px,'+((e.clientY-r.top)*.025)+'px,0)';pending=false})},{passive:true});}\ndocument.addEventListener('visibilitychange',()=>{root.querySelectorAll('.nxwp-project').forEach(el=>{if(document.hidden){el.nxwpPause&&el.nxwpPause()}else if(el.getBoundingClientRect().bottom>0&&el.getBoundingClientRect().top<innerHeight){el.nxwpPlay&&el.nxwpPlay()}})});\n})();\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>NexWebia \/ Portfolio vid\u00e9o \/ 2026 DES SITES.DES ID\u00c9ES.DU MOUVEMENT. Une s\u00e9lection de projets web \u00e0 d\u00e9couvrir en mouvement. De l&rsquo;exp\u00e9rience desktop \u00e0 l&rsquo;interface mobile, chaque r\u00e9alisation raconte une autre fa\u00e7on de concevoir le num\u00e9rique. Explorer les projets \u2193 01 \/ Travaux s\u00e9lectionn\u00e9s Le portfolioen mouvement. 17 \/ PROJETS 02 \/ Le prochain projet Votre [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/comments?post=162"}],"version-history":[{"count":50,"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":817,"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/pages\/162\/revisions\/817"}],"wp:attachment":[{"href":"https:\/\/nexwebia.ca\/en\/wp-json\/wp\/v2\/media?parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}