https://roofmart.ca/

Scan ID:
21ead058-5ee3-47b0-b92e-8015d892b6ceFinished
Submitted URL:
http://www.roofmart.ca/Redirected
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 38 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 7 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en-US" dir="ltr"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}</style><link rel="alternate" hreflang="en" href="https://roofmart.ca/">
<link rel="alternate" hreflang="fr" href="https://roofmart.ca/?lang=fr">
<link rel="alternate" hreflang="x-default" href="https://roofmart.ca/">

	<!-- This site is optimized with the Yoast SEO plugin v23.4 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Roofmart | A Canadian Exterior Building Supplier</title>
	<meta name="description" content="Canada's destination for exterior building supply. Get your roofing, siding, metal and building envelope materials all in one place.">
	<link rel="canonical" href="https://roofmart.ca/">
	<meta property="og:locale" content="en_US">
	<meta property="og:type" content="website">
	<meta property="og:title" content="Roofmart | A Canadian Exterior Building Supplier">
	<meta property="og:description" content="Canada's destination for exterior building supply. Get your roofing, siding, metal and building envelope materials all in one place.">
	<meta property="og:url" content="https://roofmart.ca/">
	<meta property="og:site_name" content="Roofmart | A Canadian Exterior Building Supplier">
	<meta property="article:modified_time" content="2024-08-01T16:35:46+00:00">
	<meta name="twitter:card" content="summary_large_image">
	<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=UA-74663094-1&amp;l=dataLayer&amp;cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-FWSVS56CBT&amp;l=dataLayer&amp;cx=c"></script><script src="https://connect.facebook.net/signals/config/394724887749948?v=2.9.169&amp;r=stable&amp;domain=roofmart.ca&amp;hme=d82868061a8c707cd31395a3055e7449daa03bd520872727258c39e6af34523e&amp;ex_m=70%2C120%2C106%2C110%2C61%2C4%2C99%2C69%2C16%2C96%2C88%2C51%2C54%2C171%2C174%2C186%2C182%2C183%2C185%2C29%2C100%2C53%2C77%2C184%2C166%2C169%2C179%2C180%2C187%2C130%2C41%2C34%2C142%2C15%2C50%2C193%2C192%2C132%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C92%2C17%2C14%2C95%2C91%2C90%2C107%2C52%2C109%2C39%2C108%2C30%2C93%2C26%2C167%2C170%2C139%2C28%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C101%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C103%2C102%2C104%2C97%2C10%2C20%2C3%2C38%2C74%2C19%2C85%2C56%2C83%2C33%2C73%2C0%2C94%2C32%2C82%2C87%2C47%2C46%2C86%2C37%2C5%2C89%2C81%2C44%2C35%2C84%2C2%2C36%2C63%2C42%2C105%2C45%2C79%2C68%2C111%2C60%2C59%2C31%2C98%2C58%2C55%2C49%2C78%2C72%2C24%2C112" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-WJD2LF"></script><script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://roofmart.ca/","url":"https://roofmart.ca/","name":"Roofmart | A Canadian Exterior Building Supplier","isPartOf":{"@id":"https://roofmart.ca/#website"},"about":{"@id":"https://roofmart.ca/#organization"},"datePublished":"2019-10-27T19:04:10+00:00","dateModified":"2024-08-01T16:35:46+00:00","description":"Canada's destination for exterior building supply. Get your roofing, siding, metal and building envelope materials all in one place.","breadcrumb":{"@id":"https://roofmart.ca/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://roofmart.ca/"]}]},{"@type":"BreadcrumbList","@id":"https://roofmart.ca/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://roofmart.ca/#website","url":"https://roofmart.ca/","name":"Roofmart | A Canadian Exterior Building Supplier","description":"Canada’s national distributor for exterior building supply.","publisher":{"@id":"https://roofmart.ca/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://roofmart.ca/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://roofmart.ca/#organization","name":"Roofmart","url":"https://roofmart.ca/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://roofmart.ca/#/schema/logo/image/","url":"https://roofmart.ca/wp-content/uploads/2021/03/RM-Primary-Logo-whitespace2.jpg","contentUrl":"https://roofmart.ca/wp-content/uploads/2021/03/RM-Primary-Logo-whitespace2.jpg","width":671,"height":385,"caption":"Roofmart"},"image":{"@id":"https://roofmart.ca/#/schema/logo/image/"}}]}</script>
	<meta name="msvalidate.01" content="b5d5d620601b4c099a3ce7b947bea79f">
	<meta name="google-site-verification" content="209n0JnfrWg9wueoLLpD1gIWtPfZesQ9bxPGSXZ_DRU">
	<!-- / Yoast SEO plugin. -->


<link rel="dns-prefetch" href="//use.fontawesome.com">
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
<link rel="dns-prefetch" href="//maps.googleapis.com">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="alternate" type="application/rss+xml" title="Roofmart | A Canadian Exterior Building Supplier » Feed" href="https://roofmart.ca/feed/">
<link rel="alternate" type="application/rss+xml" title="Roofmart | A Canadian Exterior Building Supplier » Comments Feed" href="https://roofmart.ca/comments/feed/">
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/roofmart.ca\/wp-includes\/js\/wp-emoji-release.min.js?ver=a53a5d6862dcb5c1262cd49c8375478a"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<link rel="stylesheet" id="roofmart-custom-css" href="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/style.css?ver=4.0.1" type="text/css" media="all">
<style id="wp-emoji-styles-inline-css" type="text/css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="https://roofmart.ca/wp-includes/css/dist/block-library/style.min.css?ver=a53a5d6862dcb5c1262cd49c8375478a" type="text/css" media="all">
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" id="wpml-blocks-css" href="https://roofmart.ca/wp-content/plugins/sitepress-multilingual-cms/dist/css/blocks/styles.css?ver=4.6.13" type="text/css" media="all">
<link rel="stylesheet" id="wpa-style-css" href="https://roofmart.ca/wp-content/plugins/wp-accessibility/css/wpa-style.css?ver=1.7.6" type="text/css" media="all">
<style id="wpa-style-inline-css" type="text/css">
:root { --admin-bar-top : 7px; }
</style>
<link rel="stylesheet" id="wpml-legacy-horizontal-list-0-css" href="https://roofmart.ca/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-list-horizontal/style.min.css?ver=1" type="text/css" media="all">
<link rel="stylesheet" id="cms-navigation-style-base-css" href="https://roofmart.ca/wp-content/plugins/wpml-cms-nav/res/css/cms-navigation-base.css?ver=1.5.5" type="text/css" media="screen">
<link rel="stylesheet" id="cms-navigation-style-css" href="https://roofmart.ca/wp-content/plugins/wpml-cms-nav/res/css/cms-navigation.css?ver=1.5.5" type="text/css" media="screen">
<link rel="stylesheet" id="google-fonts-css" href="//fonts.googleapis.com/css2?family=Montserrat%3Awght%40400%3B500%3B700%3B900&amp;ver=4.0.1" type="text/css" media="all">
<link rel="stylesheet" id="custom-style-css" href="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/css/custom.css?ver=4.0.1" type="text/css" media="all">
<link rel="stylesheet" id="animate-css-css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css?ver=all" type="text/css" media="all">
<script type="text/javascript" src="https://roofmart.ca/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/plugins/wp-accessibility/js/fingerprint.min.js?ver=1.7.6" id="wpa-fingerprintjs-js"></script>
<link rel="https://api.w.org/" href="https://roofmart.ca/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://roofmart.ca/wp-json/wp/v2/pages/8"><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://roofmart.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Froofmart.ca%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://roofmart.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Froofmart.ca%2F&amp;format=xml">
<meta name="generator" content="WPML ver:4.6.13 stt:1,4;">

		<!-- GA Google Analytics @ https://m0n.co/ga -->
		<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-FWSVS56CBT"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());
			gtag('config', 'G-FWSVS56CBT');
		</script>

	<!-- Google Tag Manager -->
<script>(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-WJD2LF');</script>
<!-- End Google Tag Manager --><link rel="pingback" href="https://roofmart.ca/xmlrpc.php">
<meta name="generator" content="Elementor 3.24.1; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<style>

  		/* LOCATION COUNTER (LOCATION SECTION ONLY) */
        @property --num {
          syntax: "<integer>";
          initial-value: 0;
          inherits: false;
        }
  
        .loc_count {
            animation: counter 5s ease-in-out forwards;
            counter-reset: num var(--num);
            animation-delay:1.75s;
        }

        .wow.loc_count::after {
            content:'50';  
        } 

        .animated.loc_count::after {
          content: counter(num);
        }

        @keyframes counter {
          from {
            --num: 0;
          }
          to {
            --num: 50;
          }
        }

  		/* EMPLOYEE COUNTER (CARD SECTION) */
        @property --numa {
          syntax: "<integer>";
          initial-value: 0;
          inherits: false;
        }

        .employee_count {
            animation: countera 2s ease-in-out forwards;
            counter-reset: num var(--numa);
        }

        .wow.employee_count::after {
            content:'500';  
        } 

        .animated.employee_count::after {
          content: counter(num);
        }

        @keyframes countera {
          from {
            --numa: 0;
          }
          to {
            --numa: 500;
          }
        }
  
  
  		/* FLEET COUNTER (CARD SECTION) */
        @property --numb {
          syntax: "<integer>";
          initial-value: 0;
          inherits: false;
        }

        .fleet_count {
            animation: counterb 2s ease-in-out forwards;
            counter-reset: num var(--numb);
           /* animation-delay:.75s; */
        }

        .wow.fleet_count::after {
            content:'200';  
        } 

        .animated.fleet_count::after {
          content: counter(num);
        }

        @keyframes counterb {
          from {
            --numb: 0;
          }
          to {
            --numb: 200;
          }
        }

  
  
  		/* FLEET COUNTER (CARD SECTION) */
        @property --numc {
          syntax: "<integer>";
          initial-value: 0;
          inherits: false;
        }

        .branch_count {
            animation: counterc 2s ease-in-out forwards;
            counter-reset: num var(--numc);
           /* animation-delay:1.5s; */
        }

        .wow.branch_count::after {
            content:'50';  
        } 

        .animated.branch_count::after {
          content: counter(num);
        }

        @keyframes counterc {
          from {
            --numc: 0;
          }
          to {
            --numc: 50;
          }
        }
		.post-list:not(:nth-last-child(2)){
    		border-bottom: 1px solid grey;
		}

    </style> 
<link rel="icon" href="https://roofmart.ca/wp-content/uploads/2021/03/cropped-favicon-large-32x32.png" sizes="32x32">
<link rel="icon" href="https://roofmart.ca/wp-content/uploads/2021/03/cropped-favicon-large-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://roofmart.ca/wp-content/uploads/2021/03/cropped-favicon-large-180x180.png">
<meta name="msapplication-TileImage" content="https://roofmart.ca/wp-content/uploads/2021/03/cropped-favicon-large-270x270.png">
		<style type="text/css" id="wp-custom-css">
			div.elementor-loop-container > div.agenda-slot {
	border-bottom: 1px solid #ccc;
}

div.elementor-loop-container > div.agenda-slot:last-child {
	border-bottom: none;
}
#hu-bg-pattern {display: none;}		</style>
		<meta name="facebook-domain-verification" content="lvmd40mbk72afmdhldjgcveh3bg9kx">
<script src="https://roofmart.ca/wp-includes/js/wp-emoji-release.min.js?ver=a53a5d6862dcb5c1262cd49c8375478a" defer=""></script></head>
<body class="home page-template-default page page-id-8 wp-custom-logo cookies-not-set header-full-width full-width-content genesis-breadcrumbs-hidden genesis-footer-widgets-visible elementor-default elementor-kit-8961 elementor-page-8988"><!-- Google Tag Manager (noscript) -->
<noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-WJD2LF
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><div class="site-container"><ul class="genesis-skip-link"><li><a href="#genesis-nav-primary" class="screen-reader-shortcut"> Skip to primary navigation</a></li><li><a href="#genesis-content" class="screen-reader-shortcut"> Skip to main content</a></li><li><a href="#genesis-footer-widgets" class="screen-reader-shortcut"> Skip to footer</a></li></ul><header class="site-header navbar sticky-top navbar-expand-xl navbar-light bg-light"><div class="wrap container"><a href="https://roofmart.ca/" class="navbar-brand" rel="home" aria-current="page"><img width="300" height="64" src="https://roofmart.ca/wp-content/uploads/2021/03/RM-Tertiary-Logo-redblack.png" class="custom-logo" alt="Roofmart | A Canadian Exterior Building Supplier" decoding="async"></a><div class="h-100 d-flex align-items-center ml-0 mr-auto pt-3">
				<h6 class="small text-muted m-0 p-0 d-flex flex-column">
                  <div class="mr-2 max-content">CANADA'S NATIONAL DISTRIBUTOR FOR </div>
                  <div class="mr-2 max-content"><b>EXTERIOR BUILDING SUPPLY</b> </div>
                  <div class="max-content d-none d-md-block">ROOFING | SIDING | METAL | BUILDING ENVELOPE</div>
				</h6>
			</div><div class="opennav w-100 text-right d-md-flex mt-0 flex-column-reverse flex-md-column"><div class="signinbar w-100 text-left d-none d-xl-inline-block"><div class="small mt-2 mt-md-0 text-uppercase text-left text-md-right"><div class="d-inline-block pr-2"><a href="https://prozone.roofmart.ca/s/login/?language=en_US">PROZONE SIGN IN</a></div> | <div class="d-inline-block"> 
<div class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-list-horizontal">
	<ul><li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-fr wpml-ls-first-item wpml-ls-last-item wpml-ls-item-legacy-list-horizontal">
				<a href="https://roofmart.ca/?lang=fr" class="wpml-ls-link">
                    <span class="wpml-ls-display">French</span></a>
			</li></ul>
</div>
</div></div></div><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-primary" aria-controls="nav-primary" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><nav class="collapse navbar-collapse" id="nav-primary"><ul id="menu-main" class="navbar-nav text-uppercase d-flex align-items-center font-weight-boldest text-secondary ml-auto" data-smartmenus-id="172775600871156"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5637" class="menu-item menu-item-type-post_type_archive menu-item-object-productcat menu-item-5637 nav-item"><a href="https://roofmart.ca/products/" class="nav-link"><span>Products</span></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-42" class="menu-item menu-item-type-post_type_archive menu-item-object-service menu-item-42 nav-item"><a href="https://roofmart.ca/services/" class="nav-link"><span>Services</span></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-41" class="menu-item menu-item-type-post_type_archive menu-item-object-location menu-item-41 nav-item"><a href="https://roofmart.ca/locations/" class="nav-link"><span>Locations</span></a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-5553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5553 nav-item"><a href="https://roofmart.ca/contact/" class="nav-link"><span>Contact</span></a></li>

				<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-button" class="menu-item menu-item-type-post_type menu-item-object-page nav-item d-xl-none">
					<div class="opennav w-100 text-right text-md-left d-md-flex mt-2 mt-md-0 flex-column-reverse flex-md-column">
                      <div class="signinbar d-inline-block w-100 text-left">
                          <div class="small mt-2 mt-md-0 text-uppercase text-left text-md-right"><div class="d-inline-block pr-2"><a href="https://prozone.roofmart.ca/s/login/?language=en_US">PROZONE SIGN IN </a></div> | <div class="d-inline-block"> 
<div class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-list-horizontal">
	<ul><li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-fr wpml-ls-first-item wpml-ls-last-item wpml-ls-item-legacy-list-horizontal">
				<a href="https://roofmart.ca/?lang=fr" class="wpml-ls-link">
                    <span class="wpml-ls-display">French</span></a>
			</li></ul>
</div>
</div></div>
                      </div>
					</div>
  				</li></ul></nav><!-- close opennav --></div></div></header> 
  		<section class="container-fluid position-relative overflow-hidden pt-md-5 px-0"> 
            <video class="background-video-cover position-absolute" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
            	<source src="/wp-content/uploads/2021/05/hero-video-8-baselinespeed.mp4" type="video/mp4">
            </video>
			<div class="position-absolute overlay" style="background-image:url(/wp-content/uploads/2021/01/video_texture.png); background-repeat: repeat; background-color:#444;"></div>
		 	<div class="container position-relative text-white py-md-5 my-md-5">
				<div class="py-5">
                  <h1 class="h1 resp-title text-uppercase font-weight-bolder text-shadow">WHERE EXTERIOR<br>BUILDING BEGINS</h1>
                  <h2 class="h4 py-5 text-shadow">Quality exterior building products with next level service for professionals</h2>
                  <a href="/contact/" class="btn btn-md btn-primary text-uppercase rounded-0 border-0 shadow" role="button">Let's get you connected</a>
				</div>
  			</div>
		</section>


  			<section class="container-fluid">
              <div id="genesis-content" class="row">

				  <!-- CARD 1 -->
                  <div class="col-md-3 d-flex align-items-stretch p-md-3" style="margin-bottom: .5rem!important; margin-top: .5rem!important">
					
                              <!--<div class="py-5 h-100 text-left position-relative d-flex align-items-start justify-content-start flex-column">
								  <h2 class="w-100 font-weight-bolder text-uppercase text-primary"></h2>
								  <div class="pb-3 pl-2 w-100"></div>
								  <a class="text-uppercase btn btn-md btn-primary text-white  d-flex align-items-center">Read More</a>
                              </div>-->
  							<card class="card shadow">
                                <div class="card-image-top p-0 m-0 w-100 overflow-hidden d-flex align-items-center shadow background-cover" style="height:190px; background-image:url(https://roofmart.ca/wp-content/uploads/2024/05/dynasty-stacked-e1715981159854.jpg);"></div>
                                <div class="card-body d-flex flex-column">
                                    <h2 class="h5 card-title text-secondary font-weight-bolder text-uppercase" style="min-height:48px;">The Top 3 Amazing Facts About IKO Dynasty Roofing Shingles</h2>
                                    <p class="card-text small">An article by IKO. Check out the facts on one of IKO’s most technologically advanced […]</p>
                                    <a href="https://roofmart.ca/the-top-3-amazing-facts-about-iko-dynasty-roofing-shingles/" class="text-uppercase btn btn-md btn-primary text-white  d-flex align-items-center">read the article</a>
                                </div>
                        	</card>
                  </div>

				  <!-- CARD 2 -->
                  <div class="col-md-3 d-flex align-items-stretch p-md-3" style="margin-bottom: .5rem!important; margin-top: .5rem!important">
					
                              <!--<div class="py-5 h-100 text-left position-relative d-flex align-items-start justify-content-start flex-column">
								  <h2 class="w-100 font-weight-bolder text-uppercase text-primary"></h2>
								  <div class="pb-3 pl-2 w-100"></div>
								  <a class="text-uppercase btn btn-md btn-primary text-white  d-flex align-items-center">Read More</a>
                              </div>-->
  							<card class="card shadow">
                                <div class="card-image-top p-0 m-0 w-100 overflow-hidden d-flex align-items-center shadow background-cover" style="height:190px; background-image:url(https://roofmart.ca/wp-content/uploads/2024/04/sika_logo_bannerv2-730x130.jpg);"></div>
                                <div class="card-body d-flex flex-column">
                                    <h2 class="h5 card-title text-secondary font-weight-bolder text-uppercase" style="min-height:48px;">New Partnership!</h2>
                                    <p class="card-text small">Roofmart Becomes National Distributor of Sika Products! Date: April 18, 2024 Dear Valued Customers, We […]</p>
                                    <a href="https://roofmart.ca/new-partnership/" class="text-uppercase btn btn-md btn-primary text-white  d-flex align-items-center">read the article</a>
                                </div>
                        	</card>
                  </div>

				  <!-- CARD 3 -->
                  <div class="col-md-6 px-0 position-relative background-cover" style="background-image:url();">
          			  <div class="overlay" style="background-color: !important;"></div>
					                        <div class="container p-3 position-relative px-md-5 py-5">
                        <h2 class="resp-title text-uppercase font-weight-bolder titlebar pt-5">AT YOUR SERVICE</h2>
                        <h3 class="lead pb-4 pt-2">We make it our business to grow your business &amp; service your project</h3>
                        <a href="/services/" class="btn btn-md btn-primary text-uppercase rounded-0 border-0 shadow" role="button">Go to our Services</a>
                      </div>
                  </div>
              </div>
			</section>
          

 


            <section class="background-cover position-relative py-5" style="background-image:url(https://roofmart.ca/wp-content/uploads/2021/01/Products.jpg); min-height:70vh;">
				<div class="overlay" style="background-color:#050505 !important;"></div>
                <div class="position-absolute text-white pb-3 product-text">
                    <h2 class="resp-title text-uppercase font-weight-bolder text-shadow titlebar">PRODUCTS</h2>
                    <h3 class="lead pb-4 pt-2 text-shadow">We partner with leading brands to provide you with the best exterior building products</h3>
                    <a href="/products/" class="btn btn-md btn-primary text-uppercase rounded-0 border-0 shadow" role="button">view product categories</a>
                </div>
            </section>  

  
 
          <section class="container-fluid pl-md-5 overflow-hidden">
                <div class="row no-gutters py-5">
                    <div class="col-md-8 col-lg-8 position-relative p-1 p-md-5">
                      					  <img alt="Map of Canada with markers showcasing Roofmart distribution locations" class="img mr-md-5" src="/wp-content/uploads/2021/11/roofmart_static_map_2021_nov.png">
                    </div>
                    <div class="col-md-4 col-lg-3 pt-md-5 d-flex align-items-end flex-column justify-content-center" style="margin-top:-20px;">
                      <h2 class="resp-title font-weight-bolder text-right titlebarright">CANADA'S<br> NATIONAL<br> DISTRIBUTOR</h2>
                      <a href="/locations/" class="btn btn-md btn-primary text-uppercase rounded-0 border-0 shadow" role="button">Find Your Location</a>
                      <h2 class="h6 pt-4 d-none d-md-flex text-muted px-0">Over 50 <!--<span class="loc_count wow">&nbsp;</span>&nbsp;-->locations to serve you</h2>
                    </div>
                </div>
          </section>



  		<section class="container-fluid">
              <div class="row no-gutter">

 				  <!-- Card Bottom 1 -->
                  <div class="col-md-6 px-3 py-5 p-md-5 position-relative text-white d-flex align-items-start justify-content-center flex-column background-cover" style="background-image:url(https://roofmart.ca/wp-content/uploads/2021/04/hr-banner-red3.jpg);">
					<div class="position-relative">
                      <h2 class="w-100 font-weight-bolder text-uppercase text-white">Careers</h2>
					  <h3 class="lead pb-4 pt-2">We have 500+ employees that call us home. Join the family and start a fulfilling career.</h3>
					</div>
					<a href="https://roofmart.ca/about" role="button" class="btn btn-md btn-dark text-white text-uppercase rounded-0 border-0 shadow" aria-label="Learn more">Learn more</a>
                  </div>
				
				  <!-- Card Bottom 2 -->
                  <div class="col-md-2 d-none d-md-block" style="background-color:#1f1f1f !important;">
  						<div class="py-5 h-100 text-left position-relative d-flex align-items-start justify-content-center flex-column">
  							<h2 class="h4 w-100 font-weight-bolder text-uppercase text-white position-relative">LATEST UPDATES</h2>
  							<h3 class="lead pb-4 pt-2 text-white position-relative">See our latest blog posts</h3>
						                        </div>
                  </div>

				  <!-- Card Bottom 3 -->
                  <div class="col-md-4 p-5 pr-1 bg-light d-none d-md-block">
                    <svg class="position-absolute d-none d-md-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="100px" height="100px" style="left: -35px; top: 50%; margin-top: -50px;"><path fill="#1f1f1f" d="M 16 5 L 16 47 L 38 26 Z"></path></svg>
					<div class="py-5 h-100 text-left position-relative d-flex align-items-start justify-content-center flex-column">						
  						  <!--<h2 class="w-100 font-weight-bolder text-uppercase text-primary">--> <!--</h2> -->
					     <!-- <h3 class="small pb-4 pt-2"></h3> -->
						
					<div class="pl-md-3 post-list" style="width: 100%; ">
						<a href="https://roofmart.ca/upgrade-your-home-with-duraflos-latest-ventillation/">
                          <div class="row position-relative" style="height:50px;">
                              <!-- <div class="col-3 py-3 background-cover" style="background-image:url(https://roofmart.ca/wp-content/uploads/2024/05/duraflo-article-header-image-150x150.jpg);"></div> -->
                              <div class="col-12 text-left d-flex align-items-start justify-content-center flex-column">
								  <h3 class="m-0 text-primary" style="font-size: .8rem !important;">Upgrade Your Home with Duraflo’s Latest Ventillation</h3>
                              </div>
                          </div>
						</a>
					</div>

					<div class="pl-md-3 post-list" style="width: 100%; ">
						<a href="https://roofmart.ca/the-top-3-amazing-facts-about-iko-dynasty-roofing-shingles/">
                          <div class="row position-relative" style="height:50px;">
                              <!-- <div class="col-3 py-3 background-cover" style="background-image:url(https://roofmart.ca/wp-content/uploads/2024/05/dynasty-stacked-e1715981159854-150x150.jpg);"></div> -->
                              <div class="col-12 text-left d-flex align-items-start justify-content-center flex-column">
								  <h3 class="m-0 text-primary" style="font-size: .8rem !important;">The Top 3 Amazing Facts About IKO Dynasty Roofing Shingles</h3>
                              </div>
                          </div>
						</a>
					</div>

					<div class="pl-md-3 post-list" style="width: 100%; ">
						<a href="https://roofmart.ca/new-partnership/">
                          <div class="row position-relative" style="height:50px;">
                              <!-- <div class="col-3 py-3 background-cover" style="background-image:url(https://roofmart.ca/wp-content/uploads/2024/04/sika_logo_bannerv2-150x150.jpg);"></div> -->
                              <div class="col-12 text-left d-flex align-items-start justify-content-center flex-column">
								  <h3 class="m-0 text-primary" style="font-size: .8rem !important;">New Partnership!</h3>
                              </div>
                          </div>
						</a>
					</div>

					<div class="pl-md-3 post-list" style="width: 100%; ">
						<a href="https://roofmart.ca/enhance-drainage-with-dupont-tyvek-drainwrap-ca/">
                          <div class="row position-relative" style="height:50px;">
                              <!-- <div class="col-3 py-3 background-cover" style="background-image:url(https://roofmart.ca/wp-content/uploads/2022/07/Tyvek_DrainWrap_CA_Square-150x150.jpg);"></div> -->
                              <div class="col-12 text-left d-flex align-items-start justify-content-center flex-column">
								  <h3 class="m-0 text-primary" style="font-size: .8rem !important;">Enhance Drainage with DuPont Tyvek® DrainWrap™ CA</h3>
                              </div>
                          </div>
						</a>
					</div>

					<div class="pl-md-3 post-list" style="width: 100%; ">
						<a href="https://roofmart.ca/anchordeck-psu-roofing-underlayment/">
                          <div class="row position-relative" style="height:50px;">
                              <!-- <div class="col-3 py-3 background-cover" style="background-image:url(https://roofmart.ca/wp-content/uploads/2022/06/anchordeck-psu-roll_image-_from_Roofnado_website-150x150.png);"></div> -->
                              <div class="col-12 text-left d-flex align-items-start justify-content-center flex-column">
								  <h3 class="m-0 text-primary" style="font-size: .8rem !important;">AnchorDeck™ PSU Roofing Underlayment</h3>
                              </div>
                          </div>
						</a>
					</div>
				
					<a class="btn btn-primary btn-md bg-primary text-white text-uppercase mt-3" href="/blog/" style="max-width:max-content;">see more</a>
  					</div>
                  </div>

              </div>
  
  
  

              <div class="row">

				  <!-- Card Bottom 1 -->
                  <div class="col-md-6 py-5 pr-5 bg-dark text-white d-flex align-items-start flex-column justify-content-center background-cover position-relative" style="background-image:url(https://roofmart.ca/wp-content/uploads/2021/03/home-page-about-us-leaf-2-e1616522185669.jpg);">
					
					<div class="overlay bg-dark"></div><div class="overlay bg-dark"></div><div class="overlay bg-dark"></div>
					<h2 class="w-100 font-weight-bolder text-uppercase text-white position-relative"></h2>
					<h3 class="lead pb-4 pt-2 position-relative"></h3>
                  </div>

				  <!-- Card Bottom 3 -->
                  <div class="col-md-6 p-5 text-white bg-primary position-relative background-cover d-flex align-items-start flex-column justify-content-center" style="background-image:url(https://roofmart.ca/wp-content/uploads/2021/03/roofmart-sweater-e1616532756711.jpg);">
					<div class="overlay" style="background-color:#dd3333 !important;"></div>
					<div class="position-relative w-100">
						<h2 class="w-100 font-weight-bolder text-uppercase text-white position-relative"> ABOUT ROOFMART</h2>
						<h3 class="lead pb-lg-4 pt-lg-2"><p>Learn about our history, our passion for the building industry and what matters to us most.</p>
</h3>

						<div class="container-fluid mb-xl-5">
							<div class="row">
								<div class="col-12 col-xl-4 text-left text-xl-center">
									<div class="resp-title"><span class="employee_count wow font-weight-boldest" style="visibility: hidden; animation-name: none;">&nbsp;</span>+</div>
									<p class="lead mb-0 mb-lg-1">EMPLOYEES</p>
								</div>
								<div class="col-12 col-xl-4 text-left text-xl-center">
									<div class="resp-title"><span class="fleet_count wow font-weight-boldest" style="visibility: hidden; animation-name: none;">&nbsp;</span>+</div>
									<p class="lead mb-0 mb-lg-1">FLEET</p>
								</div>
								<div class="col-12 col-xl-4  text-left text-xl-center">
									<div class="resp-title"><span class="branch_count wow font-weight-boldest" style="visibility: hidden; animation-name: none;">&nbsp;</span>+</div>
									<p class="lead mb-0 mb-lg-1">BRANCHES</p>
 								</div>
							</div>
						</div>

						<a href="/about/" role="button" class="btn btn-md btn-dark text-white text-uppercase rounded-0 border-0 shadow" aria-label="Learn More About Us">Learn More About Us</a>
					</div>
                  </div>
              </div>
  		</section>


              <section class="container-fluid text-white background-cover pt-2 pb-3" style="background-image:url('https://roofmart.ca/wp-content/uploads/2021/03/cta_banner.svg'); background-color:#77171c !important;">
                  <img class="invisible w-100" src="https://roofmart.ca/wp-content/uploads/2021/03/cta_banner.svg" alt="Roofmart Banner">
              </section>  
            
<div class="footer-widgets text-muted bg-dark" id="genesis-footer-widgets"><div class="wrap container"><div class="row"><div class="footer-widgets-1 col-sm-3 widget-area"><section id="media_image-2" class="widget-odd widget-3 mx-auto mx-md-0 text-center text-md-left widget widget_media_image"><img width="300" height="300" src="https://roofmart.ca/wp-content/uploads/2021/05/RM-Tertiary-Logo-redwhite.svg" class="image wp-image-7871  attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" decoding="async"></section>
<section id="media_image-4" class="widget-even widget-4 mt-5 mb-5 mx-auto roofcentre-footer-logo mx-md-0 text-center text-md-left widget widget_media_image"><img width="300" height="300" src="https://roofmart.ca/wp-content/uploads/2021/05/RC-Tertiary-logo-redwhite.svg" class="image wp-image-7865  attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" decoding="async"></section>
</div><div class="footer-widgets-2 col-sm-3 widget-area"><section id="nav_menu-2" class="widget-odd widget-3 text-center text-md-right text-footer widget widget_nav_menu"><div class="menu-footer-menu-column-2-container"><ul id="menu-footer-menu-column-3" class="menu"><li class="menu-item menu-item-type-post_type_archive menu-item-object-productcat menu-item-6033"><a href="https://roofmart.ca/products/">Products</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8853"><a href="https://roofmart.ca/get-to-know-prozone/">Get to Know ProZone</a></li>
<li class="menu-item menu-item-type-post_type_archive menu-item-object-service menu-item-6031"><a href="https://roofmart.ca/services/">Services</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8852"><a href="https://roofmart.ca/ordertrax/">OrderTrax</a></li>
<li class="menu-item menu-item-type-post_type_archive menu-item-object-location menu-item-6032"><a href="https://roofmart.ca/locations/">Locations</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6240"><a href="https://roofmart.ca/contact/">Contact</a></li>
</ul></div></section>
</div><div class="footer-widgets-3 col-sm-3 widget-area"><section id="nav_menu-5" class="widget-odd widget-3 mb-5 text-center text-md-right widget widget_nav_menu"><div class="menu-footer-menu-column-1-container"><ul id="menu-footer-menu-column-4" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6187"><a href="https://roofmart.ca/about/">About</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6239"><a href="https://iko.wd3.myworkdayjobs.com/Roofmart_Careers">Roofmart Careers</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8545"><a href="https://iko.wd3.myworkdayjobs.com/PRC_Careers">Roof Centre Careers</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6127"><a href="https://roofmart.ca/blog/">Blog</a></li>
<li class="menu-item menu-item-type-post_type_archive menu-item-object-resource menu-item-7581"><a href="https://roofmart.ca/resources/">Resources</a></li>
</ul></div></section>
</div><div class="footer-widgets-4 col-sm-3 widget-area"><section id="codewidget-2" class="widget-even widget-2 text-center text-md-right widget widget_codewidget"><h4 class="widget-title widgettitle">Follow Us</h4><div class="widget-wrap"><div class="code-widget"> 
			<div class="text-right d-flex flex-row justify-content-center justify-content-md-end align-items-center mr-0 ml-auto">

                    <div class="col-auto mr-0 ml-3 p-0" style="max-width:40px;">
                        <a href="https://www.facebook.com/RoofmartCA/" class="" role="link" aria-label="Visit Roofmart on Facebook"><svg xmlns="http://www.w3.org/2000/svg" role="button" viewBox="0 0 48 48" width="36px" height="36px"><path fill="#8a181a" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z"></path><path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z"></path></svg></a>
                    </div>
				
                    <div class="col-auto mr-0 ml-3 p-0" style="max-width:40px;">
                        <a href="https://twitter.com/roofmartca" class="" role="link" aria-label="Visit Roofmart on Twitter"><svg xmlns="http://www.w3.org/2000/svg" role="button" viewBox="0 0 48 48" width="36px" height="36px"><path fill="#8a181a" d="M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429"></path></svg></a>
                    </div>
				
                    <div class="col-auto mr-0 ml-3 p-0" style="max-width:40px;">
                        <a href="https://www.instagram.com/roofmartca/?hl=en" class="" role="link" aria-label="Visit Roofmart on Instagram"><svg xmlns="http://www.w3.org/2000/svg" role="button" viewBox="0 0 50 50" width="32px" height="32px" fill="#8a181a"><path d="M 16 3 C 8.83 3 3 8.83 3 16 L 3 34 C 3 41.17 8.83 47 16 47 L 34 47 C 41.17 47 47 41.17 47 34 L 47 16 C 47 8.83 41.17 3 34 3 L 16 3 z M 37 11 C 38.1 11 39 11.9 39 13 C 39 14.1 38.1 15 37 15 C 35.9 15 35 14.1 35 13 C 35 11.9 35.9 11 37 11 z M 25 14 C 31.07 14 36 18.93 36 25 C 36 31.07 31.07 36 25 36 C 18.93 36 14 31.07 14 25 C 14 18.93 18.93 14 25 14 z M 25 16 C 20.04 16 16 20.04 16 25 C 16 29.96 20.04 34 25 34 C 29.96 34 34 29.96 34 25 C 34 20.04 29.96 16 25 16 z"></path></svg></a>
                    </div>
				
                    <div class="col-auto mr-0 ml-3 p-0" style="max-width:40px;">
                        <a href="https://ca.linkedin.com/company/roofmart" class="" role="link" aria-label="Visit Roofmart on LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" role="button" viewBox="0 0 48 48" width="36px" height="36px"><path fill="#8a181a" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z"></path><path fill="#FFF" d="M12 19H17V36H12zM14.485 17h-.028C12.965 17 12 15.888 12 14.499 12 13.08 12.995 12 14.514 12c1.521 0 2.458 1.08 2.486 2.499C17 15.887 16.035 17 14.485 17zM36 36h-5v-9.099c0-2.198-1.225-3.698-3.192-3.698-1.501 0-2.313 1.012-2.707 1.99C24.957 25.543 25 26.511 25 27v9h-5V19h5v2.616C25.721 20.5 26.85 19 29.738 19c3.578 0 6.261 2.25 6.261 7.274L36 36 36 36z"></path></svg></a>
                    </div>
				
			</div>
	</div></div></section>
</div></div></div></div><footer class="site-footer text-muted bg-dark"><div class="wrap container"><p></p><div class="row text-white text-muted">

<div class="col-md-5 text-center small  text-md-left">
Copyright ©&nbsp;2024 · ROOFMART All rights reserved
</div>

<div class="col-md-7 small text-uppercase text-center text-md-right">

<a href="/terms-of-use/" role="button">
Terms of Use · 
</a>

<a href="/terms-of-sale/" role="button">
Terms of Sale · 
</a>

<a href="/privacy-policy/" role="button">
Privacy Policy · 
</a>

<a href="/notices/" role="button"> Pricing Notices ·
</a>

<a href="/legal-notices/" role="button"> Legal Notices
</a>
</div>

</div><p></p></div></footer></div>			<script type="text/javascript">
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/genesis/lib/js/skip-links.min.js?ver=3.3.3" id="skip-links-js"></script>
<script type="text/javascript" id="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","394724887749948");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=394724887749948&amp;ev=PageView&amp;noscript=1"></noscript>

<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/js/popper.min.js?ver=4.0.1" id="app-popper-js-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/js/bootstrap.min.js?ver=4.0.1" id="app-bootstrap-js-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/js/jquery.smartmenus.min.js?ver=4.0.1" id="app-smartmenu-js-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/js/jquery.smartmenus.bootstrap-4.min.js?ver=4.0.1" id="app-smartmenu-bootstrap-js-js"></script>
<script type="text/javascript" src="https://use.fontawesome.com/releases/v5.6.3/js/all.js?ver=4.0.1" id="app-fontawesome-js-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/js/app.min.js?ver=4.0.1" id="app-js-js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js?ver=4.0.1" id="wow-min-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/js/wow-init.js?ver=4.0.1" id="wow-init-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/js/locations.js?ver=4.0.1" id="locations-js"></script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/themes/bootstrap-for-genesis-4/assets/js/acfmap.js?ver=1.0.0" id="google-map-js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6EFuzRm0pFbj3hSmbdRLH9yycUQhZjNU" id="google-api-js"></script>
<script type="text/javascript" id="wpa.longdesc-js-extra">
/* <![CDATA[ */
var wpald = {"url":"https:\/\/roofmart.ca\/wp-json\/wp\/v2\/media","type":"jquery","text":"<span class=\"dashicons dashicons-media-text\" aria-hidden=\"true\"><\/span><span class=\"screen-reader\">Long Description<\/span>"};
/* ]]> */
</script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/plugins/wp-accessibility/js/longdesc.min.js?ver=1.7.6" id="wpa.longdesc-js"></script>
<script type="text/javascript" id="wp-accessibility-js-extra">
/* <![CDATA[ */
var wpa = {"skiplinks":{"enabled":false,"output":""},"target":"1","tabindex":"1","underline":{"enabled":false,"target":"a"},"dir":"ltr","lang":"en-US","titles":"1","labels":"1","wpalabels":{"s":"Search","author":"Name","email":"Email","url":"Website","comment":"Comment"},"current":"","errors":"","tracking":"1","ajaxurl":"https:\/\/roofmart.ca\/wp-admin\/admin-ajax.php","security":"d0860e2171","action":"wpa_stats_action","url":"https:\/\/roofmart.ca\/","post_id":"8"};
/* ]]> */
</script>
<script type="text/javascript" src="https://roofmart.ca/wp-content/plugins/wp-accessibility/js/wp-accessibility.min.js?ver=1.7.6" id="wp-accessibility-js"></script>

</body></html>