{"id":336,"date":"2026-10-15T14:42:42","date_gmt":"2026-10-15T14:42:42","guid":{"rendered":"https:\/\/madpixel.ca\/?page_id=336"},"modified":"2026-10-15T17:01:34","modified_gmt":"2026-10-15T17:01:34","slug":"projects","status":"publish","type":"page","link":"https:\/\/madpixel.ca\/fr\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"<!-- MadPixel portfolio v2: Custom HTML block, dark theme, breakout container. -->\n<style>\n.mp-pf{--mp-pf-accent:#4e35df;--mp-pf-accent-l:#a99bff;--mp-pf-head:#f8fafc;--mp-pf-ink:#e2e8f0;--mp-pf-muted:#b6c2d4;--mp-pf-card:#16213b;--mp-pf-line:rgba(255,255,255,.10);font-family:Inter,system-ui,sans-serif;color:var(--mp-pf-ink);position:relative;width:min(1200px,calc(100vw - 32px));max-width:none;margin:0 0 0 50%;transform:translateX(-50%);padding:24px 0 64px;box-sizing:border-box}\n.mp-pf *,.mp-pf *::before,.mp-pf *::after{box-sizing:border-box}\n.mp-pf-intro{max-width:720px;margin:0 auto 56px;text-align:center}\n.mp-pf-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mp-pf-accent-l);margin-bottom:12px}\n.mp-pf-title{font-family:\"Playfair Display\",Georgia,serif;font-size:clamp(26px,3.6vw,38px);font-weight:600;line-height:1.2;margin:0 0 16px;color:var(--mp-pf-head)}\n.mp-pf-lead{font-size:18px;line-height:1.6;color:var(--mp-pf-muted);margin:0}\n.mp-pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}\n.mp-pf-card{background:var(--mp-pf-card);border:1px solid var(--mp-pf-line);border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.35);display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}\n.mp-pf-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(78,53,223,.35);border-color:rgba(169,155,255,.35)}\n.mp-pf-window{margin:20px 20px 0;border-radius:10px;overflow:hidden;border:1px solid var(--mp-pf-line);background:#0b1222}\n.mp-pf-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;background:#1f2a44;border-bottom:1px solid var(--mp-pf-line)}\n.mp-pf-dot{width:10px;height:10px;border-radius:50%;background:#ff5f57}.mp-pf-dot:nth-child(2){background:#febc2e}.mp-pf-dot:nth-child(3){background:#28c840}\n.mp-pf-url{flex:1;margin-left:10px;height:20px;border-radius:6px;background:#0f172a;font-size:12px;line-height:20px;text-align:center;color:#94a3b8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n.mp-pf-screen{position:relative;aspect-ratio:16\/10;overflow:hidden;background:#fff}\n.mp-pf-shot{position:absolute;top:0;left:0;width:100%;height:auto;display:block;animation:mp-pf-scroll 26s ease-in-out infinite alternate;will-change:transform}\n.mp-pf-card:hover .mp-pf-shot{animation-duration:9s}\n@keyframes mp-pf-scroll{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + var(--mp-pf-h,0px)))}}\n.mp-pf-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#fff;background:linear-gradient(135deg,#4e35df 0%,#7a5cf0 50%,#3ab0c9 100%);background-size:200% 200%;animation:mp-pf-grad 12s ease infinite}\n.mp-pf-ph strong{font-family:\"Playfair Display\",Georgia,serif;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.2}\n.mp-pf-ph span{margin-top:8px;font-size:14px;opacity:.85}\n@keyframes mp-pf-grad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}\n.mp-pf-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}\n.mp-pf-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}\n.mp-pf-tag{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(78,53,223,.22);color:#d4ccff}\n.mp-pf-tag--product{background:var(--mp-pf-accent);color:#fff}\n.mp-pf-name{font-family:\"Playfair Display\",Georgia,serif;font-size:26px;font-weight:600;margin:0 0 8px;color:var(--mp-pf-head)}\n.mp-pf-desc{font-size:16px;line-height:1.55;color:var(--mp-pf-muted);margin:0 0 20px;flex:1}\n.mp-pf-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--mp-pf-accent-l);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s}\n.mp-pf-link:hover,.mp-pf-link:focus-visible{border-color:var(--mp-pf-accent-l)}\n.mp-pf-fade{opacity:0;translate:0 28px;transition:opacity .7s ease,translate .7s ease}\n.mp-pf-fade.mp-pf-in{opacity:1;translate:0 0}\n@media (max-width:820px){.mp-pf-grid{grid-template-columns:1fr;gap:28px}.mp-pf{width:calc(100vw - 24px);padding:16px 0 48px}.mp-pf-window{margin:14px 14px 0}.mp-pf-body{padding:18px 18px 22px}}\n\n@media (prefers-reduced-motion:reduce){.mp-pf-shot,.mp-pf-ph{animation:none!important}.mp-pf-fade{opacity:1;translate:none;transition:none}.mp-pf-card,.mp-pf-card:hover{transition:none;transform:none}}\n.entry:has(.mp-pf){background:transparent;border-color:transparent;box-shadow:none}\nbody.page-id-336 .entry-title,body.page-id-336 .entry-header,.entry:has(.mp-pf) .entry-header,.entry:has(.mp-pf) .entry-title,.entry:has(.mp-pf) .page-title{display:none!important}\n<\/style>\n<section class=\"mp-pf\" aria-labelledby=\"mp-pf-heading\">\n  <div class=\"mp-pf-intro mp-pf-fade\">\n    <span class=\"mp-pf-eyebrow\">Portfolio<\/span>\n    <h1 class=\"mp-pf-title\" id=\"mp-pf-heading\">Projects we have built<\/h1>\n    <p class=\"mp-pf-lead\">A selection of websites and products designed and developed by MadPixel, from local businesses in Laval to our own software.<\/p>\n  <\/div>\n  <div class=\"mp-pf-grid\">\n    <article class=\"mp-pf-card mp-pf-fade\">\n      <div class=\"mp-pf-window\"><div class=\"mp-pf-bar\"><i class=\"mp-pf-dot\"><\/i><i class=\"mp-pf-dot\"><\/i><i class=\"mp-pf-dot\"><\/i><span class=\"mp-pf-url\">orthophoniedelaval.com<\/span><\/div>\n        <div class=\"mp-pf-screen\"><img loading=\"lazy\" decoding=\"async\" class=\"mp-pf-shot\" src=\"https:\/\/madpixel.ca\/wp-content\/uploads\/2026\/10\/orthophoniedelaval-scaled.webp\" alt=\"Clinique Orthophonie De Laval website homepage\" width=\"1440\" height=\"4000\"><\/div><\/div>\n      <div class=\"mp-pf-body\"><div class=\"mp-pf-tags\"><span class=\"mp-pf-tag\">Healthcare<\/span><span class=\"mp-pf-tag\">French<\/span><\/div>\n        <h2 class=\"mp-pf-name\">Clinique Orthophonie De Laval<\/h2>\n        <p class=\"mp-pf-desc\">Website for a speech therapy clinic in Laval, Qu\u00e9bec, presenting its services (assessment, therapy, consultations and screening) for children, teens and adults, along with its team of speech therapists.<\/p>\n        <a class=\"mp-pf-link\" href=\"https:\/\/orthophoniedelaval.com\" target=\"_blank\" rel=\"noopener\">Visit site <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div>\n    <\/article>\n    <article class=\"mp-pf-card mp-pf-fade\">\n      <div class=\"mp-pf-window\"><div class=\"mp-pf-bar\"><i class=\"mp-pf-dot\"><\/i><i class=\"mp-pf-dot\"><\/i><i class=\"mp-pf-dot\"><\/i><span class=\"mp-pf-url\">netxpress.ca<\/span><\/div>\n        <div class=\"mp-pf-screen\"><img loading=\"lazy\" decoding=\"async\" class=\"mp-pf-shot\" src=\"https:\/\/madpixel.ca\/wp-content\/uploads\/2026\/10\/netxpress-v2-scaled.webp\" alt=\"NetXpress website homepage\" width=\"1440\" height=\"3643\"><\/div><\/div>\n      <div class=\"mp-pf-body\"><div class=\"mp-pf-tags\"><span class=\"mp-pf-tag\">Local services<\/span><\/div>\n        <h2 class=\"mp-pf-name\">NetXpress<\/h2>\n        <p class=\"mp-pf-desc\">Website for Buanderie NetXpress, a Laval laundromat offering self-serve machines, commercial service, and pickup and delivery with online pickup requests.<\/p>\n        <a class=\"mp-pf-link\" href=\"https:\/\/netxpress.ca\" target=\"_blank\" rel=\"noopener\">Visit site <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div>\n    <\/article>\n    <article class=\"mp-pf-card mp-pf-fade\">\n      <div class=\"mp-pf-window\"><div class=\"mp-pf-bar\"><i class=\"mp-pf-dot\"><\/i><i class=\"mp-pf-dot\"><\/i><i class=\"mp-pf-dot\"><\/i><span class=\"mp-pf-url\">leilakanaan.com<\/span><\/div>\n        <div class=\"mp-pf-screen\"><img loading=\"lazy\" decoding=\"async\" class=\"mp-pf-shot\" src=\"https:\/\/madpixel.ca\/wp-content\/uploads\/2026\/10\/leilakanaan-scaled.webp\" alt=\"Leila Kanaan portfolio website homepage\" width=\"1440\" height=\"4000\"><\/div><\/div>\n      <div class=\"mp-pf-body\"><div class=\"mp-pf-tags\"><span class=\"mp-pf-tag\">Film &amp; media<\/span><\/div>\n        <h2 class=\"mp-pf-name\">Leila Kanaan<\/h2>\n        <p class=\"mp-pf-desc\">Portfolio site for a Lebanese film and video director, showcasing music videos, commercials and press.<\/p>\n        <a class=\"mp-pf-link\" href=\"https:\/\/leilakanaan.com\" target=\"_blank\" rel=\"noopener\">Visit site <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div>\n    <\/article>\n    <article class=\"mp-pf-card mp-pf-fade\">\n      <div class=\"mp-pf-window\"><div class=\"mp-pf-bar\"><i class=\"mp-pf-dot\"><\/i><i class=\"mp-pf-dot\"><\/i><i class=\"mp-pf-dot\"><\/i><span class=\"mp-pf-url\">skillihub.com<\/span><\/div>\n        <div class=\"mp-pf-screen\"><img loading=\"lazy\" decoding=\"async\" class=\"mp-pf-shot\" src=\"https:\/\/madpixel.ca\/wp-content\/uploads\/2026\/10\/skillihub-scaled.webp\" alt=\"Skillihub platform homepage\" width=\"1440\" height=\"3770\"><\/div><\/div>\n      <div class=\"mp-pf-body\"><div class=\"mp-pf-tags\"><span class=\"mp-pf-tag mp-pf-tag--product\">MadPixel product<\/span><span class=\"mp-pf-tag\">HR tech \/ SaaS<\/span><\/div>\n        <h2 class=\"mp-pf-name\">Skillihub<\/h2>\n        <p class=\"mp-pf-desc\">Talent management platform built by MadPixel, with CV parsing and a searchable talent database.<\/p>\n        <a class=\"mp-pf-link\" href=\"https:\/\/skillihub.com\" target=\"_blank\" rel=\"noopener\">Visit site <span aria-hidden=\"true\">&rarr;<\/span><\/a><\/div>\n    <\/article>\n  <\/div>\n<\/section>\n<script>\n(function(){var r=document.querySelector('.mp-pf');if(!r)return;\nfunction fit(){r.querySelectorAll('.mp-pf-screen').forEach(function(s){s.style.setProperty('--mp-pf-h',s.clientHeight+'px');var i=s.querySelector('.mp-pf-shot');if(i)i.style.setProperty('--mp-pf-h',s.clientHeight+'px');});}\nfit();window.addEventListener('resize',fit);\nvar f=r.querySelectorAll('.mp-pf-fade');\nif(!('IntersectionObserver' in window)){f.forEach(function(e){e.classList.add('mp-pf-in')});return;}\nvar o=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('mp-pf-in');o.unobserve(e.target);}})},{threshold:.12});\nf.forEach(function(e,n){e.style.transitionDelay=(n%3*0.08)+'s';o.observe(e)});})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Portfolio Projects we have built A selection of websites and products designed and developed by MadPixel, from local businesses in Laval to our own software. orthophoniedelaval.com HealthcareFrench Clinique Orthophonie De Laval Website for a speech therapy clinic in Laval, Qu\u00e9bec, presenting its services (assessment, therapy, consultations and screening) for children, teens and adults, along with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/madpixel.ca\/fr\/wp-json\/wp\/v2\/pages\/336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madpixel.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madpixel.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madpixel.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madpixel.ca\/fr\/wp-json\/wp\/v2\/comments?post=336"}],"version-history":[{"count":6,"href":"https:\/\/madpixel.ca\/fr\/wp-json\/wp\/v2\/pages\/336\/revisions"}],"predecessor-version":[{"id":350,"href":"https:\/\/madpixel.ca\/fr\/wp-json\/wp\/v2\/pages\/336\/revisions\/350"}],"wp:attachment":[{"href":"https:\/\/madpixel.ca\/fr\/wp-json\/wp\/v2\/media?parent=336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}