CINXE.COM

À propos de Momentumm | Agence de marketing numérique à Montréal

<!doctype html><html lang="fr"><head> <meta charset="utf-8"> <title>À propos de Momentumm | Agence de marketing numérique à Montréal</title> <meta name="description" content="Découvrez qui nous sommes, notre équipe et nos valeurs. Contactez-nous pour vos besoins en marketing numérique."> <link rel="shortcut icon" href="https://www.momentumm.co/hubfs/MMTMM%20Logos/logo-badge-light-blue-circle.svg"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" media="screen"> <link rel="stylesheet" href="https://unpkg.com/lenis@1.1.20/dist/lenis.css" media="screen"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Découvrez qui nous sommes, notre équipe et nos valeurs. Contactez-nous pour vos besoins en marketing numérique."> <meta property="og:title" content="À propos de Momentumm | Agence de marketing numérique à Montréal"> <meta name="twitter:description" content="Découvrez qui nous sommes, notre équipe et nos valeurs. Contactez-nous pour vos besoins en marketing numérique."> <meta name="twitter:title" content="À propos de Momentumm | Agence de marketing numérique à Montréal"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="https://www.momentumm.co/hs-fs/hubfs/hub_generated/template_assets/1/174325174710/1738883866356/template_main.css"> <style> header { position: fixed; width: 100%; z-index: 1003; transition: all .5s; animation: fadeDown 1s; background-color: rgba(10, 10, 23, 1); } .transparent { background-color: rgba(10, 10, 23, 0.6); backdrop-filter: blur(7.5px); -webkit-backdrop-filter: blur(7.5px); } main { background-color: rgba(10, 10, 23, 1); padding-top: calc(43px + 16px + 16px); } @media (max-width: 991px) { main { padding-top: calc(33px + 16px + 16px); } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } #Simple_Header { width: 100%; } #Simple_Header figure { margin: 0; } #Simple_Header ul { margin: 0; list-style: none; } #Simple_Header p { margin: 0; } #Simple_Header a { text-decoration: none; transition: all .3s; } #Simple_Header .module-container { padding-right: 5%; padding-left: 5%; } #Simple_Header .header-wrapper { display: flex; justify-content: space-between; align-items: center; flex-direction: column; position: relative; } #Simple_Header .header-top { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 43px; } /***** LOGO *****/ #Simple_Header .header-logo { display: flex; width: 150px; height: 16.6px; } #Simple_Header .header-logo span h2 { margin-top: 0; font-size: 1.75rem; } /***** NAV MENU *****/ #Simple_Header nav { overflow: hidden; position: absolute; width: 102px; z-index: 100; right: 0; display: grid; align-items: end; transition: all .25s linear; overflow-x: hidden; background: linear-gradient(150deg, rgba(245, 126, 32, 1), rgba(241, 91, 93, 1)); gap: 38px; border-radius: 20px; grid-template-rows: 1fr auto; height: 43px; } #Simple_Header nav.show { width: 480px; padding: 8% 4% 4%; /* padding: 96px 58px 58px; */ /* padding: 10% 4% 4%; */ height: calc(100dvh - 16px - 16px); } #Simple_Header nav.show .main-menu, #Simple_Header nav.show .nav-btn, #Simple_Header nav.show .header__language-switcher--wrapper { visibility: visible; opacity: 1; } #Simple_Header nav.show .main-menu, #Simple_Header nav.show .header__language-switcher--wrapper { transform: translateY(0); } #Simple_Header .nav-btn { position: absolute; margin: 23px 22px; visibility: hidden; opacity: 0; width: fit-content; display: flex; justify-content: center; align-items: center; white-space: nowrap; font-size: 1.125rem; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; padding: 12px 24px; border-radius: 50px; align-self: start; background-color: rgba(255, 255, 255, 1); } #Simple_Header .main-menu, #Simple_Header .header__language-switcher--wrapper { visibility: hidden; opacity: 0; transform: translateX(100%); transition: all .8s ease; } #Simple_Header .main-menu { width: 100%; height: 100%; list-style: none; padding: 0; gap: 24px; display: flex; align-items: end; flex-direction: column; justify-content: end; } #Simple_Header .menu-link { position: relative; display: inline-block; color: rgba(253, 224, 224, 1); font-family: Inter; font-weight: normal; font-size: 2.125rem; font-weight: 400; transition: all .3s; } #Simple_Header .main-menu > .menu-item { display: grid; grid-template-columns: 1fr auto; column-gap: 15px; align-items: center; justify-self: end; cursor: pointer; overflow: hidden; text-align: end; } #Simple_Header .menu-link-wrapper { display: flex; align-items: center; justify-self: end; gap: 16px; } #Simple_Header .main-menu > .menu-item > .menu-link, #Simple_Header .menu-link-wrapper .menu-link { font-size: 3rem; color: rgba(253, 224, 224, 1); } #Simple_Header .main-menu .menu-item:hover > .menu-link, #Simple_Header .menu-link-wrapper:hover span, #Simple_Header .menu-link:hover, #Simple_Header .menu-link-wrapper:hover span svg path, #Simple_Header span.menu-link.show, #Simple_Header span.menu-arrow.open svg path { color: rgba(255, 255, 255, 1); fill: rgba(255, 255, 255, 1); } #Simple_Header .has-submenu { position: relative; } #Simple_Header .menu-arrow { width: 41px; height: 41px; display: inline-block; transition: all .3s; } #Simple_Header .menu-arrow path { transition: all .2s; } #Simple_Header .menu-arrow.open { transform: rotate(180deg); } /* Menu Button */ #Simple_Header .header-menu-btn { display: flex; align-items: center; position: relative; } #Simple_Header .header-menu-btn button { display: flex; justify-content: center; align-items: center; position: relative; z-index: 101; border: none; font-style: normal; font-weight: 700; line-height: 125%; text-transform: uppercase; background: transparent; transition: all .3s; padding: 10px 24px; border-radius: 50px; font-size: 1.125rem; color: rgba(255, 255, 255, 1); } #Simple_Header .header-menu-btn button.show { /* transform: translateX(0); */ transform: rotate3d(1, 0, 0, 90deg); visibility: hidden; opacity: 0; } #Simple_Header .x-icon { visibility: hidden; opacity: 0; position: absolute; top: 0; right: 0; transform: rotate3d(1, 0, 0, -90deg); z-index: 101; margin: 20px; cursor: pointer; transition: all .3s; } #Simple_Header .x-icon.show { visibility: visible; opacity: 1; transform: rotate3d(1, 0, 0, 0deg); } #Simple_Header .submenu { /* visibility: hidden; opacity: 0; */ display: none; transform: translateY(-50%); /* width: max-content; */ max-height: 0; padding: 0; margin: 0 10px; transition: all .3s; grid-column: 1 / -1; } #Simple_Header .submenu.show { /* visibility: visible; opacity: 1; */ transform: translate(0); margin: 40px 12px calc(40px - 24px) 0; } #Simple_Header .main-menu > .menu-item.show:before { width: 0; } #Simple_Header .has-submenu .submenu { display: block; } #Simple_Header .menu-item { text-align: end; column-gap: 0; } /* #Simple_Header .menu-item .menu-link { padding: 10px 0; } */ #Simple_Header .overlay { height: 100dvh; width: 100%; position: fixed; z-index: 99; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.75); overflow: hidden; transition: opacity 0.5s ease-in-out; opacity: 0; visibility: hidden; } #Simple_Header .overlay.show { opacity: 1; visibility: visible; } /***** Language Switcher *****/ #hs_cos_wrapper_Language_Switcher_, #hs_cos_wrapper_widget_1719273143199, #hs_cos_wrapper_widget_1719273116114, #hs_cos_wrapper_widget_1719273075888 { /* display: none; */ } #Simple_Header .header__language-switcher--label { display: unset; } #Simple_Header .header__language-switcher--wrapper > span { display: none; } #Simple_Header .lang_switcher_class { opacity: 1; } #Simple_Header .globe_class { background-image: none; display: none; } #Simple_Header .lang_list_class { display: none; } #Simple_Header .header__language-switcher { padding-right: 0; } #Simple_Header .header__language-switcher .globe_class { cursor: auto; } #Simple_Header .header__language-switcher .lang_list_class { margin-left: 15px; } #Simple_Header .lang_switcher_link { text-decoration: none; cursor: pointer; text-align: right; margin-right: 15px; font-weight: 400; color: rgba(255, 255, 255, 1); font-size: 2rem; } #Simple_Header .lang_switcher_link:hover { color: rgba(255, 255, 255, 1); } /****** Responsive ******/ @media (min-height: 1180px) { #Simple_Header nav { max-height: 70dvh; } } @media (min-width: 1820px) { #Simple_Header .module-container { max-width: 80vw; padding-left: 0; padding-right: 0; } #Simple_Header nav.show { padding-right: 2%; } } @media (min-width: 1200px) { #Simple_Header nav.show { width: 600px; } } @media (max-width: 991px) { #Simple_Header .header-top { height: 33px; } #Simple_Header .header-logo { width: 150px; } #Simple_Header .header-logo span h2 { font-size: 1.25rem; } #Simple_Header nav, #Simple_Header .header-menu-btn button { width: 82px; height: 33px; } #Simple_Header .header-menu-btn button { font-size: 0.875rem; padding: 0; } #Simple_Header .nav-btn { margin: 21px 20px; padding: 10px 24px; font-size: 1rem; } #Simple_Header .x-icon svg { width: 41px; height: 42px; } #Simple_Header .main-menu > .menu-item > .menu-link, #Simple_Header .menu-link-wrapper .menu-link { font-size: 2rem; } #Simple_Header .menu-link { font-size: 1.375rem; } #Simple_Header .lang_switcher_link { font-size: 1.5rem; } } @media (max-width: 743px) { #Simple_Header nav.show { width: 100%; max-width: 100%; padding: 24% 9% 9%; } } @media (max-width: 400px) { #Simple_Header nav.show { /* width: calc(100vw - calc(5% * 2)); */ width: calc(100vw - calc(16px + 16px)); } } </style> <link rel="stylesheet" href="/hs/hsstatic/cos-LanguageSwitcher/static-1.336/sass/LanguageSwitcher.css"> <style> h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0; } #module_17310144743655 { background-color: rgba(10, 10, 23, 1); } #module_17310144743655 a { text-decoration: none; cursor: auto; } #module_17310144743655 figure { margin: 0; display: flex; } #module_17310144743655 img { width: 100%; height: 100%; object-fit: cover; } #module_17310144743655 .module-container { width: 100%; margin: 0 auto; } #module_17310144743655 .title h1 { text-align: left; } #module_17310144743655 .subtitle { width: 100%; } #module_17310144743655 .subtitle h2 { margin-bottom: 75.3px; text-align: left; } #module_17310144743655 .body { margin-bottom: 80px; } /* Media section */ #module_17310144743655 .video-container, #module_17310144743655 .hero-img-container { display: flex; } #module_17310144743655 .video-container { margin: 0 auto; width: 100%; position: relative; } #module_17310144743655 .video-container video, #module_17310144743655 .hero-img-container .hero-img img { width: 100%; border-radius: 10px; } #module_17310144743655 #play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; width: 119px; cursor: pointer; } #module_17310144743655 #play-btn img { animation: breathe 1.5s ease-out infinite; } @keyframes breathe { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } /* Video Overlay */ #module_17310144743655 #video-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1001; background-color: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; transition: all .3s; display: grid; place-items: center; transform: translateY(100%); cursor: pointer; } #module_17310144743655 #video-overlay.active { opacity: 1; visibility: visible; } #module_17310144743655 #video-overlay.active { transform: translateY(0); } #module_17310144743655 #video-overlay .popup-video { width: 80%; } /* Hero Image */ #module_17310144743655 .hero-img-container { margin: 0 auto; width: 100%; position: relative; } /* Bottom Part */ #module_17310144743655 .bottom { display: flex; } #module_17310144743655 a.hover-link { cursor: pointer; } #module_17310144743655 .item-list { display: grid; justify-content: start; gap: 50px; height: fit-content; } #module_17310144743655 .item { display: flex; align-items: center; height: fit-content; margin-bottom: 0; } #module_17310144743655 .bottom-rich-content { display: grid; margin-left: auto; } #module_17310144743655 .bottom-rich-content a { cursor: pointer; } #module_17310144743655 .bottom-rich-content-button { margin-top: 41px; justify-self: start; } #module_17310144743655 .bottom-rich-content-button a { padding: 8px 24px; /* border-radius: 50px; */ transition: all 0.4s ease; cursor: pointer; } /* Responsive */ @media (max-width: 991px) { #module_17310144743655 .title h1 { margin-bottom: 24px; } #module_17310144743655 .subtitle { width: 100%; } #module_17310144743655 .subtitle h2 { margin-bottom: 39px; } #module_17310144743655 #play-btn { width: 85px; } #module_17310144743655 .body { margin-bottom: 24px; } #module_17310144743655 .video-container, #module_17310144743655 .hero-img-container { } #module_17310144743655 #video-overlay .popup-video { width: 90%; } #module_17310144743655 .bottom { flex-direction: column; align-items: center; gap: 24px !important; } #module_17310144743655 .item-list { width: 100% !important; margin-left: 0; gap: 0; } #module_17310144743655 .bottom-rich-content { width: 100% !important; margin: auto; } #module_17310144743655 .bottom-rich-content-button { margin-top: 18px; } #module_17310144743655 .item-list { gap: 10px; } #module_17310144743655 .item-list .item { gap: 10px !important; } #module_17310144743655 .item-list img { width: 20px !important; } } @media (max-width: 743px) { #module_17310144743655 { } #module_17310144743655 .hero-img-container .hero-img img { aspect-ratio: 4 / 3; } #module_17310144743655 #play-btn { width: 70px; } #module_17310144743655 #video-overlay .popup-video { width: 100%; } #module_17310144743655 .bottom-rich-content p { font-size: 1.125rem !important; } } @media (max-width: 400px) { #module_17310144743655 #play-btn { width: 60px; } } </style> <style> #module_17310144700995 { background-color: rgba(4, 4, 16, 1); border-radius: 80px; box-shadow: 0px -20px 190.8px 0px rgba(201, 94, 0, 0.12); margin-top: -100px; } #module_17310144700995 a { text-decoration: none; cursor: auto; } #module_17310144700995 a.hover-link { cursor: pointer; } #module_17310144700995 figure { margin: 0; } #module_17310144700995 .module-container { width: 100%; margin: 0 auto; padding-top: 200px; padding-bottom: 200px; } #module_17310144700995 .content { display: grid; grid-template-columns: repeat(2, 1fr); align-items: start; } #module_17310144700995 .flex { display: flex; align-items: center; justify-content: space-between; margin-bottom: 72px; } #module_17310144700995 .title h1 { text-align: left; } #module_17310144700995 .subtitle { width: 70%; } #module_17310144700995 .subtitle h2 { text-align: left; } #module_17310144700995 .richtext { width: 90%; } #module_17310144700995 .body { display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(2, 1fr); column-gap: 21px; row-gap: 24px; } #module_17310144700995 a.card { background-position: center; background-size: cover; background-repeat: no-repeat; background-blend-mode: overlay; width: 100%; height: 100%; display: grid; } /* CTA Button */ #module_17310144700995 .cta-button { align-self: center; } #module_17310144700995 .cta-button a { cursor: pointer; text-align: center; } #module_17310144700995 .button-sm { display: none; } /* Responsive */ /* @media (max-width: 991px) { */ @media (max-width: 991px) { #module_17310144700995 .module-container { padding-top: 104px; padding-bottom: 104px; } #module_17310144700995 .content { grid-template-columns: repeat(1, 1fr); } #module_17310144700995 .flex { margin-bottom: 32px; } #module_17310144700995 .subtitle { width: 100%; } #module_17310144700995 .richtext { width: 100%; margin-bottom: 24px; } #module_17310144700995 .body { column-gap: 14px; row-gap: 16px; } } @media (max-width: 743px) { #module_17310144700995 { border-radius: 25px; } #module_17310144700995 .flex { flex-direction: column; align-items: start; } #module_17310144700995 .cta-button { width: 100%; } #module_17310144700995 .cta-button a { width: -webkit-fill-available; } #module_17310144700995 .top .cta-button { display: none; } #module_17310144700995 .button-sm { display: block; margin-top: 20px; } #module_17310144700995 .body { grid-template-columns: 1fr; } } </style> <style> #module_17310144815625 { overflow: hidden; background-color: rgba(243, 240, 237, 1); } #module_17310144815625 .module-container { max-width: unset; padding-left: 0; padding-right: 0; padding-top: 154px; padding-bottom: 154px; } #module_17310144815625 h1, #module_17310144815625 h2, #module_17310144815625 h3, #module_17310144815625 h4, #module_17310144815625 h5, #module_17310144815625 h6, #module_17310144815625 p { margin: 0; } #module_17310144815625 figure { margin: 0; } #module_17310144815625 .content { margin-bottom: 51px; margin-left: auto; margin-right: auto; text-align: center; max-width: 1820px; padding: 0 5%; } #module_17310144815625 .content .title { margin-bottom: 28px; } #module_17310144815625 .content .subtitle { width: 50%; margin: 0 auto; } #module_17310144815625 .title-heading { color: rgba(10, 10, 23, 1); } #module_17310144815625 .subtitle-heading { color: rgba(91, 91, 91, 1); } #module_17310144815625 .swiper-container { overflow: hidden; } #module_17310144815625 .swiper-wrapper { margin-left: -10%; } #module_17310144815625 .slide-content { position: relative; padding-top: 120%; margin-bottom: 100px; } #module_17310144815625 .slide-img { position: absolute; top: 0; bottom: 0; height: 100%; background: radial-gradient(#e8e8e8, #bababa); } #module_17310144815625 .slide-img img { width: 100%; height: 100%; object-fit: cover; } #module_17310144815625 .slide-text { position: absolute; padding: 16px; display: grid; gap: 8px; } #module_17310144815625 .slide-text .title { font-size: clamp(1.5rem, 1vw + 1rem, 2.334rem); font-weight: 600; line-height: 108%; } #module_17310144815625 .slide-text .subtitle { font-size: clamp(1rem, 1vw + 0.5rem, 1.5rem); font-weight: 300; line-height: 108%; } #module_17310144815625 .swiper-wrapper { margin-bottom: 83px; } #module_17310144815625 .arrow-wrapper { display: flex; justify-content: end; align-items: center; gap: 31px; max-width: 1820px; padding: 0 5%; } #module_17310144815625 .arrow { cursor: pointer; display: inline-block; } #module_17310144815625 .swiper-pagination { position: relative; text-align: center; width: auto; } #module_17310144815625 .swiper-pagination-bullet { border-radius: 50px; width: 17.25px; height: 17.25px; margin: 0 5px; background: rgba(252, 126, 0, 1); } #module_17310144815625 .swiper-pagination-bullet-active { background: rgba(252, 126, 0, 1); } /* Responsive */ @media (max-width: 991px) { #module_17310144815625 .module-container { padding-top: 104px; padding-bottom: 104px; } #module_17310144815625 .content .subtitle { width: 100%; } #module_17310144815625 .swiper-wrapper { margin-bottom: 43px; } } /* @media screen and (max-width: 769px) { */ @media (max-width: 743px) { #module_17310144815625 { } #module_17310144815625 .swiper-wrapper { margin-left: 0; padding-left: 5%; } #module_17310144815625 .arrow-wrapper { margin-top: -30px; } } </style> <style> #module_17310144901175 { background-color: rgba(243, 240, 237, 1); } #module_17310144901175 h1, #module_17310144901175 h2, #module_17310144901175 h3, #module_17310144901175 h4, #module_17310144901175 h5, #module_17310144901175 h6, #module_17310144901175 p { margin: 0; } #module_17310144901175 a { text-decoration: none; cursor: auto; } #module_17310144901175 figure { margin: 0; } #module_17310144901175 img { width: 100%; height: 100%; object-fit: cover; } #module_17310144901175 .module-container { width: 100%; margin: 0 auto; } #module_17310144901175 .title { width: 100%; margin-bottom: 16px; } #module_17310144901175 .style-h1 { color: } #module_17310144901175 .subtitle { width: 100%; margin-bottom: 100px; } #module_17310144901175 .subtitle h2 { color:rgba(26, 26, 45, 1) } #module_17310144901175 .highlight { color:rgba(252, 126, 0, 1) } /***** Cards Wrapper *****/ #module_17310144901175 .cards-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16.69px; } #module_17310144901175 .card, #module_17310144901175 .card-img, #module_17310144901175 .link-text { border-radius: 16.69px; } #module_17310144901175 .card-1 { grid-column: 1 / 4; } #module_17310144901175 .card-link { position: relative; cursor: pointer; } #module_17310144901175 .card-img { display: grid; overflow: hidden; } #module_17310144901175 .card-img img { height: 433px; transition: all .3s; } #module_17310144901175 .link-text { opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: grid; place-items: center; font-size: 20px; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 0.5); transition: all .3s; } #module_17310144901175 .card-link:hover .card-img img { transform: scale(1.1); } #module_17310144901175 .card-link:hover .link-text { opacity: 1; visibility: visible; } #module_17310144901175 .card-2 { display: grid; place-items: center; padding: 40px 0; transition: all .3s; height: 433px; background: linear-gradient(150deg, rgba(245, 126, 32, 1), rgba(241, 91, 93, 1)); background-size: 120% 120%; animation: gradient-animation 3s ease infinite; } #module_17310144901175 .card-2:hover { transform: scale(1.05); animation: gradient-animation 1.5s ease infinite; } @keyframes gradient-animation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } #module_17310144901175 .card-2 article { padding: 0 10%; } #module_17310144901175 .card-2-btn { display: inline-block; width: -webkit-fill-available; margin: 0 10%; cursor: pointer; transition: all .3s; text-align: center; color: rgba(255, 255, 255, 1); } #module_17310144901175 .card-2-btn:hover { color: ; } #module_17310144901175 .card-4 { /* width: 600px; */ /* aspect-ratio: 2; */ grid-column: 2 / 4; } /* Responsive */ /* @media (max-width: 991px) { */ @media (max-width: 991px) { #module_17310144901175 .title { margin-bottom: 0; } #module_17310144901175 .subtitle { width: 100%; } #module_17310144901175 .subtitle { margin-bottom: 24px; } #module_17310144901175 .cards-wrapper { grid-template-columns: repeat(2, 1fr); gap: 9px; } #module_17310144901175 .card-1 { grid-column: 1 / -1; } #module_17310144901175 .card-4 { /* aspect-ratio: 1 / 0; */ grid-column: 1 / 2; } } /* @media (max-width: 769px) { */ @media (max-width: 743px) { #module_17310144901175 { } /****** Cards ******/ #module_17310144901175 .cards-wrapper { grid-template-columns: 1fr; gap: 9px; } #module_17310144901175 .card-1 { grid-column: 1 / 2; } #module_17310144901175 .card-img img, #module_17310144901175 .card-2 { height: 300px; } #module_17310144901175 .link-text { font-size: 20px; } } </style> <style> #Simple_Footer { width: 100%; background-color: #0a0a17; } #Simple_Footer p { margin: 0; } #Simple_Footer a { text-decoration: none; transition: all .3s; } #Simple_Footer figure { margin: 0; } #Simple_Footer .module-container { padding-bottom: 0; margin: auto; } #Simple_Footer .footer-section { padding-top: 88px; padding-bottom: 40px; border-top: 1px solid #838399; } #Simple_Footer .footer-top-wrapper { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; gap: 20px; } #Simple_Footer .section-left { width: 50% } #Simple_Footer .footer-logo { width: 40%; margin-bottom: 42px; } #Simple_Footer .footer-title { background: linear-gradient(90deg, #F57E20 0%, #F15B5D 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 75%; } #Simple_Footer .info-link { display: inline-block; width: 35%; line-height: 1.5; margin-top: 42px; } #Simple_Footer .info-link--1 { color: rgba(255, 255, 255, 1); } #Simple_Footer .footer-social-wrapper { display: flex; gap: 8px; /* justify-content: center; */ align-items: center; padding-top: 42px; padding-bottom: 0px; } #Simple_Footer .footer-social-wrapper a:hover span, #Simple_Footer .footer-social-wrapper a:hover img { animation: shake .25s infinite; } @keyframes shake { 0% { transform:translate(0); } 25% { transform:translate(2px) rotate(5deg); } 50% { transform:translate(0, 0); } 75% { transform:translate(-2px) rotate(-5deg); } 100% { transform:translate(0); } } #Simple_Footer .footer-social-wrapper span { display: inline-block; width: 30px; height: 30px; } #Simple_Footer .section-right { display: flex; justify-content: space-around; width: 50%; } #Simple_Footer .col-module { display: flex; justify-content: space-between; width: 100%; gap: 10px; } #Simple_Footer .col-title { margin-bottom: 20px; color: rgba(255, 255, 255, 1); font-weight: bold; text-align: start; } #Simple_Footer .col-module ul { flex-direction: column; gap: 13px; align-items: start; } #Simple_Footer .col-module ul a { color: rgba(255, 255, 255, 1); } #Simple_Footer .col-module ul a:hover { color: rgba(252, 126, 0, 1); } #Simple_Footer .col-3 a { text-align: center; font-size: 0.784rem; border-radius: 50%; width: 143px; height: 143px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 25px; padding: 10px; border: 3px solid transparent; } /* Footer Bottom */ #Simple_Footer .footer-bottom-wrapper { margin-top: 140px; } #Simple_Footer .footer-logo a { display: block; } #Simple_Footer .footer-copyright-wrapper { display: flex; justify-content: space-between; align-items: center; } #Simple_Footer .footer-copyright p { font-size: 0.75rem; color: rgba(255, 255, 255, 1); } #Simple_Footer .footer-site-authorship a { font-size: 0.75rem; color: rgba(255, 255, 255, 1); } #Simple_Footer .footer-site-authorship a:hover { color: rgba(252, 126, 0, 1); } /****** Responsive ******/ /* @media (max-width: 991px) { */ @media (max-width: 991px) { #Simple_Footer .footer-section { padding-top: 16px; } #Simple_Footer .footer-top-wrapper { flex-direction: column; align-items: center; gap: 38px; margin-bottom: 10px; } #Simple_Footer .footer-title { width: 100%; } #Simple_Footer .section-left, #Simple_Footer .section-right { width: 100%; } #Simple_Footer .section-right { margin-bottom: 10px; } #Simple_Footer .col-module { flex-wrap: wrap; flex-direction: row; justify-content: start; row-gap: 38px; column-gap: 49px; } #Simple_Footer .col-3 { order: -1; flex: 1 0 100%; } #Simple_Footer .col-3 a { font-size: 0.615rem; width: 120px; height: 120px; } #Simple_Footer .arrow-mark path { width: 28.8px; height: 1.4px; } #Simple_Footer .footer-logo { margin: 42px 0; } #Simple_Footer .footer-bottom-wrapper { margin-top: 48px; } } @media (max-width: 532px) { #Simple_Footer .info-link { width: 50%; } } </style> <style> @font-face { font-family: "Inter"; font-weight: 500; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/500.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/500.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/600.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/700.woff") format("woff"); } </style> <!-- Editor Styles --> <style id="hs_editor_style" type="text/css"> /* HubSpot Styles (default) */ .dnd_area-row-0-padding { padding-bottom: 100px !important; } .dnd_area-row-0-background-layers { background-image: linear-gradient(rgba(10, 10, 23, 1), rgba(10, 10, 23, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-1-background-layers { background-image: linear-gradient(rgba(243, 240, 237, 1), rgba(243, 240, 237, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-3-hidden { display: none !important; } </style> <!-- Added by GoogleTagManager integration --> <script> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; var hsLoadGtm = function loadGtm() { if(window._hsGtmLoadOnce) { return; } if (useGoogleConsentModeV2) { gtag('set','developer_id.dZTQ1Zm',true); gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); _hsp.push(['useGoogleConsentModeV2']) } (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MGTSWRF'); window._hsGtmLoadOnce = true; }; _hsp.push(['addPrivacyConsentListener', function(consent){ if(consent.allowed || (consent.categories && consent.categories.analytics)){ hsLoadGtm(); } }]); </script> <!-- /Added by GoogleTagManager integration --> <link rel="canonical" href="https://www.momentumm.co/a-propos"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ProfessionalService", "name": "Momentumm", "image": "https://www.momentumm.co/hs-fs/hubfs/preview-1.png?width=50&name=preview-1.png", "@id": "https://momentumm.co", "url": "https://momentumm.co", "telephone": "514-647-9961", "address": { "@type": "PostalAddress", "streetAddress": "4035 rue saint-ambroise, suite 405", "addressLocality": "Montréal", "addressRegion": "QC", "postalCode": "H4C2E1", "addressCountry": "CA" }, "geo": { "@type": "GeoCoordinates", "latitude": 45.47727769999999, "longitude": -73.59266339999999 }, "openingHoursSpecification": { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "09:00", "closes": "17:00" }, "sameAs": [ "https://www.facebook.com/momentummMTL", "https://www.instagram.com/momentumm_mtl/", "https://www.youtube.com/channel/UCNLxKgZaSr3xY9cqR3YAYDQ", "https://www.linkedin.com/company/11787184/" ], "aggregateRating": { "@type": "AggregateRating", "ratingValue": "5.0", // Replace with your actual average rating "reviewCount": "53" // Replace with your actual total number of reviews } } </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RB4LBQDG66"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RB4LBQDG66'); </script> <meta property="og:url" content="https://www.momentumm.co/a-propos"> <meta name="twitter:card" content="summary"> <meta http-equiv="content-language" content="fr"> <link rel="alternate" hreflang="en" href="https://www.momentumm.co/en/about-us"> <link rel="alternate" hreflang="fr" href="https://www.momentumm.co/a-propos"> <link rel="stylesheet" href="https://www.momentumm.co/hs-fs/hub/8404273/hub_generated/template_assets/84347167544/1708958562464/Momentumm_june2022/css/pages/abot-us.min.css"> <meta name="generator" content="HubSpot"></head> <body> <!-- Added by GoogleTagManager integration --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MGTSWRF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- /Added by GoogleTagManager integration --> <div data-global-resource-path="Elan-Momentumm/templates/partials/simple-header.html"><header class="header"> <a href="#main-content" class="header__skip">Skip to content</a> <div class="container-fluid content-wrapper-top"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> </div><!--end widget-span --> </div> </div> </div> <div id="hs_cos_wrapper_Simple_Header" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <!-- HTML --> <div id="Simple_Header"> <div class="module-container content-wrapper"> <div class="header-wrapper"> <div class="header-top"> <!-- Logo --> <div class="header-logo"> <a href="https://www.momentumm.co"> <img class="custom-logo" src="https://www.momentumm.co/hubfs/logo-light%20(2).png" alt="logo-light (2)"> </a> </div> <div class="header-menu-btn"> <button>Menu</button> <div class="x-icon"> <svg width="51" height="52" viewbox="0 0 51 52" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.9023 51.7039C39.7095 51.7039 50.9023 40.2456 50.9023 26.111C50.9023 11.9764 39.7095 0.518066 25.9023 0.518066C12.0952 0.518066 0.902344 11.9764 0.902344 26.111C0.902344 40.2456 12.0952 51.7039 25.9023 51.7039ZM15.1616 37.2842C14.2806 36.3823 14.2806 34.92 15.1616 34.0181L22.8872 26.1092L15.1626 18.2014C14.2816 17.2995 14.2816 15.8372 15.1626 14.9353C16.0436 14.0334 17.472 14.0334 18.353 14.9353L26.0777 22.8431L33.8026 14.935C34.6836 14.0331 36.112 14.0331 36.9931 14.935C37.8741 15.8369 37.8741 17.2992 36.9931 18.2011L29.2681 26.1092L36.994 34.0184C37.875 34.9203 37.875 36.3826 36.994 37.2845C36.113 38.1864 34.6846 38.1864 33.8036 37.2845L26.0777 29.3753L18.3521 37.2842C17.4711 38.1861 16.0426 38.1861 15.1616 37.2842Z" fill="rgba(255, 255, 255, 1)" /> </svg> </div> </div> </div> <!-- Nav Menu --> <nav> <!-- Button --> <a class="nav-btn" href="https://www.momentumm.co/contactez-nous">Contactez-nous</a> <!-- Nav Menu --> <ul class="main-menu level-0" aria-hidden="false"> <li class="has-submenu menu-item"> <a href="" onclick="event.preventDefault();" class="menu-link-wrapper"> <span class="menu-link">Services</span> <span class="menu-arrow"> <svg width="41" height="41" viewbox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 0.342775C9.4543 0.342776 0.499997 9.29708 0.499998 20.3428C0.499999 31.3885 9.45431 40.3428 20.5 40.3428C31.5457 40.3428 40.5 31.3885 40.5 20.3428C40.5 9.29708 31.5457 0.342774 20.5 0.342775ZM21.453 30.151L30.9989 20.605C31.5847 20.0193 31.5847 19.0695 30.9989 18.4837C30.4131 17.8979 29.4634 17.8979 28.8776 18.4837L21.8923 25.469L21.8923 11.5952L18.8923 11.5952L18.8923 25.469L11.9071 18.4837C11.3213 17.8979 10.3715 17.8979 9.78573 18.4837C9.19995 19.0695 9.19995 20.0193 9.78573 20.605L19.3317 30.151C19.9175 30.7368 20.8672 30.7368 21.453 30.151Z" fill="rgba(253, 224, 224, 1)" /> </svg> </span> </a> <ul class="submenu level-1" aria-hidden="true"> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-hubspot-montreal">HubSpot</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-production-video-montreal">Production Vidéo</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-seo-montreal">SEO</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-conception-site-web-montreal">Conception Web</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/agence-publicite-numerique">Publicité numérique</a> </li> </ul> </li> <li class="no-submenu menu-item"> <a class="menu-link active-item" href="https://www.momentumm.co/a-propos" aria-current="page">L’agence</a> </li> <li class="no-submenu menu-item"> <a class="menu-link" href="https://www.momentumm.co/portfolio">Portfolio</a> </li> </ul> <!-- Language Switcher --> <div class="header__language-switcher--wrapper"> <span id="hs_cos_wrapper_Simple_Header_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_language_switcher" style="" data-hs-cos-general-type="widget" data-hs-cos-type="language_switcher"><div class="lang_switcher_class"> <div class="globe_class" onclick=""> <ul class="lang_list_class"> <li> <a class="lang_switcher_link" data-language="fr" lang="fr" href="https://www.momentumm.co/a-propos">Français</a> </li> <li> <a class="lang_switcher_link" data-language="en" lang="en" href="https://www.momentumm.co/en/about-us">English</a> </li> </ul> </div> </div></span> <div class="header__language-switcher header__element"> <div class="header__language-switcher--label"> <div id="simple_language_switcher_button"></div> </div> </div> </div> </nav> </div> </div> <div class="overlay"></div> </div> <script> document.addEventListener("DOMContentLoaded", function() { const hasSubmenus = document.querySelectorAll(".has-submenu"); const menuBtn = document.querySelector("#Simple_Header .header-menu-btn button"); const xIcon = document.querySelector("#Simple_Header .x-icon"); const navMenu = document.querySelector("#Simple_Header nav"); const overlay = document.querySelector("#Simple_Header .overlay"); hasSubmenus.forEach(hasSubmenu => { const menuLinkWrapper = hasSubmenu.querySelector(".menu-link-wrapper"); menuLinkWrapper.addEventListener("click", function(event) { event.stopPropagation(); toggleAccordion(hasSubmenu); if (hasSubmenu.querySelectorAll('.submenu').length > 0) { // Close other submenus when one is opened hasSubmenus.forEach(menu => { if (menu !== hasSubmenu) { toggleAccordion(menu, false); } }); } }); }); // Accordion-style toggle function function toggleAccordion(element, forceState) { const submenu = element.querySelector(".submenu"); const menuArrow = element.querySelector(".menu-arrow"); // If a forceState is provided (true or false), apply it if (forceState === true) { openAccordion(element, submenu); } else if (forceState === false) { closeAccordion(element, submenu); } else { // Toggle the state when clicked if (submenu.style.maxHeight) { closeAccordion(element, submenu); } else { openAccordion(element, submenu); } } } // Open accordion function function openAccordion(element, submenu) { submenu.style.maxHeight = submenu.scrollHeight + "px"; submenu.classList.add("show"); const menuArrow = element.querySelector(".menu-arrow"); menuArrow.classList.add("open"); addShowClassToLinks(element); if (navMenu.querySelector('.show')) { navMenu.classList.add("active"); } } // Close accordion function function closeAccordion(element, submenu) { submenu.style.maxHeight = null; submenu.classList.remove("show"); const menuArrow = element.querySelector(".menu-arrow"); menuArrow.classList.remove("open"); removeShowClassFromLinks(element); if (!navMenu.querySelector('.show')) { navMenu.classList.remove("active"); } } // Add the "show" class to menu links function addShowClassToLinks(element) { const menuLinks = element.querySelectorAll(".menu-link"); menuLinks.forEach(menuLink => { menuLink.classList.add("show"); }); } // Remove the "show" class from menu links function removeShowClassFromLinks(element) { const menuLinks = element.querySelectorAll(".menu-link"); menuLinks.forEach(menuLink => { menuLink.classList.remove("show"); }); } // Menu Button menuBtn.addEventListener("click", function() { menuBtn.classList.add("show"); navMenu.classList.add("show"); xIcon.classList.add("show"); overlay.classList.add("show"); lenis.stop(); }); xIcon.addEventListener("click", function() { menuBtn.classList.remove("show"); navMenu.classList.remove("show"); xIcon.classList.remove("show"); overlay.classList.remove("show"); lenis.start(); }); overlay.addEventListener("click", function() { menuBtn.classList.remove("show"); navMenu.classList.remove("show"); xIcon.classList.remove("show"); overlay.classList.remove("show"); lenis.start(); }); }); // Language Switcher const langEls = document.querySelectorAll('.lang_switcher_link'); const currPage = window.location.href.split('?')[0]; const switcherButton = document.querySelector('#simple_language_switcher_button'); for (let i = 0; i < langEls.length; i++) { if (langEls[i].href == currPage) { langEls[i].style.display = "none"; } else { if (!switcherButton.contains(langEls[i])) { switcherButton.appendChild(langEls[i]); } langEls[i].style.display = "block"; } if (false) { langEls[i].innerHTML = langEls[i].innerHTML.substring(0, 2); } } // Transsparent when Scrolling window.addEventListener('scroll', function() { const header = document.querySelector('header'); const scrollPosition = window.scrollY || document.documentElement.scrollTop; if (scrollPosition > 10) { header.classList.add('transparent'); } else { header.classList.remove('transparent'); } }); </script></div> </header></div> <div class="body-wrapper smooth-scroll-wrapper"> <main id="main-content"> <div class="container-fluid body-container body-container--home"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area-row-0-background-color dnd_area-row-0-background-layers dnd-section dnd_area-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17310144743655" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <!-- HTML --> <div id="module_17310144743655"> <div class="module-container"> <div class="top"> <div class="title"> <h1> À propos de momentumm </h1> </div> <div class="subtitle"> <h2> Plus qu'un fournisseur.<br>Un partenaire de croissance. </h2> </div> </div> <div class="body"> <div class="hero-img-container"> <figure class="hero-img"> <img src="https://www.momentumm.co/hubfs/momentumm%20team%20at%20the%20office%20(1920%20%C3%97%20800%20px).jpg" alt="momentumm team at the office (1920 × 800 px)" loading="lazy"> </figure> </div> <!-- Popup Video --> <div id="video-overlay"> <video controls playsinline preload="none" class="popup-video"> <source src="https://46733006.fs1.hubspotusercontent-na1.net/hubfs/46733006/8493387-uhd_4096_2160_24fps.mp4" type="video/mp4"> <source src="https://46733006.fs1.hubspotusercontent-na1.net/hubfs/46733006/8493387-uhd_4096_2160_24fps.mp4" type="video/webm"> </video> </div> </div> <div class="bottom fade-up"> <div class="item-list" style="width: 0%;"> </div> </div> </div> </div> <!-- JS --> <script> document.addEventListener("DOMContentLoaded", function() { const playBtn = document.querySelector("#module_17310144743655 #play-btn"); const overlay = document.querySelector("#module_17310144743655 #video-overlay"); const video = overlay.querySelector(".popup-video"); video.volume = 0.1; if (playBtn) { playBtn.addEventListener("click", function() { if (!video.paused) return; video.play(); overlay.classList.add("active"); video.classList.add("active"); if (typeof lenis !== "undefined") lenis.stop(); }); } if (overlay) { overlay.addEventListener("click", function(event) { if (event.target === overlay) { video.pause(); overlay.classList.remove("active"); video.classList.remove("active"); if (typeof lenis !== "undefined") lenis.start(); } }); } }); </script></div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd_area-row-1-background-color dnd-section dnd_area-row-1-background-layers"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17310144700995" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <!-- HTML --> <div id="module_17310144700995"> <div class="module-container"> <div class="content"> <div class="top"> <div class="flex"> <div class="headings"> <div class="title"> <h1> Nos valeurs </h1> </div> <div class="subtitle"> <h2> Construit sur la confiance, axé sur les résultats </h2> </div> </div> </div> <div class="richtext"><h4><em><span style="color: #ffffff;">La raison fondamentale derrière la création de Momentumm est la responsabilité de générer des résultats d'affaires concrets pour nos clients.&nbsp;</span></em></h4> <h4>&nbsp;</h4> <h4><span style="color: #ffffff;">-Anthony Guilhem, President</span></h4></div> </div> <div class="body"> <a class="card " style="border-radius: 6px; align-items: end; background: linear-gradient(150deg, rgba(245, 126, 32, 1), rgba(241, 91, 93, 1)); "> <div class="text-area" style="text-align: left; padding: 10%;"> <h4 style="margin-bottom: 1rem; color: rgba(255, 255, 255, 1); "> Les clients d'abord </h4> <div> <p>Nos clients sont au coeur de nos priorités et nous nous assurons d'offrir un service exceptionnel, basé sur leurs besoins uniques.</p> </div> </div> </a> <a class="card " style="border-radius: 6px; align-items: end; background: linear-gradient(150deg, rgba(245, 126, 32, 1), rgba(241, 91, 93, 1)); "> <div class="text-area" style="text-align: left; padding: 10%;"> <h4 style="margin-bottom: 1rem; color: rgba(255, 255, 255, 1); "> Pas d'egos </h4> <p>Nous sommes là pour livrer des résultats et non nourrir l'égo de notre équipe ou de nos clients.</p> </div> </a> <a class="card " style="border-radius: 6px; align-items: end; background: linear-gradient(150deg, rgba(245, 126, 32, 1), rgba(241, 91, 93, 1)); "> <div class="text-area" style="text-align: left; padding: 10%;"> <h4 style="margin-bottom: 1rem; color: rgba(255, 255, 255, 1); "> Transparence </h4> <div> <p>Pas de cachette. On agit avec une transparence la plus totale sur toutes les facettes de vos mandats.</p> </div> </div> </a> <a class="card " style="border-radius: 6px; align-items: end; background: linear-gradient(150deg, rgba(245, 126, 32, 1), rgba(241, 91, 93, 1)); "> <div class="text-area" style="text-align: left; padding: 10%;"> <h4 style="margin-bottom: 1rem; color: rgba(255, 255, 255, 1); "> Partage de connaissance </h4> <div> <div> <p>Nous tenons à vous transmettre le plus de connaissances possible sur vos outils et campagnes afin de vous aider à croître.</p> </div> </div> </div> </a> </div> </div> </div> </div></div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17310144815625" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div id="module_17310144815625"> <div class="module-container"> <div class="content"> <div class="title"> <h2 class="title-heading"> La Momenteamm </h2> </div> <div class="subtitle"> <p class="subtitle-heading"> Une équipe de passionnées du marketing web qui repoussent les limites </p> </div> </div> <div class="swiper-container"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide--1"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/maiko.jpg" alt="maiko" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Maiko Matusoka</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Développeuse Front-End</p> </div> </div> </div> <div class="swiper-slide swiper-slide--2"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/steven.jpg" alt="steven" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Steven Yates</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Directeur Créatif et cofondateur</p> </div> </div> </div> <div class="swiper-slide swiper-slide--3"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/sam.jpg" alt="sam" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Samela Silva</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Spécialiste en médias numérique</p> </div> </div> </div> <div class="swiper-slide swiper-slide--4"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/miguel.jpg" alt="miguel" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Miguel Lage</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Spécialiste HubSpot et Inbound</p> </div> </div> </div> <div class="swiper-slide swiper-slide--5"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/anthony.jpg" alt="anthony" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Anthony Guilhem</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Président et cofondateur</p> </div> </div> </div> <div class="swiper-slide swiper-slide--6"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/jp.jpg" alt="jp" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Jean-Paul Moïse</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Designer Web et intégrateur</p> </div> </div> </div> <div class="swiper-slide swiper-slide--7"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/camille.jpg" alt="camille" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Camille Adam-Gagnon</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Graphiste</p> </div> </div> </div> <div class="swiper-slide swiper-slide--8"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/fillipe.jpg" alt="fillipe" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Fillipe Montenegro</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Développeur full-stack</p> </div> </div> </div> <div class="swiper-slide swiper-slide--9"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/florian.jpg" alt="florian" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Florian Joyeux</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Spécialiste SEO</p> </div> </div> </div> <div class="swiper-slide swiper-slide--10"> <div class="slide-content"> <figure class="slide-img" style="border-radius: 16px;"> <img src="https://www.momentumm.co/hubfs/Team%20pictures/julien.jpg" alt="julien" loading="lazy" style="border-radius: 16px;"> </figure> <div class="slide-text"> <p class="title" style="color: rgba(26, 26, 45, 1);">Julien Meliton</p> <p class="subtitle" style="color: rgba(26, 26, 45, 1);">Producteur de contenu</p> </div> </div> </div> </div> <!-- .swiper-wrapper --> </div> <div class="arrow-wrapper"> <div class="arrow arrow-prev"> <svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewbox="0 0 53 54" fill="none"> <path d="M29.377 33.6958L22.8051 28.6218C21.8137 27.8563 21.7872 26.3693 22.7508 25.5691L29.377 20.0665" stroke="rgba(252, 126, 0, 1)" stroke-width="3.91166" stroke-linecap="round" /> <circle cx="26.4995" cy="26.8813" r="24.5428" transform="rotate(180 26.4995 26.8813)" stroke="rgba(252, 126, 0, 1)" stroke-width="3.91166" /> </svg> </div> <div class="arrow arrow-next"> <svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewbox="0 0 54 54" fill="none"> <path d="M23.9121 20.0664L30.484 25.1404C31.4754 25.9059 31.5018 27.393 30.5382 28.1932L23.9121 33.6957" stroke="rgba(252, 126, 0, 1)" stroke-width="3.91166" stroke-linecap="round" /> <circle cx="26.7896" cy="26.8814" r="24.5428" stroke="rgba(252, 126, 0, 1)" stroke-width="3.91166" /> </svg> </div> </div> </div> </div> </div> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd_area-row-3-hidden dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_17310144901175" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <!-- HTML --> <div id="module_17310144901175" class="wrapper"> <div class="module-container"> <div class="top"> </div> <div class="body"> <div class="cards-wrapper"> <!-- Card 1 --> <a class="card card-1 "> <figure class="card-img"> <img src="https://www.momentumm.co/hubfs/5-7momentumm.png" alt="5-7momentumm" loading="lazy"> </figure> </a> <!-- Card 2 --> <div class="card card-2"> <article><p style="text-align: center; font-size: 38px; line-height: 1.25;">Intéressé à vous joindre à l'équipe?</p></article> <a class="card-2-btn cta-tertiary">Postes disponibles</a> </div> <!-- Card 3 --> <a class="card card-3 "> <figure class="card-img"> <img src="https://www.momentumm.co/hubfs/team-st-ambroise.jpg" alt="team-st-ambroise" loading="lazy"> </figure> </a> <!-- Card 4 --> <a class="card card-4 "> <figure class="card-img"> <img src="https://www.momentumm.co/hubfs/momenteamm-park.png" alt="momenteamm-park" loading="lazy"> </figure> </a> <!-- Card 5 --> <a class="card card-5 "> <figure class="card-img"> <img src="https://www.momentumm.co/hubfs/steven-julien.png" alt="steven-julien" loading="lazy"> </figure> </a> </div> </div> </div> </div> <!-- JS --> </div> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div><!--end row--> </div><!--end row-wrapper --> </div><!--end widget-span --> </div> </div> </div> </main> <div data-global-resource-path="Elan-Momentumm/templates/partials/simple-footer.html"><div id="hs_cos_wrapper_Simple_Footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <footer id="Simple_Footer"> <div class="module-container"> <div class="footer-section"> <div class="footer-top-wrapper"> <!-- Section Left --> <div class="section-left"> <div class="footer-logo"> <figure> <img src="https://www.momentumm.co/hubfs/logo-light.svg" class="hs-site-logo" alt="logo-light" loading="lazy"> </figure> </div> <div class="section-text-area"> <p class="footer-title style-h4">Une agence de marketing web à Montréal dédiée à votre succès.</p> <a class="info-link info-link--1" href="https://www.google.com/maps/place/MOMENTUMM/@45.4759538,-73.583411,17z/data=!3m1!4b1!4m6!3m5!1s0x4cc9239527e25ca1:0x6406aadeb844d5f9!8m2!3d45.4759538!4d-73.5808361!16s%2Fg%2F11f9v9k07_?entry=ttu&amp;g_ep=EgoyMDI1MDEyNy4wIKXMDSoASAFQAw%3D%3D">4035 St-Ambroise #405 <br>Montréal QC H4C 2E1</a> </div> <!-- Social Icons --> <div class="footer-social-wrapper"> <a href="https://www.facebook.com/momentummMTL" aria-label="Visitez notre page Facebook"> <img src="https://www.momentumm.co/hubfs/MMTMM%20Social%20Icons%20Svg/Facebook.svg" alt="" loading="lazy"> </a> <a href="https://www.instagram.com/momentumm_mtl/" aria-label="Visitez notre profil Instagram"> <img src="https://www.momentumm.co/hubfs/MMTMM%20Social%20Icons%20Svg/Instagram.svg" alt="Instagram" loading="lazy"> </a> <a href="https://www.youtube.com/@momentumm_mtl" aria-label="Visitez notre page YouTube"> <img src="https://www.momentumm.co/hubfs/MMTMM%20Social%20Icons%20Svg/Youtube.svg" alt="Youtube" loading="lazy"> </a> <a href="https://www.linkedin.com/company/momentumm-digital/" aria-label="Visitez notre page LinkedIn"> <img src="https://www.momentumm.co/hubfs/MMTMM%20Social%20Icons%20Svg/Linkedin.svg" alt="Linkedin" loading="lazy"> </a> </div> </div> <!-- Section Right --> <div class="section-right"> <div class="col-module"> <div class="column col-1"> <p class="col-title"> Services </p> <span id="hs_cos_wrapper_Simple_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_Simple_Footer_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-hubspot-montreal" role="menuitem" target="_self">Hubspot et Inbound Marketing</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-production-video-montreal" role="menuitem" target="_self">Production vidéo</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-conception-site-web-montreal" role="menuitem" target="_self">Conception Web</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-publicite-numerique" role="menuitem" target="_self">Publicité numérique</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/agence-seo-montreal" role="menuitem" target="_self">Référencement Organique (SEO)</a></li> </ul> </div></span> </div> <div class="column col-2"> <p class="col-title"> À propos </p> <span id="hs_cos_wrapper_Simple_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_Simple_Footer_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu" class="active-branch"> <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.momentumm.co/a-propos" role="menuitem" target="_self">L'agence</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/portfolio" role="menuitem" target="_self">Projets</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.momentumm.co/blogue" role="menuitem" target="_self">Blogue</a></li> </ul> </div></span> </div> <div class="column col-3"> <a class="cta-secondary" href="https://www.momentumm.co/contactez-nous"> Travaillons ensemble <span class="arrow-mark"> <svg width="43" height="15" viewbox="0 0 43 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="Arrow 1" d="M1 6.37988C0.447715 6.37988 4.82823e-08 6.8276 0 7.37988C-4.82823e-08 7.93217 0.447715 8.37988 1 8.37988L1 6.37988ZM42.7071 8.08699C43.0976 7.69647 43.0976 7.0633 42.7071 6.67278L36.3431 0.308818C35.9526 -0.0817063 35.3195 -0.0817064 34.9289 0.308818C34.5384 0.699342 34.5384 1.33251 34.9289 1.72303L40.5858 7.37989L34.9289 13.0367C34.5384 13.4273 34.5384 14.0604 34.9289 14.451C35.3195 14.8415 35.9526 14.8415 36.3431 14.451L42.7071 8.08699ZM1 8.37988L42 8.37989L42 6.37989L1 6.37988L1 8.37988Z" fill="rgba(255, 255, 255, 1)" /> </svg> </span> </a> </div> </div> </div> </div> <!-- Footer bottom --> <div class="footer-bottom-wrapper"> <!-- Copyright --> <div class="footer-copyright-wrapper"> <div class="footer-copyright"> <p> Momentumm © 2025 </p> </div> <div class="footer-site-authorship"> <a href="https://www.momentumm.co/politique-de-confidentialite"> Politique de confidentialité </a> </div> </div> </div> </div> </div> </footer></div></div> </div> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@latest/bundled/lenis.min.js"></script> <!-- HubSpot performance collection script --> <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script src="https://www.momentumm.co/hs-fs/hubfs/hub_generated/template_assets/1/174336411292/1738885656066/template_main.min.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'fr'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script> var swiper = new Swiper("#module_17310144815625 .swiper", { effect: "coverflow", grabCursor: true, spaceBetween: 54, centeredSlides: false, coverflowEffect: { rotate: 0, stretch: 0, depth: 0, modifier: 1, slideShadows: false }, loop: true, navigation: { nextEl: ".arrow-next", prevEl: ".arrow-prev", }, pagination: { el: ".swiper-pagination", clickable: true }, keyboard: { enabled: true }, // mousewheel: { // thresholdDelta: 70 // }, breakpoints: { 0: { slidesPerView: 1.1 }, 440: { slidesPerView: 1.4, spaceBetween: 24 }, 500: { slidesPerView: 1.6, spaceBetween: 24 }, 643: { slidesPerView: 2.4, spaceBetween: 24 }, 991: { slidesPerView: 3.4, spaceBetween: 34 }, // 1088: { // slidesPerView: 3.3 // }, 1255: { slidesPerView: 4.2 }, // 1440: { // slidesPerView: 3.6 // }, 1660: { slidesPerView: 5.2 } } }); </script> <!-- Start of HubSpot Analytics Code --> <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/www.momentumm.co\/a-propos"]); _hsq.push(["setPageId", "116078731686"]); _hsq.push(["setContentMetadata", { "contentPageId": 116078731686, "legacyPageId": "116078731686", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 116078731686, "languageCode": "fr", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/8404273.js"></script> <!-- End of HubSpot Analytics Code --> <script type="text/javascript"> var hsVars = { render_id: "2a7abf4d-63aa-4abc-b036-4e191920cb1d", ticks: 1739767424881, page_id: 116078731686, content_group_id: 0, portal_id: 8404273, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "fr", analytics_page_type: "standard-page", scp_content_type: "", analytics_page_id: "116078731686", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.393/js/index.js"></script> <script type="text/javascript" src="//cdn.callrail.com/companies/705677342/21ded9bbb5d8523ea4b2/12/swap.js"></script> </body></html>

Pages: 1 2 3 4 5 6 7 8 9 10