Canada Mortgage and Housing Corporation

<!DOCTYPE html> <html lang="en" itemscope itemtype="http://schema.org/WebPage">  <head> <meta name="VIcurrentDateTime" content="638679652795066769" /> <meta name="VirtualFolder" content="/" /> <script type="text/javascript" src="/layouts/system/VisitorIdentification.js"></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="date" content="" /> <link rel="canonical" href="https://www.cmhc-schl.gc.ca/" /> <link rel="icon" href="/favicon-ie-16x16.ico" type="image/x-icon" /> <link rel='alternate' hreflang='en' href='https://www.cmhc-schl.gc.ca/' /><link rel='alternate' hreflang='fr' href='https://www.cmhc-schl.gc.ca/' /> <script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/lib/jquery-3-4-1.js?rev=fa92c9cb-cc83-421d-bb7c-e97b4d763661"></script> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script src='https://www.google.com/recaptcha/api.js'></script> <title>Canada Mortgage and Housing Corporation | CMHC</title>  <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Home" />  <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-P3TBKQ');</script>  <style> @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700'); @import url('https://fonts.googleapis.com/css?family=Montserrat:700'); </style> <link href="https://assets.cmhc-schl.gc.ca/global/css/feature/foundationcomponents/foundation.css?rev=08fbd303-818e-48cf-a24c-713eb0265eed" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/feature/foundationcomponents/foundationicons.css?rev=02ec40a3-dcfa-4dbe-862a-2bebca9c3e6d" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/lib/roboto.css?rev=f6cbf3d6-1d07-4fa2-82ba-4a299ea1ee5f" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/lib/font-awesome.css?rev=d31c7b73-13d7-4fad-b567-598751b0efcd" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/cmhc.css?rev=ba6deffe-d00d-481a-a5c1-695bf46c0312" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/cmhc-legacy-styles.css?rev=82bbcc01-20aa-42e9-8a26-8ab47e611a43" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/cmhc-global-styles.css?rev=a1e4f013-d91b-4efe-a36b-fa976fa6bbbf" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/cmhc-components.css?rev=83cc7970-3768-45dc-9afe-2e4068bd14bf" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/cmhc-forms.css?rev=d25b91f0-0284-4ccc-9f3b-e9976bbde083" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/component-control/element-style-control.css?rev=f4f54f1a-c2cc-4376-9c4f-51da691c2885" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/component-control/element-style-control-cmhc.css?rev=418b410e-3379-4781-b2e1-6bc8ebfbb8cb" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/cmhc-transition.css?rev=0adf6fda-620a-49dc-ac97-445a7cb69bb8" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/includes/modal/modal-cmhc.css?rev=2beae9d5-d1bc-4b05-8cba-14bd0239d35d" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/includes/slickcarousel/slickcarousel-core.css?rev=a22a19ea-ddd6-41d1-a638-af09daadcbef" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/includes/slickcarousel/slickcarousel-custom.css?rev=b62ade05-a21f-40c8-b75e-2530a60665f0" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/includes/owlcarousel/owlcarousel-core.css?rev=f1b15d73-e2af-486f-a677-bfe84b867731" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/includes/owlcarousel/owlcarousel-custom.css?rev=bbd53de9-4cad-4824-bd44-4b8a2870733c" rel="stylesheet" /><link href="https://assets.cmhc-schl.gc.ca/global/css/project/cmhc/cmhc-homepage.css?rev=e1f671cc-595e-40ee-8e96-990e6542b601" rel="stylesheet" /> <script> (function (h, o, t, j, a, r) { h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments); }; h._hjSettings = { hjid: 1445865, hjsv: 6 }; a = o.getElementsByTagName("head")[0]; r = o.createElement("script"); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv="); </script> <style> .ia-hero-banner .banner-image { overflow: hidden; height: 436px; } .ia-hero-banner .banner-image img { height: 100%; width: 100%; } .ia-hero-banner .banner-content { padding: 65px 50px 40px 50px; } .ia-hero-banner .banner-content h2 { line-height: 46px; } .ia-hero-banner .banner-content h2 span { font-weight: normal; } .slick-slide { width: 460px; } .slick-slide img { object-fit: cover; } .slick-loading .slick-list { background: #fff url('https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/js/slickcarousel/ajax-loader.gif') center center no-repeat; } .slickSlider { display: none; } </style> <script> /* $(document).ready(function () { $('.imageFader').slick({ mobileFirst: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 4000, arrows: false, adaptiveHeight: false, infinite: true, speed: 3000, fade: true, cssEase: 'linear', dots: false }); $('.slickSlider').show(); /* This shows slider once loaded */ // $('.slick-placeholder').hide(); $('.imageFader').css('background-image', 'none'); }); // END - Document.Ready */ </script> <meta name="google-site-verification" content="dyyY6GxIBwiB1xG-0fW2XMdfRUOflamhI6r9m24Wm7c" /> <meta name="facebook-domain-verification" content="hp6h7y4dffuz5i1lqlzj3bohuh41tb" /> <script src="/scripts/app_insight_monitoring.js"></script> </head>  <body class="Home" id="">   <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3TBKQ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <input type="hidden" id="hdnpagetype" value="Main Home Page" /> <input type="hidden" id="hdncontentlanguage" value="en" /> <div id="body-wrapper" class="cmhc-container">  <header> <div class="content-full clear-fix"> <div class="navskip-main"> <a class="skip-main" href="#maincontent" tabindex="1">Skip to content </a> </div> <div class="site-title float-left"> <a onclick="dl_CTA('Canada Mortgage and Housing Corporation header .menu-list a { border: 2px solid #e5e5e5; } ',this);" class="en-lang" href="/en"> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/imgs/chevron-en.png?rev=87c5f9ca-4281-495f-a022-7badec3f3195&h=142&iar=0&w=300" alt="CMHC Home" width="300" height="142" /> <span>Canada Mortgage <br>and Housing Corporation</span> <style> header .menu-list a { border: 2px solid #e5e5e5; } </style><style class="darkreader darkreader--sync" media="screen"></style> </a> </div> <div class="site-menu float-right"> <ul> <li id="user-profile"> <a onclick="dl_CTA('Sign In',this);" href="/api/sitecore/B2CAuthentication/SignIn" id="lnkSignIn">Sign In </a> or <a onclick="dl_CTA('Register',this);" href="/cmhc-registration"> Register</a> <script type="text/javascript"> $('#lnkSignOut').on('click', function () { var url = '/api/sitecore/B2CAuthentication/SignOut'; var callbackUrl = window.location.protocol + "//" + window.location.hostname + window.location.pathname; window.location.href = url + "?callbackUrl=" + callbackUrl; }); </script> </li> <li id="language-btn-wrapper"> <a href="/" onclick="dl_CTA('FRANÇAIS',this);languagecookie();" class="nav-language">FRANÇAIS</a> </li> <li class="default-menu"> <div class="menu-list"> <a class="navigation-btn"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/home/hamburger.png?rev=209c76e3-4bb0-457a-9f8f-4452da7a80f9&h=15&iar=0&w=19" alt="" width="19" height="15" /> <span class="menutext"> MENU</span> </a> </div> </li> </ul> <div class="search-main"> <div class="global-search-box"> <link rel="stylesheet" href="https://static.cloud.coveo.com/searchui/v2.10107/css/CoveoFullSearch.css" /> <link rel="stylesheet" href="https://static.cloud.coveo.com/coveoforsitecore/ui/v0.59.10/css/CoveoForSitecore.css" /> <script class="coveo-script" type="text/javascript" src='https://static.cloud.coveo.com/searchui/v2.10107/js/CoveoJsSearch.Lazy.min.js'></script> <script class="coveo-for-sitecore-script" type="text/javascript" src='https://static.cloud.coveo.com/coveoforsitecore/ui/v0.59.10/js/CoveoForSitecore.Lazy.min.js'></script> <script type="text/javascript" src="https://static.cloud.coveo.com/searchui/v2.10107/js/cultures/en.js"></script> <div>  <div id="SearchResourcesProperties_d3248ba76fdc49e18d10f5688a1db9f1" class="CoveoForSitecoreContext" data-sc-should-have-analytics-component='true' data-sc-analytics-enabled='true' data-sc-current-language='en' data-prebind-sc-language-field-name='fieldTranslator' data-sc-language-field-name='_language' data-sc-labels='{"Ascending" : "Ascending" , "Descending" : "Descending" , "Created By" : "Created by" , "Creation Time" : "Creation time." , "Template" : "Template" , "Last Time Modified" : "Last time modified." , "Uniform resource identifier" : "URI" , "Created" : "Created" , "Language" : "Language" , "Updated By" : "Updated by" , "Search is currently unavailable" : "Oops! Something went wrong on the server." , "If the problem persists contact the administrator." : "If the problem persists contact the administrator."}' data-sc-maximum-age='900000' data-sc-page-name='Home' data-sc-page-name-full-path='/sitecore/content/CMHC/Sites/Main/Home' data-sc-index-source-name='Coveo_web_index - Coveo-Prod103-Coveo5' data-sc-is-in-experience-editor='false' data-sc-is-user-anonymous='true' data-sc-item-uri='sitecore://web/{4630FFB5-5E93-4E64-8276-481F949429EA}?lang=en&ver=8' data-sc-item-id='4630ffb5-5e93-4e64-8276-481f949429ea' data-prebind-sc-latest-version-field-name='fieldTranslator' data-sc-latest-version-field-name='_latestversion' data-sc-rest-endpoint-uri='/coveo/rest' data-sc-analytics-endpoint-uri='/coveo/rest/ua' data-sc-site-name='cmhc' data-sc-field-prefix='f' data-sc-field-suffix='31001' data-sc-prefer-source-specific-fields='false' data-sc-external-fields='[{"fieldName":"sysattachmentparentid","shouldEscape":false},{"fieldName":"permanentid","shouldEscape":false}]' data-sc-source-specific-fields='[{"fieldName":"attachmentparentid"},{"fieldName":"author"},{"fieldName":"clickableuri"},{"fieldName":"collection"},{"fieldName":"concepts"},{"fieldName":"date"},{"fieldName":"filetype"},{"fieldName":"indexeddate"},{"fieldName":"isattachment"},{"fieldName":"language"},{"fieldName":"printableuri"},{"fieldName":"rowid"},{"fieldName":"size"},{"fieldName":"source"},{"fieldName":"title"},{"fieldName":"topparent"},{"fieldName":"topparentid"},{"fieldName":"transactionid"},{"fieldName":"uri"},{"fieldName":"urihash"}]' > </div> <script type="text/javascript"> var endpointConfiguration = { itemUri: "sitecore://web/{4630FFB5-5E93-4E64-8276-481F949429EA}?lang=en&ver=8", siteName: "cmhc", restEndpointUri: "/coveo/rest" }; if (typeof (CoveoForSitecore) !== "undefined") { CoveoForSitecore.SearchEndpoint.configureSitecoreEndpoint(endpointConfiguration); CoveoForSitecore.version = "5.0.1227.1"; var context = document.getElementById("SearchResourcesProperties_d3248ba76fdc49e18d10f5688a1db9f1"); if (!!context) { CoveoForSitecore.Context.configureContext(context); } } </script> </div> <script> document.addEventListener("CoveoSearchEndpointInitialized", function() { var searchboxElement = document.getElementById("_185F67BF-1D73-4AEE-9564-FDE5B0EB24D9"); searchboxElement.addEventListener("CoveoComponentInitialized", function() { CoveoForSitecore.initSearchboxIfStandalone(searchboxElement, "/search"); }); }) </script> <div id="_185F67BF-1D73-4AEE-9564-FDE5B0EB24D9_container" class="coveo-for-sitecore-search-box-container" data-prebind-maximum-age='currentMaximumAge' > <div id="_185F67BF-1D73-4AEE-9564-FDE5B0EB24D9" class="CoveoSearchbox" data-enable-omnibox='true' data-prebind-maximum-age='currentMaximumAge' data-clear-filters-on-new-query='false' > <script type="text/javascript"> document.addEventListener("CoveoSearchEndpointInitialized", function() { var componentId = "_185F67BF-1D73-4AEE-9564-FDE5B0EB24D9"; var componentElement = document.getElementById(componentId); function showError(error) { console.error(error); } function areCoveoResourcesIncluded() { return typeof (Coveo) !== "undefined"; } if (areCoveoResourcesIncluded()) { var event = document.createEvent("CustomEvent"); event.initEvent("CoveoComponentInitialized", false, true); setTimeout(function() { componentElement.dispatchEvent(event); }, 0); } else { componentElement.classList.add("invalid"); showError("The Coveo Resources component must be included in this page."); } }); </script> <div class="CoveoForSitecoreBindWithUserContext"></div> <div class="CoveoForSitecoreExpressions"></div> <div class="CoveoForSitecoreConfigureSearchHub" data-sc-search-hub="search"></div> </div> </div> <input type="hidden" id="desktopText" value="What can we help you find?" /> <input type="hidden" id="mobileText" value="Search" /> </div> <div class="menu-list"> <a onclick="dl_Navigation('menu', 'open menu');" class="navigation-btn"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/home/hamburger.png?rev=209c76e3-4bb0-457a-9f8f-4452da7a80f9&h=15&iar=0&w=19" alt="" width="19" height="15" /> <span class="menutext">MENU</span> </a> </div> </div> </div>  <nav> <span id="close-menu"> × </span> <a href="/" onclick="dl_CTA('FRANÇAIS',this);languagecookie();" class="nav-language">FRANÇAIS</a> <ul> <li><a onclick="dl_Navigation('menu','Home');" href="/" class=" current-page-item">Home</a></li> <li> <a onclick="dl_Navigation('menu','Professionals');" href="/professionals" class=" ">Professionals</a> <ul> <li> <a onclick="dl_Navigation('menu','Project funding and mortgage financing');" href="/professionals/project-funding-and-mortgage-financing" class=" ">Project funding and mortgage financing</a> <ul> <li> <a onclick="dl_Navigation('menu','Funding programs');" href="/professionals/project-funding-and-mortgage-financing/funding-programs" class=" ">Funding programs</a> <ul> <li><a onclick="dl_Navigation('menu','Affordable Housing Fund');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/affordable-housing-fund-archived?rdlink=1" class=" ">Affordable Housing Fund</a></li> <li><a onclick="dl_Navigation('menu','Affordable Housing Innovation Fund');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/affordable-housing-innovation-fund?rdlink=1" class=" ">Affordable Housing Innovation Fund</a></li> <li><a onclick="dl_Navigation('menu','Apartment Construction Loan Program');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/apartment-construction-loan-program?rdlink=1" class=" ">Apartment Construction Loan Program</a></li> <li><a onclick="dl_Navigation('menu','Canada Greener Affordable Housing');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/canada-greener-affordable-housing-program?rdlink=1" class=" ">Canada Greener Affordable Housing</a></li> <li><a onclick="dl_Navigation('menu','Community (social) housing');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/community-housing" class=" ">Community (social) housing</a></li> <li><a onclick="dl_Navigation('menu','Federal Lands Initiative');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/federal-lands?rdlink=1" class=" ">Federal Lands Initiative</a></li> <li><a onclick="dl_Navigation('menu','Funding for Indigenous housing');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/indigenous" class=" ">Funding for Indigenous housing</a></li> <li><a onclick="dl_Navigation('menu','Housing Supply Challenge');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/housing-supply-challenge?rdlink=1" class=" ">Housing Supply Challenge</a></li> <li><a onclick="dl_Navigation('menu','Innovation and research');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/innovation-and-research" class=" ">Innovation and research</a></li> <li><a onclick="dl_Navigation('menu','National Housing Strategy Project Profiles');" href="/nhs/nhs-project-profiles?rdlink=1" class=" ">National Housing Strategy Project Profiles</a></li> <li><a onclick="dl_Navigation('menu','Rapid Housing Initiative');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/rapid-housing?rdlink=1" class=" ">Rapid Housing Initiative</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Mortgage Loan Insurance Products');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance" class=" ">Mortgage Loan Insurance Products</a> <ul> <li> <a onclick="dl_Navigation('menu','Homeowner and Small Rental Mortgage Loan Insurance');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs" class=" ">Homeowner and Small Rental Mortgage Loan Insurance</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC Home Start');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/home-start" class=" ">CMHC Home Start</a></li> <li><a onclick="dl_Navigation('menu','CMHC Purchase');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/purchase" class=" ">CMHC Purchase</a></li> <li><a onclick="dl_Navigation('menu','CMHC Improvement');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/improvement" class=" ">CMHC Improvement</a></li> <li><a onclick="dl_Navigation('menu','CMHC Income Property');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/income-property" class=" ">CMHC Income Property</a></li> <li><a onclick="dl_Navigation('menu','CMHC Newcomers');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/newcomers" class=" ">CMHC Newcomers</a></li> <li><a onclick="dl_Navigation('menu','CMHC Self-Employed');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/self-employed" class=" ">CMHC Self-Employed</a></li> <li><a onclick="dl_Navigation('menu','CMHC Portability');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/portability" class=" ">CMHC Portability</a></li> <li><a onclick="dl_Navigation('menu','Eco Products for Lenders');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/eco-programs-for-lenders" class=" ">Eco Products for Lenders</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Homeowner Business Transformation (HBT)');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation" class=" ">Homeowner Business Transformation (HBT)</a> <ul> <li><a onclick="dl_Navigation('menu','Arrears Report Upload Tool');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation/arrears-report-upload-tool" class=" ">Arrears Report Upload Tool</a></li> <li><a onclick="dl_Navigation('menu','Default Management Request Submission Tool');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation/default-management-request-submission-tool" class=" ">Default Management Request Submission Tool</a></li> <li><a onclick="dl_Navigation('menu','Homeowner Claims Submission Tool');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation/homeowner-claim-submission-tool" class=" ">Homeowner Claims Submission Tool</a></li> <li><a onclick="dl_Navigation('menu','User Access Management (Coming Soon)');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation/user-access-management" class=" ">User Access Management (Coming Soon)</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Multi-Unit and Rental Housing');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance" class=" ">Multi-Unit and Rental Housing</a> <ul> <li><a onclick="dl_Navigation('menu','MLI Select');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance/mliselect" class=" ">MLI Select</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Default, claims and properties for sale');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/default-claims-and-properties-for-sale" class=" ">Default, claims and properties for sale</a></li> <li><a onclick="dl_Navigation('menu','Underwriting centre');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/cmhc-underwriting-centre" class=" ">Underwriting centre</a></li> <li><a onclick="dl_Navigation('menu','emili');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/emili" class=" ">emili</a></li> <li><a onclick="dl_Navigation('menu','NHA approved lenders');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/nha-approved-lenders" class=" ">NHA approved lenders</a></li> <li><a onclick="dl_Navigation('menu','Calculating GDS / TDS');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/calculating-gds-tds" class=" ">Calculating GDS / TDS</a></li> <li><a onclick="dl_Navigation('menu','How to recognize and report mortgage fraud');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-fraud" class=" ">How to recognize and report mortgage fraud</a></li> <li><a onclick="dl_Navigation('menu','Contact mortgage loan insurance');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/contact-mortgage-loan-insurance" class=" ">Contact mortgage loan insurance</a></li> <li><a onclick="dl_Navigation('menu','Insured Mortgage Purchase Program (IMPP)');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/insured-mortgage-purchase-program" class=" ">Insured Mortgage Purchase Program (IMPP)</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Securitization');" href="/professionals/project-funding-and-mortgage-financing/securitization" class=" ">Securitization</a> <ul> <li><a onclick="dl_Navigation('menu','NHA Mortgage Backed Securities');" href="/professionals/project-funding-and-mortgage-financing/securitization/nha-mbs" class=" ">NHA Mortgage Backed Securities</a></li> <li><a onclick="dl_Navigation('menu','Canada Mortgage Bonds');" href="/professionals/project-funding-and-mortgage-financing/securitization/canada-mortgage-bonds" class=" ">Canada Mortgage Bonds</a></li> <li><a onclick="dl_Navigation('menu','Canadian registered covered bonds');" href="/professionals/project-funding-and-mortgage-financing/securitization/canadian-registered-covered-bonds" class=" ">Canadian registered covered bonds</a></li> <li><a onclick="dl_Navigation('menu','Blockchain in the housing industry');" href="/professionals/project-funding-and-mortgage-financing/securitization/blockchain-housing-industry" class=" ">Blockchain in the housing industry </a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Housing markets, data and research');" href="/professionals/housing-markets-data-and-research" class=" ">Housing markets, data and research</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC Reports Calendar');" href="/professionals/housing-markets-data-and-research/news-releases-reports-calendar" class=" ">CMHC Reports Calendar</a></li> <li> <a onclick="dl_Navigation('menu','Housing markets');" href="/professionals/housing-markets-data-and-research/market-reports" class=" ">Housing markets</a> <ul> <li><a onclick="dl_Navigation('menu','Housing market reports');" href="/professionals/housing-markets-data-and-research/market-reports/housing-market" class=" ">Housing market reports</a></li> <li><a onclick="dl_Navigation('menu','Mortgage market and consumer reports');" href="/professionals/housing-markets-data-and-research/market-reports/mortgage-market" class=" ">Mortgage market and consumer reports</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Housing research');" href="/professionals/housing-markets-data-and-research/housing-research" class=" ">Housing research</a> <ul> <li> <a onclick="dl_Navigation('menu','Consultations');" href="/professionals/housing-markets-data-and-research/housing-research/consultations" class=" ">Consultations</a> <ul> <li> <a onclick="dl_Navigation('menu','Prohibition on the Purchase of Residential Property by Non-Canadians Act');" href="/professionals/housing-markets-data-and-research/housing-research/consultations/prohibition-purchase-residential-property-non-canadians-act" class=" ">Prohibition on the Purchase of Residential Property by Non-Canadians Act</a> <ul> <li><a onclick="dl_Navigation('menu','Prohibition on the Purchase of Residential Property by Non-Canadians Act – Frequently asked questions');" href="/professionals/housing-markets-data-and-research/housing-research/consultations/prohibition-purchase-residential-property-non-canadians-act/faq" class=" ">Prohibition on the Purchase of Residential Property by Non-Canadians Act – Frequently asked questions</a></li> </ul> </li> </ul> </li> <li><a onclick="dl_Navigation('menu','Housing research reports');" href="/professionals/housing-markets-data-and-research/housing-research/research-reports" class=" ">Housing research reports</a></li> <li> <a onclick="dl_Navigation('menu','Housing surveys');" href="/professionals/housing-markets-data-and-research/housing-research/surveys" class=" ">Housing surveys</a> <ul> <li><a onclick="dl_Navigation('menu','Mortgage consumer surveys');" href="/professionals/housing-markets-data-and-research/housing-research/surveys/mortgage-consumer-surveys" class=" ">Mortgage consumer surveys</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Research awards and scholarships');" href="/professionals/housing-markets-data-and-research/housing-research/awards-and-scholarships" class=" ">Research awards and scholarships</a></li> <li><a onclick="dl_Navigation('menu','Understanding core housing need');" href="/professionals/housing-markets-data-and-research/housing-research/core-housing-need" class=" ">Understanding core housing need</a></li> <li><a onclick="dl_Navigation('menu','Collaborative Housing Research Network');" href="/professionals/housing-markets-data-and-research/housing-research/collaborative-housing-research-network" class=" ">Collaborative Housing Research Network</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Housing data');" href="/professionals/housing-markets-data-and-research/housing-data" class=" ">Housing data</a> <ul> <li> <a onclick="dl_Navigation('menu','Data tables');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables" class=" ">Data tables</a> <ul> <li><a onclick="dl_Navigation('menu','Household characteristics data');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables/household-characteristics" class=" ">Household characteristics data</a></li> <li><a onclick="dl_Navigation('menu','Housing market data');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables/housing-market-data" class=" ">Housing market data</a></li> <li><a onclick="dl_Navigation('menu','Mortgage and debt data');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables/mortgage-and-debt" class=" ">Mortgage and debt data</a></li> <li><a onclick="dl_Navigation('menu','Rental market data');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables/rental-market" class=" ">Rental market data</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Housing market information portal');" href="https://www.cmhc-schl.gc.ca/hmiportal" class=" ">Housing market information portal</a></li> <li><a onclick="dl_Navigation('menu','Residential Mortgage Industry Data Dashboard');" href="/professionals/housing-markets-data-and-research/housing-data/residential-mortgage-industry-data-dashboard" class=" ">Residential Mortgage Industry Data Dashboard</a></li> <li><a onclick="dl_Navigation('menu','CMHC licence agreement for the use of data');" href="/professionals/housing-markets-data-and-research/housing-data/cmhc-licence-agreement-use-of-data" class=" ">CMHC licence agreement for the use of data</a></li> <li><a onclick="dl_Navigation('menu','Housing Knowledge Centre');" href="/library?rdlink=1" class=" ">Housing Knowledge Centre</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Industry innovation and leadership');" href="/professionals/industry-innovation-and-leadership" class=" ">Industry innovation and leadership</a> <ul> <li><a onclick="dl_Navigation('menu','Housing innovation');" href="/professionals/industry-innovation-and-leadership/housing-innovation" class=" ">Housing innovation</a></li> <li> <a onclick="dl_Navigation('menu','Our Partners');" href="/professionals/industry-innovation-and-leadership/our-partners" class=" ">Our Partners</a> <ul> <li><a onclick="dl_Navigation('menu','Partnerships');" href="/professionals/industry-innovation-and-leadership/our-partners/partnerships" class=" ">Partnerships</a></li> <li> <a onclick="dl_Navigation('menu','Federal, Provincial and Territorial Forum on Housing');" href="/professionals/industry-innovation-and-leadership/our-partners/partnering-provinces-territories" class=" ">Federal, Provincial and Territorial Forum on Housing</a> <ul> <li><a onclick="dl_Navigation('menu','Resources for Members of the Federal, Provincial and Territorial Forum on Housing');" href="/professionals/industry-innovation-and-leadership/our-partners/partnering-provinces-territories/protected-content" class=" ">Resources for Members of the Federal, Provincial and Territorial Forum on Housing</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Industry collaboration');" href="/professionals/industry-innovation-and-leadership/industry-collaboration" class=" ">Industry collaboration</a> <ul> <li><a onclick="dl_Navigation('menu','Expert Community on Housing (ECoH)');" href="/professionals/industry-innovation-and-leadership/industry-collaboration/expert-community-on-housing" class=" ">Expert Community on Housing (ECoH)</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Industry expertise');" href="/professionals/industry-innovation-and-leadership/industry-expertise" class=" ">Industry expertise</a> <ul> <li><a onclick="dl_Navigation('menu','Affordable housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/affordable-housing" class=" ">Affordable housing</a></li> <li><a onclick="dl_Navigation('menu','Indigenous housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/indigenous-housing" class=" ">Indigenous housing </a></li> <li><a onclick="dl_Navigation('menu','Senior housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/senior-housing" class=" ">Senior housing</a></li> <li><a onclick="dl_Navigation('menu','Accessible and adaptable housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/accessible-adaptable-housing" class=" ">Accessible and adaptable housing</a></li> <li><a onclick="dl_Navigation('menu','Developing sustainable housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/sustainable-housing" class=" ">Developing sustainable housing</a></li> <li><a onclick="dl_Navigation('menu','Resources for mortgage professionals');" href="/professionals/industry-innovation-and-leadership/industry-expertise/resources-for-mortgage-professionals" class=" ">Resources for mortgage professionals</a></li> <li><a onclick="dl_Navigation('menu','CMHC newsletters');" href="/cmhc-enewsletters?rdlink=1" class=" ">CMHC newsletters</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Events and speakers');" href="/professionals/events-and-speakers" class=" ">Events and speakers</a> <ul> <li> <a onclick="dl_Navigation('menu','Conferences');" href="/professionals/events-and-speakers/conferences" class=" ">Conferences</a> <ul> <li> <a onclick="dl_Navigation('menu','2024 National Housing Conference');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024" class=" ">2024 National Housing Conference</a> <ul> <li><a onclick="dl_Navigation('menu','About');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/about" class=" ">About</a></li> <li><a onclick="dl_Navigation('menu','National Housing Conference - Agenda');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/agenda" class=" ">National Housing Conference - Agenda</a></li> <li><a onclick="dl_Navigation('menu','Location');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/location" class=" ">Location</a></li> <li><a onclick="dl_Navigation('menu','InnoZone');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/innozone" class=" ">InnoZone</a></li> <li><a onclick="dl_Navigation('menu','Details for participants');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/participants" class=" ">Details for participants</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Speakers’ bureau');" href="/professionals/events-and-speakers/speakers-bureau" class=" ">Speakers’ bureau</a> <ul> <li><a onclick="dl_Navigation('menu','Kevin Hughes');" href="/professionals/events-and-speakers/speakers-bureau/kevin-hughes-profile" class=" ">Kevin Hughes</a></li> </ul> </li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Consumers');" href="/consumers" class=" ">Consumers</a> <ul> <li> <a onclick="dl_Navigation('menu','Buying a home');" href="/consumers/home-buying" class=" ">Buying a home</a> <ul> <li> <a onclick="dl_Navigation('menu','Homebuying calculators');" href="/consumers/home-buying/calculators" class=" ">Homebuying calculators</a> <ul> <li><a onclick="dl_Navigation('menu','Mortgage calculator');" href="/consumers/home-buying/calculators/mortgage-calculator" class=" ">Mortgage calculator</a></li> <li><a onclick="dl_Navigation('menu','Affordability calculator');" href="/consumers/home-buying/calculators/affordability-calculator" class=" ">Affordability calculator</a></li> <li><a onclick="dl_Navigation('menu','Debt service calculator');" href="/consumers/home-buying/calculators/debt-service-calculator" class=" ">Debt service calculator</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Buying guides');" href="/consumers/home-buying/buying-guides" class=" ">Buying guides</a> <ul> <li><a onclick="dl_Navigation('menu','Homebuying step by step');" href="/consumers/home-buying/buying-guides/home-buying" class=" ">Homebuying step by step</a></li> <li><a onclick="dl_Navigation('menu','CMHC's condominium buyer's guide');" href="/consumers/home-buying/buying-guides/condominium" class=" ">CMHC's condominium buyer's guide</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Mortgage loan insurance for consumers');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers" class=" ">Mortgage loan insurance for consumers</a> <ul> <li><a onclick="dl_Navigation('menu','What is CMHC mortgage loan insurance?');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/what-is-mortgage-loan-insurance" class=" ">What is CMHC mortgage loan insurance?</a></li> <li><a onclick="dl_Navigation('menu','Do I qualify for mortgage loan insurance?');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/what-are-the-general-requirements-to-qualify-for-homeowner-mortgage-loan-insurance" class=" ">Do I qualify for mortgage loan insurance?</a></li> <li><a onclick="dl_Navigation('menu','CMHC mortgage loan insurance costs');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-mortgage-loan-insurance-cost" class=" ">CMHC mortgage loan insurance costs</a></li> <li> <a onclick="dl_Navigation('menu','CMHC's Eco Products');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-eco-products" class=" ">CMHC's Eco Products</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC’s Eco Improvement');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-eco-products/cmhc-eco-improvement" class=" ">CMHC’s Eco Improvement</a></li> <li><a onclick="dl_Navigation('menu','CMHC Eco Plus');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-eco-products/cmhc-eco-plus" class=" ">CMHC Eco Plus</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','CMHC — home renovation financing options');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-home-renovation-financing-options" class=" ">CMHC — home renovation financing options</a></li> <li><a onclick="dl_Navigation('menu','FAQs — mortgage loan insurance');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/faqs-mortgage-loan-insurance" class=" "> FAQs — mortgage loan insurance</a></li> <li><a onclick="dl_Navigation('menu','COVID-19: understanding mortgage payment deferral');" href="/professionals/industry-innovation-and-leadership/industry-expertise/resources-for-mortgage-professionals/covid19-understanding-mortgage-payment-deferral?rdlink=1" class=" ">COVID-19: understanding mortgage payment deferral</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Incentives for homebuyers');" href="/consumers/home-buying/government-of-canada-programs-to-support-homebuyers" class=" ">Incentives for homebuyers</a></li> <li><a onclick="dl_Navigation('menu','Newcomers');" href="/consumers/home-buying/newcomers" class=" ">Newcomers</a></li> <li><a onclick="dl_Navigation('menu','The First-Time Home Buyer Incentive');" href="/consumers/home-buying/first-time-home-buyer-incentive" class=" ">The First-Time Home Buyer Incentive</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Owning a home');" href="/consumers/owning-a-home" class=" ">Owning a home</a> <ul> <li> <a onclick="dl_Navigation('menu','Manage your mortgage');" href="/consumers/owning-a-home/mortgage-management" class=" ">Manage your mortgage </a> <ul> <li><a onclick="dl_Navigation('menu','Mortgage fraud');" href="/consumers/owning-a-home/mortgage-management/mortgage-fraud" class=" ">Mortgage fraud</a></li> <li><a onclick="dl_Navigation('menu','Mortgage planning tips');" href="/consumers/owning-a-home/mortgage-management/mortgage-planning-tips-cmhc" class=" ">Mortgage planning tips</a></li> <li><a onclick="dl_Navigation('menu','Plan and manage your mortgage');" href="/consumers/owning-a-home/mortgage-management/plan-and-manage-your-mortgage" class=" ">Plan and manage your mortgage</a></li> <li><a onclick="dl_Navigation('menu','Your credit report');" href="/consumers/owning-a-home/mortgage-management/your-credit-report" class=" ">Your credit report</a></li> <li><a onclick="dl_Navigation('menu','Your home value');" href="/consumers/owning-a-home/mortgage-management/your-home-value" class=" ">Your home value</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Aging in place');" href="/consumers/owning-a-home/aging-in-place" class=" ">Aging in place</a> <ul> <li><a onclick="dl_Navigation('menu','Housing options for Seniors');" href="/consumers/owning-a-home/aging-in-place/housing-options-for-seniors" class=" ">Housing options for Seniors</a></li> <li><a onclick="dl_Navigation('menu','Housing and finance tips');" href="/consumers/owning-a-home/aging-in-place/housing-and-finance-tips" class=" ">Housing and finance tips</a></li> <li><a onclick="dl_Navigation('menu','Mortgage financing options for people 55+');" href="/consumers/owning-a-home/aging-in-place/mortgage-financing-options-for-people-55-and-above" class=" ">Mortgage financing options for people 55+</a></li> <li><a onclick="dl_Navigation('menu','Preventing fraud and financial abuse');" href="/consumers/owning-a-home/aging-in-place/preventing-fraud-and-financial-abuse" class=" ">Preventing fraud and financial abuse</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Renting a home');" href="/consumers/renting-a-home" class=" ">Renting a home </a> <ul> <li> <a onclick="dl_Navigation('menu','I want to rent');" href="/consumers/renting-a-home/i-want-to-rent" class=" ">I want to rent</a> <ul> <li><a onclick="dl_Navigation('menu','Things to consider before renting');" href="/consumers/renting-a-home/i-want-to-rent/things-to-consider-before-renting" class=" ">Things to consider before renting</a></li> <li><a onclick="dl_Navigation('menu','Types of housing for rent in Canada');" href="/consumers/renting-a-home/i-want-to-rent/types-of-housing-for-rent-in-canada" class=" ">Types of housing for rent in Canada</a></li> <li><a onclick="dl_Navigation('menu','Finding or advertising a rental property');" href="/consumers/renting-a-home/i-want-to-rent/finding-or-advertising-a-rental-property" class=" ">Finding or advertising a rental property</a></li> <li><a onclick="dl_Navigation('menu','Visiting the rental property');" href="/consumers/renting-a-home/i-want-to-rent/visiting-the-rental-property" class=" ">Visiting the rental property</a></li> <li><a onclick="dl_Navigation('menu','Lease and rental agreements');" href="/consumers/renting-a-home/i-want-to-rent/lease-and-rental-agreements" class=" ">Lease and rental agreements</a></li> <li><a onclick="dl_Navigation('menu','Signing the lease');" href="/consumers/renting-a-home/i-want-to-rent/signing-lease" class=" ">Signing the lease</a></li> <li><a onclick="dl_Navigation('menu','Credit checks and bad credit');" href="/consumers/renting-a-home/i-want-to-rent/credit-checks-and-bad-credit" class=" ">Credit checks and bad credit</a></li> <li><a onclick="dl_Navigation('menu','Rental payments and deposits<br>');" href="/consumers/renting-a-home/i-want-to-rent/rental-payments-and-deposits" class=" ">Rental payments and deposits<br></a></li> <li><a onclick="dl_Navigation('menu','Roommates and pets');" href="/consumers/renting-a-home/i-want-to-rent/roommates-and-pets" class=" ">Roommates and pets</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','I am renting');" href="/consumers/renting-a-home/i-am-renting" class=" ">I am renting</a> <ul> <li><a onclick="dl_Navigation('menu','Moving day');" href="/consumers/renting-a-home/i-am-renting/moving-day" class=" ">Moving day</a></li> <li><a onclick="dl_Navigation('menu','Landlord/Tenant responsibilities');" href="/consumers/renting-a-home/i-am-renting/landlord-tenant-responsibilities" class=" ">Landlord/Tenant responsibilities</a></li> <li><a onclick="dl_Navigation('menu','Inspections');" href="/consumers/renting-a-home/i-am-renting/inspections" class=" ">Inspections</a></li> <li><a onclick="dl_Navigation('menu','Maintenance and repairs');" href="/consumers/renting-a-home/i-am-renting/maintenance-repairs" class=" ">Maintenance and repairs</a></li> <li><a onclick="dl_Navigation('menu','Complaints and evictions');" href="/consumers/renting-a-home/i-am-renting/compliants-evictions" class=" ">Complaints and evictions</a></li> <li><a onclick="dl_Navigation('menu','Rent increases');" href="/consumers/renting-a-home/i-am-renting/rent-increases" class=" ">Rent increases</a></li> <li><a onclick="dl_Navigation('menu','When you can't pay rent');" href="/consumers/renting-a-home/i-am-renting/when-you-cant-pay-rent" class=" ">When you can't pay rent</a></li> <li><a onclick="dl_Navigation('menu','Renewing or terminating the lease');" href="/consumers/renting-a-home/i-am-renting/renewing-or-terminating-lease" class=" ">Renewing or terminating the lease</a></li> <li><a onclick="dl_Navigation('menu','Moving out');" href="/consumers/renting-a-home/i-am-renting/moving-out" class=" ">Moving out</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','One-Time Top-Up to the Canada Housing Benefit');" href="/consumers/renting-a-home/one-time-top-up-canada-housing-benefit" class=" ">One-Time Top-Up to the Canada Housing Benefit</a></li> <li><a onclick="dl_Navigation('menu','COVID&#8209;19: eviction bans and suspensions to support renters');" href="/consumers/renting-a-home/covid-19-eviction-bans-and-suspensions-to-support-renters" class=" ">COVID‑19: eviction bans and suspensions to support renters</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','About CMHC');" href="/about-us" class=" ">About CMHC</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC’s goals, values and commitment to housing');" href="/about-us/cmhcs-story" class=" ">CMHC’s goals, values and commitment to housing</a></li> <li><a onclick="dl_Navigation('menu','Discover Life at CMHC');" href="https://www.cmhc-schl.gc.ca/en/working-at-cmhc" class=" ">Discover Life at CMHC</a></li> <li> <a onclick="dl_Navigation('menu','Management and governance');" href="/about-us/management-and-governance" class=" ">Management and governance</a> <ul> <li><a onclick="dl_Navigation('menu','Speakers’ bureau');" href="/professionals/events-and-speakers/speakers-bureau?rdlink=1" class=" ">Speakers’ bureau</a></li> <li><a onclick="dl_Navigation('menu','CMHC's Annual Public Meeting');" href="/about-us/management-and-governance/annual-public-meeting" class=" ">CMHC's Annual Public Meeting</a></li> <li><a onclick="dl_Navigation('menu','CMHC’s board of directors and committees');" href="/about-us/management-and-governance/board-of-directors-and-its-committees" class=" ">CMHC’s board of directors and committees</a></li> <li><a onclick="dl_Navigation('menu','Our management committee');" href="/about-us/management-and-governance/our-management-committee" class=" ">Our management committee</a></li> <li> <a onclick="dl_Navigation('menu','Pension governance');" href="/about-us/management-and-governance/pension-and-governance-at-cmhc" class=" ">Pension governance</a> <ul> <li><a onclick="dl_Navigation('menu','Pension overview');" href="/about-us/management-and-governance/pension-and-governance-at-cmhc/pension-overview" class=" ">Pension overview</a></li> <li><a onclick="dl_Navigation('menu','Key roles and responsibilities');" href="/about-us/management-and-governance/pension-and-governance-at-cmhc/key-roles-and-responsibilities" class=" ">Key roles and responsibilities</a></li> <li><a onclick="dl_Navigation('menu','Annual reports');" href="/about-us/management-and-governance/pension-and-governance-at-cmhc/annual-reports" class=" ">Annual reports</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Corporate reporting');" href="/about-us/corporate-reporting" class=" ">Corporate reporting</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC’s 2023 Annual Report');" href="/about-us/corporate-reporting/cmhc-annual-report" class=" ">CMHC’s 2023 Annual Report</a></li> <li><a onclick="dl_Navigation('menu','Program evaluation');" href="/about-us/corporate-reporting/program-evaluation" class=" ">Program evaluation</a></li> <li><a onclick="dl_Navigation('menu','Quarterly financial reports');" href="/about-us/corporate-reporting/quarterly-financial-reports" class=" ">Quarterly financial reports</a></li> <li><a onclick="dl_Navigation('menu','Joint auditors special examination report to CMHC board 2018');" href="/about-us/corporate-reporting/report-joint-auditors-board-directors-cmhc" class=" ">Joint auditors special examination report to CMHC board 2018</a></li> <li><a onclick="dl_Navigation('menu','CMHC&rsquo;s Insured Mortgage Deferral');" href="/about-us/corporate-reporting/mortgage-deferral-numbers" class=" ">CMHC’s Insured Mortgage Deferral</a></li> <li><a onclick="dl_Navigation('menu','Corporate Plan Summary');" href="/about-us/corporate-reporting/summary-of-the-corporate-plan" class=" ">Corporate Plan Summary</a></li> <li> <a onclick="dl_Navigation('menu','Transparency');" href="/about-us/corporate-reporting/transparency" class=" ">Transparency</a> <ul> <li><a onclick="dl_Navigation('menu','Access to information and privacy protection');" href="/about-us/corporate-reporting/transparency/access-to-information-and-privacy-protection" class=" ">Access to information and privacy protection</a></li> <li><a onclick="dl_Navigation('menu','Accessibility at CMHC');" href="/about-us/corporate-reporting/transparency/accessibility-at-cmhc" class=" ">Accessibility at CMHC</a></li> <li><a onclick="dl_Navigation('menu','Accessibility feedback process');" href="/about-us/corporate-reporting/transparency/accessibility-feedback-process" class=" ">Accessibility feedback process</a></li> <li><a onclick="dl_Navigation('menu','Briefing materials');" href="/about-us/corporate-reporting/transparency/briefing-materials" class=" ">Briefing materials</a></li> <li> <a onclick="dl_Navigation('menu','Procurement');" href="/about-us/corporate-reporting/transparency/procurement" class=" ">Procurement</a> <ul> <li><a onclick="dl_Navigation('menu','Vendor Diversity Program');" href="/about-us/corporate-reporting/transparency/procurement/cmhc-vendor-diversity-program" class=" ">Vendor Diversity Program</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Travel, hospitality and conference expenditures');" href="/about-us/corporate-reporting/transparency/travel-hospitality-and-conference-expenditures" class=" ">Travel, hospitality and conference expenditures</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Contact us');" href="/about-us/contact-us" class=" ">Contact us</a> <ul> <li><a onclick="dl_Navigation('menu','Contact mortgage loan insurance');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/contact-mortgage-loan-insurance?rdlink=1" class=" ">Contact mortgage loan insurance</a></li> <li><a onclick="dl_Navigation('menu','Regional offices');" href="/about-us/contact-us/regional-offices" class=" ">Regional offices</a></li> <li><a onclick="dl_Navigation('menu','Granville lsland');" href="https://granvilleisland.com/" class=" ">Granville lsland</a></li> <li><a onclick="dl_Navigation('menu','Indigenous and the North Housing Solutions');" href="/about-us/contact-us/indigenous-housing-specialists" class=" ">Indigenous and the North Housing Solutions</a></li> <li><a onclick="dl_Navigation('menu','National office');" href="/about-us/contact-us/national-office" class=" ">National office</a></li> <li><a onclick="dl_Navigation('menu','Holiday service hours');" href="/about-us/contact-us/holiday-hours" class=" ">Holiday service hours</a></li> </ul> </li> </ul> </li> <li><a onclick="dl_Navigation('menu','Media Newsroom');" href="/media-newsroom" class=" ">Media Newsroom</a></li> <li> <a onclick="dl_Navigation('menu','National Housing Strategy');" href="/nhs" class=" ">National Housing Strategy</a> <ul> <li> <a onclick="dl_Navigation('menu','What is the strategy?');" href="/nhs/guidepage-strategy" class=" ">What is the strategy?</a> <ul> <li><a onclick="dl_Navigation('menu','About the initiatives');" href="/nhs/guidepage-strategy/about-the-initiatives" class=" ">About the initiatives</a></li> <li><a onclick="dl_Navigation('menu','How to apply');" href="/nhs/guidepage-strategy/how-to-apply" class=" ">How to apply</a></li> <li><a onclick="dl_Navigation('menu','Help and resources');" href="/nhs/guidepage-strategy/help-and-resources" class=" ">Help and resources</a></li> <li><a onclick="dl_Navigation('menu','Priority areas for action');" href="/nhs/guidepage-strategy/priority-areas-for-action" class=" ">Priority areas for action</a></li> <li><a onclick="dl_Navigation('menu','The National Housing Strategy Glossary of Common Terms');" href="/nhs/guidepage-strategy/glossary" class=" ">The National Housing Strategy Glossary of Common Terms</a></li> <li><a onclick="dl_Navigation('menu','The Strategy in Action');" href="/nhs/guidepage-strategy/strategy-in-action" class=" ">The Strategy in Action</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Federal/Provincial/Territorial housing agreements');" href="/nhs/federal-provincial-territorial-housing-agreements" class=" ">Federal/Provincial/Territorial housing agreements</a></li> <li><a onclick="dl_Navigation('menu','Other funding and financing opportunities');" href="/nhs/other-cmhc-funding-opportunities" class=" ">Other funding and financing opportunities</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','The Housing Observer');" href="/blog" class=" ">The Housing Observer</a></li> <li><a onclick="dl_Navigation('menu','Canada’s Housing Podcast');" href="/in-house-podcast" class=" ">Canada’s Housing Podcast</a></li> <li><a onclick="dl_Navigation('menu','Careers');" href="/working-at-cmhc" class=" ">Careers</a></li> <li><a onclick="dl_Navigation('menu','Housing Knowledge Centre');" href="/library" class=" ">Housing Knowledge Centre</a></li> </ul> <div class="nav-divider"> </div> </nav> </div> </header>  <div class="row container-1col"> <div class="large-12 small-12 medium-12 columns" > </div> </div> <main> <a name="maincontent"></a> <section id="maincontent" class="main-content clear-fix" data-disclaimer="False" style="display:none;"> <div class="HandlebarContainer"> <div class="HandlebarTemplate"><style> .ia-twoplusone, .ia-pagecontent-head { float: inherit; } .notch { content: ""; position: absolute; bottom: -29px; left: calc(50% - 50px); border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 30px solid transparent; z-index: 1000; } .custom-slider { position: relative; } .custom-slider-inner { overflow: hidden; } .custom-slider-item { display: none; width: 100%; transition: opacity 0.6s ease-in-out; position: relative; align-items: center; max-height: 700px; height: 700px; } .custom-slider-item::before { background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.8) 100% ); position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; content: ""; z-index: 1; } .custom-slider-item.custom-slider-item-active { display: flex; } .custom-slider-item-image { position: absolute; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; background-position: center; } .custom-slider-item-content { display: flex; flex-direction: row; max-width: 920px; margin: auto; height: 100%; width: 100%; align-items: center; position: relative; margin-top: 80px; margin-bottom: 80px; gap: 20px; z-index: 1; } .custom-slider-item-content-left, .custom-slider-item-content-right { width: 50%; padding: 45px; opacity: 0.9; } .custom-slider-item-content-left p, .custom-slider-item-content-left span, .custom-slider-item-content-left ul li, .custom-slider-item-content-right p, .custom-slider-item-content-right span, .custom-slider-item-content-right ul li { font-size: 1.125rem; line-height: 1.5; font-weight: normal; margin-bottom: 30px; } .custom-slider-item-content-left h1, .custom-slider-item-content-left h2, .custom-slider-item-content-left h3, .custom-slider-item-content-right h1, .custom-slider-item-content-right h2, .custom-slider-item-content-right h3 { font-size: 2.5rem; line-height: 1.125; font-weight: bold; margin-bottom: 20px; margin-top: 0; } .custom-slider-item-content-left a, .custom-slider-item-content-left button, .custom-slider-item-content-right a, .custom-slider-item-content-right button { margin-left: 0; } .custom-slider-control { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; background-color: #fff; padding: 0 10px 5px 10px; text-decoration: none; font-size: 2em; color: #00093a; opacity: 0.9; border: 2px solid transparent; } .custom-slider-control:hover, .custom-slider-control:focus { outline-color: #00093a; border: 2px solid #00093a; } .custom-slider-prev { left: 10px; z-index: 2; } .custom-slider-next { right: 10px; z-index: 2; } .custom-slider-indicators { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; gap: 0; z-index: 2; max-width: 920px; width: 100%; } .custom-slider-indicator { display: flex; flex-direction: column; align-items: flex-start; text-align: center; cursor: pointer; text-decoration: none; border-top: 1px solid #aaaaaa; width: 100%; position: relative; } .custom-slider-indicator::before { content: ""; position: absolute; top: -3px; left: 0; width: 100%; height: 5px; background-color: transparent; transition: background-color 0.3s; } .custom-slider-indicator:hover::before, .custom-slider-indicator:focus::before { background-color: #aaaaaa; } .custom-slider-indicator.custom-slider-indicator-active::before { background-color: #ed1b2e; } .custom-slider-title { margin-top: 12px; font-size: 16px; text-align: left; text-decoration: none; /* Remove underline */ font-family: "Roboto", Calibri, sans-serif; font-weight: normal; font-size: 1rem; color: #ffffff; line-height: 1.25rem; } .custom-slider-accordions { display: none; } .custom-slider-controls { position: absolute; bottom: 120px; left: 50%; transform: translateX(-50%); z-index: 3; max-width: 920px; width: 100%; display: flex; justify-content: end; align-items: center; } .custom-slider-playpause { cursor: pointer; color: inherit; } .custom-slider-playpause:hover, .custom-slider-playpause:focus { outline: 2px solid #00093a; outline-offset: 2px; } /* Hide focus outline when using mouse */ .custom-slider-playpause:focus:not(:focus-visible) { outline: none; } .play-icon, .pause-icon { background-color: rgba(0, 0, 0, 0.3); width: 48px; height: 48px; padding: 5px; margin: 0px; align-items: center; justify-content: center; border-radius: 24px; border: 3px solid #fff; } .play-icon:hover, .play-icon:focus, .pause-icon:hover, .pause-icon:focus { background-color: rgba(218, 41, 28, 1); } .play-icon > img, .pause-icon > img { width: 32px; height: 32px; } @media screen and (max-width: 920px) { .custom-slider-item-content { padding: 3em; } .custom-slider-indicators { padding: 0 3em; } } @media screen and (max-width: 768px) { .custom-slider-inner { display: none; } .custom-slider-item { height: 100%; max-height: 100%; } .custom-slider-item-content { flex-direction: column; justify-content: center; align-items: center; z-index: 1; padding: 20px 30px 10px 30px; margin: 0; max-width: 100%; } .custom-slider-item-content-left, .custom-slider-item-content-right { width: 100%; padding: 0; opacity: 1; } .custom-slider-indicators { display: none; /* width: 100%; */ } /* .custom-slider-indicator { display: none; } .custom-slider-indicator.custom-slider-indicator-active { display: flex; width: 100%; } */ .custom-slider-accordions { display: block; } .custom-slider-accordion-item { border: 1px solid #e5e5e5; margin-bottom: 10px; } .custom-slider-accordion-title { position: relative; background-color: #fff; cursor: pointer; font-size: 1.125rem; font-weight: bold; padding: 10px 20px; color: #00093a; border: 2px solid #00093a; } .custom-slider-accordion-title.custom-slider-accordion-title-active { background-color: #00093a; color: #fff; } .custom-slider-accordion-title::after { content: url("https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/imgs/icons/icon-plus.svg"); position: absolute; right: 15px; top: calc(30px - 50%); width: 15px; height: 15px; } .custom-slider-accordion-title.custom-slider-accordion-title-active::after { content: url("https://assets.cmhc-schl.gc.ca/sf/project/nhs/icon-minus-white.png"); top: calc(25px - 50%); width: 15px; height: 15px; } .custom-slider-accordion-content { display: none; padding: 0; background-color: #fff; text-align: center; } .custom-slider-accordion-content-active { display: block; } .custom-slider-accordion-image { width: 100%; height: auto; margin-bottom: 10px; } .custom-slider-controls { display: none; } } @media screen and (max-width: 600px) { /* .custom-slider-item-content { padding: 0; } */ } </style> <div id="top-slider-container" class="custom-slider"> <div class="custom-slider-inner"> <div class="custom-slider-item"> <div class="custom-slider-item-content"> <div class="custom-slider-item-content-left"> <h2>Ensuring more Canadians have access to a home they can afford.</h2> <a href="/about-us/cmhcs-story" aria-label="Learn more" class="button btn-red" >Learn more</a > </div> <div class="custom-slider-item-content-right"></div> </div> </div> <div class="custom-slider-item"> <div class="custom-slider-item-content"> <div class="custom-slider-item-content-left"> <h2>Find housing finance solutions for lenders</h2> <p> Get reliable access to mortgage funding and insurance for residential and multi-unit properties. </p> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance" aria-label="Explore" class="button btn-red" >Explore</a > </div> <div class="custom-slider-item-content-right"></div> </div> </div> <div class="custom-slider-item"> <div class="custom-slider-item-content"> <div class="custom-slider-item-content-left"> <h2>Discover the latest in housing research</h2> <p> Explore impartial research, data and insights to inform decisions for better housing sector outcomes. </p> <a href="/professionals/housing-markets-data-and-research" aria-label="Read more" class="button btn-red" >Read more</a > </div> <div class="custom-slider-item-content-right"></div> </div> </div> <div class="custom-slider-item"> <div class="custom-slider-item-content"> <div class="custom-slider-item-content-left"> <h2>Deliver affordable housing solutions</h2> <p> Find financing for developers, non-profits and governments to build housing in Canada. </p> <a href="/professionals/project-funding-and-mortgage-financing/funding-programs" aria-label="Apply" class="button btn-red" >Apply</a > </div> <div class="custom-slider-item-content-right"></div> </div> </div>  </div> <a class="custom-slider-control custom-slider-prev" tabindex="0">‹</a> <a class="custom-slider-control custom-slider-next" tabindex="0">›</a> <div class="custom-slider-indicators">  </div> <div class="custom-slider-accordions"></div> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { "handleBarBackgroundColor": "#f2f2f2", "enableTopNotch": false, "enableBottomNotch": false, "topNotchColor": "#f7f7f7", "bottomNotchColor": "#f7f7f7", "startingSlide": 0, "interval": 8000, "autoplay": true, "showPlayPauseControl": true, "showPrevNextControls": false, "slides": [ { "title": "CMHC’s goal", "contentColor": "#00093a", "contentBackgroundColor": "#fff", "image": "https://assets.cmhc-schl.gc.ca/sites/cmhc/home/top-slider/home-top-slider-one.jpg", "alt": "" }, { "title": "Finance products", "contentColor": "#00093a", "contentBackgroundColor": "#fff", "image": "https://assets.cmhc-schl.gc.ca/sites/cmhc/home/top-slider/home-top-slider-two.jpg", "alt": "" }, { "title": "Housing research", "contentColor": "#00093a", "contentBackgroundColor": "#fff", "image": "https://assets.cmhc-schl.gc.ca/sites/cmhc/home/top-slider/home-top-slider-three.jpg", "alt": "" }, { "title": "Housing solutions", "contentColor": "#00093a", "contentBackgroundColor": "#fff", "image": "https://assets.cmhc-schl.gc.ca/sites/cmhc/home/top-slider/home-top-slider-four.jpg", "alt": "" } ] } ; // set default data for the component var defaultData = { handleBarBackgroundColor: "#f7f7f7", enableTopNotch: false, enableBottomNotch: false, topNotchColor: "#f7f7f7", bottomNotchColor: "#f7f7f7", startingSlide: 0, // first slide interval: 8000, // 8 seconds autoplay: true, // rotate automatically showPlayPauseControl: false, showPrevNextControls: false, /* slides: [ { title: "Funding Opportunities", contentColor: "#00093a", contentBackgroundColor: "#fff", image: "https://assets.cmhc-schl.gc.ca/sites/cmhc/home/top-slider/top-slide-two.jpg", alt: "" }, { title: "Who We Are", contentColor: "#00093a", contentBackgroundColor: "#fff", image: "https://assets.cmhc-schl.gc.ca/sites/cmhc/home/top-slider/top-slide-two.jpg", alt: "" }, { title: "Housing Research", contentColor: "#00093a", contentBackgroundColor: "#fff", image: "https://assets.cmhc-schl.gc.ca/sites/cmhc/home/top-slider/top-slide-two.jpg", alt: "" } ] */ slides: [], }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#top-slider-container"); // Append custom styles $("head").append( `<style type="text/css"> @media screen and (max-width: 1024px) { #top-slider-container .custom-table-tiles-items { } } @media screen and (max-width: 720px) { #top-slider-container .custom-table-tiles-items { } #top-slider-container .custom-table-tiles-item { } } </style>` ); // Create slides and indicators dynamically var slidesHtml = ""; var indicatorsHtml = ""; var accordionsHtml = ""; configData.slides.forEach((slide, index) => { let slideClass = index === configData.startingSlide ? "custom-slider-item custom-slider-item-active" : "custom-slider-item"; let slideContent = $("#top-slider-container .custom-slider-item")[index] || ""; let slideContentLeft = $("#top-slider-container .custom-slider-item-content-left")[index] || ""; let slideContentRight = $("#top-slider-container .custom-slider-item-content-right")[index] || ""; let indicatorClass = index === configData.startingSlide ? "custom-slider-indicator custom-slider-indicator-active" : "custom-slider-indicator"; let accordionClass = index === configData.startingSlide ? "custom-slider-accordion-content custom-slider-accordion-content-active" : "custom-slider-accordion-content"; let accordionTitleClass = index === configData.startingSlide ? "custom-slider-accordion-title custom-slider-accordion-title-active" : "custom-slider-accordion-title"; slidesHtml += `<div class="${slideClass}"><div class="custom-slider-item-image" style="background-image: url(${slide.image})"></div>${slideContent.innerHTML}</div>`; indicatorsHtml += `<a href="#" class="${indicatorClass}"> <span class="custom-slider-title">${slide.title}</span> </a>`; accordionsHtml += `<div class="custom-slider-accordion-item"> <div class="${accordionTitleClass}">${slide.title}</div> <div class="${accordionClass}"> <img class="custom-slider-accordion-image" src="${slide.image}" alt="${slide.alt}"> ${slideContent.innerHTML} </div> </div>`; // apply styling to a specific slide $("head").append( `<style type="text/css"> #top-slider-container .custom-slider-item:nth-child(${index + 1}) h1, #top-slider-container .custom-slider-item:nth-child(${index + 1}) h2, #top-slider-container .custom-slider-item:nth-child(${index + 1}) h3, #top-slider-container .custom-slider-item:nth-child(${index + 1}) p, #top-slider-container .custom-slider-item:nth-child(${index + 1}) span, #top-slider-container .custom-slider-item:nth-child(${index + 1}) ul li, #top-slider-container .custom-slider-item:nth-child(${ index + 1 }) .quote-person-1 .content-sm q, #top-slider-container .custom-slider-item:nth-child(${ index + 1 }) .quote-person-1 .content-sm footer { color: ${slide.contentColor}; } #top-slider-container .custom-slider-item:nth-child(${ index + 1 }) .custom-slider-item-content-left { background-color: ${slide.contentBackgroundColor}; visibility: ${ slideContentLeft.innerHTML.length ? "visible" : "hidden" }; } #top-slider-container .custom-slider-item:nth-child(${ index + 1 }) .custom-slider-item-content-right { background-color: ${slide.contentBackgroundColor}; visibility: ${ slideContentRight.innerHTML.length ? "visible" : "hidden" }; } #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) h1, #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) h2, #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) h3, #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) p, #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) span, #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) ul li, #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) .quote-person-1 .content-sm q, #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) .quote-person-1 .content-sm footer { color: ${slide.contentColor}; } #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) .custom-slider-item-content-left { background-color: ${slide.contentBackgroundColor}; visibility: ${ slideContentLeft.innerHTML.length ? "visible" : "hidden" }; } #top-slider-container .custom-slider-accordion-item:nth-child(${ index + 1 }) .custom-slider-item-content-right { background-color: ${slide.contentBackgroundColor}; visibility: ${ slideContentRight.innerHTML.length ? "visible" : "hidden" }; } </style>` ); }); componentElement.find(".custom-slider-inner").html(slidesHtml); componentElement.find(".custom-slider-indicators").html(indicatorsHtml); componentElement.find(".custom-slider-accordions").html(accordionsHtml); function Carousel(config) { let currentSlide = config.startingSlide || 0; let autoplay = config.autoplay || false; let interval = config.interval || 5000; let $carousel = $(config.selector); let $items = $carousel.find(".custom-slider-item"); let $indicators = $carousel.find( ".custom-slider-indicators .custom-slider-indicator" ); let $accordionItemContents = $carousel.find( ".custom-slider-accordion-content" ); let $accordionTitles = $carousel.find(".custom-slider-accordion-title"); let $prevControl = $carousel.find( ".custom-slider-control.custom-slider-prev" ); let $nextControl = $carousel.find( ".custom-slider-control.custom-slider-next" ); let autoPlayInterval; let isPaused = false; if (!config.showPrevNextControls) { $prevControl.hide(); $nextControl.hide(); } // Add play/pause button if enabled if (config.showPlayPauseControl) { const playPauseButton = ` <div class="custom-slider-controls"> <a href="#" class="custom-slider-playpause" role="button" aria-label="Pause slider" aria-pressed="false"> <span class="pause-icon" style="display:flex;" aria-hidden="true"><img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_pause.svg?rev=192a335e-dca5-448c-8d2a-c8a7d9fc79bb" alt="" /></span> <span class="play-icon" style="display:none;" aria-hidden="true"><img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_play.svg?rev=18cab19c-c333-4ee6-aaf8-69c841009d00" alt="" /></span> </a> </div> `; $carousel.find(".custom-slider-indicators").after(playPauseButton); $carousel .find(".custom-slider-playpause") .on("click keypress", function (e) { // Handle both click and keyboard events (Enter/Space) if (e.type === "keypress" && e.key !== "Enter" && e.key !== " ") { return; } e.preventDefault(); isPaused = !isPaused; const $this = $(this); if (isPaused) { clearInterval(autoPlayInterval); $this.find(".pause-icon").hide(); $this.find(".play-icon").css("display", "flex"); $this.attr("aria-label", "Play slider"); $this.attr("aria-pressed", "true"); } else { resetInterval(); $this.find(".pause-icon").css("display", "flex"); $this.find(".play-icon").hide(); $this.attr("aria-label", "Pause slider"); $this.attr("aria-pressed", "false"); } }); } $carousel .find(".custom-slider-control.custom-slider-next") .on("click", function (e) { e.preventDefault(); currentSlide += 1; if (currentSlide >= $items.length) { currentSlide = 0; } updateSlide(); resetInterval(); }); $carousel .find(".custom-slider-control.custom-slider-prev") .on("click", function (e) { e.preventDefault(); currentSlide -= 1; if (currentSlide < 0) { currentSlide = $items.length - 1; } updateSlide(); resetInterval(); }); $indicators.on("click", function (e) { e.preventDefault(); currentSlide = $(this).index(); updateSlide(); resetInterval(); }); $accordionTitles.on("click", function (e) { e.preventDefault(); currentSlide = $(this).closest(".custom-slider-accordion-item").index(); updateSlide(); resetInterval(); }); // Add window resize listener $(window).on("resize", function () { if (window.innerWidth <= 768) { // Pause slider and clear interval when screen width is below or equal to 768px clearInterval(autoPlayInterval); isPaused = true; if (config.showPlayPauseControl) { const $playPauseButton = $carousel.find(".custom-slider-playpause"); $playPauseButton.find(".pause-icon").hide(); $playPauseButton.find(".play-icon").css("display", "flex"); $playPauseButton.attr("aria-label", "Play slider"); $playPauseButton.attr("aria-pressed", "true"); } } else { // Resume slider if it was previously playing if (autoplay && !isPaused) { resetInterval(); if (config.showPlayPauseControl) { const $playPauseButton = $carousel.find( ".custom-slider-playpause" ); $playPauseButton.find(".pause-icon").css("display", "flex"); $playPauseButton.find(".play-icon").hide(); $playPauseButton.attr("aria-label", "Pause slider"); $playPauseButton.attr("aria-pressed", "false"); } } } }); function updateSlide() { $items.removeClass("custom-slider-item-active"); $items.eq(currentSlide).addClass("custom-slider-item-active"); $indicators.removeClass("custom-slider-indicator-active"); $indicators.eq(currentSlide).addClass("custom-slider-indicator-active"); $accordionItemContents.removeClass( "custom-slider-accordion-content-active" ); $accordionItemContents .eq(currentSlide) .addClass("custom-slider-accordion-content-active"); $accordionTitles.removeClass("custom-slider-accordion-title-active"); $accordionTitles .eq(currentSlide) .addClass("custom-slider-accordion-title-active"); } function resetInterval() { if (autoplay && window.innerWidth > 768 && !isPaused) { clearInterval(autoPlayInterval); autoPlayInterval = setInterval(function () { if ($(".menu-open").length === 0) { $carousel .find(".custom-slider-control.custom-slider-next") .trigger("click"); } }, interval); } } if (autoplay && window.innerWidth > 768) { autoPlayInterval = setInterval(function () { if ($(".menu-open").length === 0) { $carousel .find(".custom-slider-control.custom-slider-next") .trigger("click"); } }, interval); } // Initialize the carousel updateSlide(); } let carousel = new Carousel({ selector: "#top-slider-container", startingSlide: configData.startingSlide, autoplay: configData.autoplay, // Enable autoplay interval: configData.interval, // Change the interval in seconds showPrevNextControls: configData.showPrevNextControls, // Show/Hide the previous and next controls showPlayPauseControl: configData.showPlayPauseControl, }); var handlebarContainer = componentElement.closest(".HandlebarContainer"); // Check if the div is the last child of the main tag if ( handlebarContainer.parent("main").children().last().is(handlebarContainer) ) { handlebarContainer.css("margin-bottom", "0"); $("footer").css("margin-top", "0"); } else { // Check if the div is the last child of the last child within a section tag if ( handlebarContainer .parents("section") .children() .last() .is(handlebarContainer) ) { // The div is the last child of the last child within a section tag handlebarContainer.css("margin-bottom", "0"); $("footer").css("margin-top", "0"); } } // get the handlebar template for this var handlebarTemplate = componentElement.closest(".HandlebarTemplate"); // add background color to the handlebar template handlebarTemplate.css({ backgroundColor: configData.handleBarBackgroundColor, position: "relative", }); // add top notch if enabled if (configData.enableTopNotch) { // create notch var notchElement = document.createElement("div"); notchElement.className = "notch"; // set border top color notchElement.style.borderTopColor = configData.topNotchColor; notchElement.style.bottom = "initial"; notchElement.style.top = 0; // add notch to handlebar template handlebarTemplate.append(notchElement); } // add bottom notch if enabled if (configData.enableBottomNotch) { // create notch var notchElement = document.createElement("div"); notchElement.className = "notch"; // set border top color notchElement.style.borderTopColor = configData.bottomNotchColor; // add notch to handlebar template handlebarTemplate.append(notchElement); } }); </script>  <script> $(document).ready(function() { $("#top-slider-container").closest(".HandlebarContainer").before("<h1 class='sr-only'>CMHC Home</h1>"); }); </script></div> </div> <div class="HandlebarContainer"> <div class="HandlebarTemplate"><style> .ia-twoplusone, .ia-pagecontent-head { float: inherit; } .notch { content: ""; position: absolute; bottom: -29px; left: calc(50% - 50px); border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 30px solid transparent; z-index: 1000; } .custom-article-tiles { max-width: 974px; width: 100%; padding: 3em 0; margin: auto; } .custom-article-tiles-header h1, .custom-article-tiles-header h2, .custom-article-tiles-header h3, .custom-article-tiles-header p, .custom-article-tiles-header span, .custom-article-tiles-header ul li { line-height: 1.5; margin-top: 1em; margin-bottom: 0.5em; font-weight: bold; } .custom-article-tiles-header h1 { font-size: 2.5rem; } .custom-article-tiles-header h2 { font-size: 2rem; } .custom-article-tiles-header h3 { font-size: 1.5rem; } .custom-article-tiles-content h1, .custom-article-tiles-content h2, .custom-article-tiles-content h3, .custom-article-tiles-content p, .custom-article-tiles-content span, .custom-article-tiles-content ul li { line-height: 1.5; font-size: 1.125rem; } .custom-article-tiles-footer h1, .custom-article-tiles-footer h2, .custom-article-tiles-footer h3, .custom-article-tiles-footer p, .custom-article-tiles-footer span, .custom-article-tiles-footer ul li { line-height: 1.5; font-size: 1.125rem; } .custom-article-tiles-header a.cta-red, .custom-article-tiles-header button.cta-red, .custom-article-tiles-content a.cta-red, .custom-article-tiles-content button.cta-red, .custom-article-tiles-footer a.cta-red, .custom-article-tiles-footer button.cta-red { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .custom-article-tiles-header a.cta-red:focus, .custom-article-tiles-header button.cta-red:focus, .custom-article-tiles-header a.cta-red:hover, .custom-article-tiles-header button.cta-red:hover, .custom-article-tiles-content a.cta-red:focus, .custom-article-tiles-content button.cta-red:focus, .custom-article-tiles-content a.cta-red:hover, .custom-article-tiles-content button.cta-red:hover, .custom-article-tiles-footer a.cta-red:focus, .custom-article-tiles-footer button.cta-red:focus, .custom-article-tiles-footer a.cta-red:hover, .custom-article-tiles-footer button.cta-red:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .custom-article-tiles-header a.cta-navy-blue, .custom-article-tiles-header button.cta-navy-blue, .custom-article-tiles-content a.cta-navy-blue, .custom-article-tiles-content button.cta-navy-blue, .custom-article-tiles-footer a.cta-navy-blue, .custom-article-tiles-footer button.cta-navy-blue { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .custom-article-tiles-header a.cta-navy-blue:focus, .custom-article-tiles-header button.cta-navy-blue:focus, .custom-article-tiles-header a.cta-navy-blue:hover, .custom-article-tiles-header button.cta-navy-blue:hover, .custom-article-tiles-content a.cta-navy-blue:focus, .custom-article-tiles-content button.cta-navy-blue:focus, .custom-article-tiles-content a.cta-navy-blue:hover, .custom-article-tiles-content button.cta-navy-blue:hover, .custom-article-tiles-footer a.cta-navy-blue:focus, .custom-article-tiles-footer button.cta-navy-blue:focus, .custom-article-tiles-footer a.cta-navy-blue:hover, .custom-article-tiles-footer button.cta-navy-blue:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .custom-article-tiles-header a.cta-white, .custom-article-tiles-header button.cta-white, .custom-article-tiles-content a.cta-white, .custom-article-tiles-content button.cta-white, .custom-article-tiles-footer a.cta-white, .custom-article-tiles-footer button.cta-white { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .custom-article-tiles-header a.cta-white:focus, .custom-article-tiles-header button.cta-white:focus, .custom-article-tiles-header a.cta-white:hover, .custom-article-tiles-header button.cta-white:hover, .custom-article-tiles-content a.cta-white:focus, .custom-article-tiles-content button.cta-white:focus, .custom-article-tiles-content a.cta-white:hover, .custom-article-tiles-content button.cta-white:hover, .custom-article-tiles-footer a.cta-white:focus, .custom-article-tiles-footer button.cta-white:focus, .custom-article-tiles-footer a.cta-white:hover, .custom-article-tiles-footer button.cta-white:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .custom-article-tiles-header a.cta-blue, .custom-article-tiles-header button.cta-blue, .custom-article-tiles-content a.cta-blue, .custom-article-tiles-content button.cta-blue, .custom-article-tiles-footer a.cta-blue, .custom-article-tiles-footer button.cta-blue { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .custom-article-tiles-header a.cta-blue:focus, .custom-article-tiles-header button.cta-blue:focus, .custom-article-tiles-header a.cta-blue:hover, .custom-article-tiles-header button.cta-blue:hover, .custom-article-tiles-content a.cta-blue:focus, .custom-article-tiles-content button.cta-blue:focus, .custom-article-tiles-content a.cta-blue:hover, .custom-article-tiles-content button.cta-blue:hover, .custom-article-tiles-footer a.cta-blue:focus, .custom-article-tiles-footer button.cta-blue:focus, .custom-article-tiles-footer a.cta-blue:hover, .custom-article-tiles-footer button.cta-blue:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } .custom-article-tiles-items { display: grid; column-gap: 30px; row-gap: 30px; /* grid-auto-rows: 1fr; */ } .custom-article-tiles-item { position: relative; max-width: 472px; min-height: 200px; border-top: none; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .custom-article-tiles-item > a { text-decoration: none; } .custom-article-tiles-item-image img { width: 100%; height: auto; } .custom-article-tiles-item-desc { padding: 0 30px 40px 30px; } .custom-article-tiles-item-date h1, .custom-article-tiles-item-date h2, .custom-article-tiles-item-date h3, .custom-article-tiles-item-date p, .custom-article-tiles-item-date span, .custom-article-tiles-item-date ul li { font-size: 1.125rem; font-family: "Roboto", Calibri, sans-serif; font-weight: normal; line-height: 1.5; margin: 1em 0 1em 0; text-transform: uppercase; } .custom-article-tiles-item-header h1, .custom-article-tiles-item-header h2, .custom-article-tiles-item-header h3, .custom-article-tiles-item-header p, .custom-article-tiles-item-header span, .custom-article-tiles-item-header ul li { font-size: 1.5rem; font-family: "Roboto", Calibri, sans-serif; font-weight: bold; line-height: 1.125; margin: 1em 0 1em 0; text-decoration: underline; } .custom-article-tiles-item-content h1, .custom-article-tiles-item-content h2, .custom-article-tiles-item-content h3, .custom-article-tiles-item-content p, .custom-article-tiles-item-content span, .custom-article-tiles-item-content ul li { font-size: 1.125rem; font-family: "Roboto", Calibri, sans-serif; font-weight: normal; line-height: 1.5; margin-bottom: 0; } .custom-article-tiles-item-button a, .custom-article-tiles-item-button button { margin: 0; margin-top: 30px; } .custom-article-tiles-item-button.cta-red a, .custom-article-tiles-item-button.cta-red button { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .custom-article-tiles-item-button.cta-red a:focus, .custom-article-tiles-item-button.cta-red a:hover, .custom-article-tiles-item-button.cta-red button:focus, .custom-article-tiles-item-button.cta-red button:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .custom-article-tiles-item-button.cta-navy-blue a, .custom-article-tiles-item-button.cta-navy-blue button { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .custom-article-tiles-item-button.cta-navy-blue a:focus, .custom-article-tiles-item-button.cta-navy-blue a:hover, .custom-article-tiles-item-button.cta-navy-blue button:focus, .custom-article-tiles-item-button.cta-navy-blue button:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .custom-article-tiles-item-button.cta-white a, .custom-article-tiles-item-button.cta-white button { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .custom-article-tiles-item-button.cta-white a:focus, .custom-article-tiles-item-button.cta-white a:hover, .custom-article-tiles-item-button.cta-white button:focus, .custom-article-tiles-item-button.cta-white button:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .custom-article-tiles-item-button.cta-blue a, .custom-article-tiles-item-button.cta-blue button { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .custom-article-tiles-item-button.cta-blue a:focus, .custom-article-tiles-item-button.cta-blue a:hover, .custom-article-tiles-item-button.cta-blue button:focus, .custom-article-tiles-item-button.cta-blue button:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } @media screen and (max-width: 1024px) { .custom-article-tiles { padding: 3em; } } </style> <div id="maintaining-stability-container" class="custom-article-tiles"> <div class="custom-article-tiles-header"><h2 class="text-center"> Contributing to the Well-Being of Canada's Housing System </h2></div> <div class="custom-article-tiles-content"><p class="text-center"> CMHC contributes to the well-being of Canada's housing system. We provide housing finance solutions and we provide lenders reliable access to mortgage funding. Our commitment extends to providing crucial research and data to inform decisions for better housing sector outcomes. And, we deliver housing programs for the Government of Canada. </p> </div> <div class="custom-article-tiles-items"><div class="custom-article-tiles-item"> <div class="custom-article-tiles-item-image"> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/home/home-professional.jpg" alt="" /> </div> <div class="custom-article-tiles-item-desc"> <div class="custom-article-tiles-item-date"></div> <div class="custom-article-tiles-item-header"> <a href="/professionals"><h2>Professionals</h2></a> </div> <div class="custom-article-tiles-item-content"> <p> Access to CMHC funding, research, knowledge and expertise to help make affordable housing a reality. </p> </div> </div> </div> <div class="custom-article-tiles-item"> <div class="custom-article-tiles-item-image"> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/home/home-consumer.jpg" alt="" /> </div> <div class="custom-article-tiles-item-desc"> <div class="custom-article-tiles-item-date"></div> <div class="custom-article-tiles-item-header"> <a href="/consumers"><h2>Consumers</h2></a> </div> <div class="custom-article-tiles-item-content"> <p> Explore homebuyer and rental guides, use mortgage calculators, renovation and maintenance tips. </p> </div> </div> </div> </div> <div class="custom-article-tiles-footer"></div> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { "handleBarBackgroundColor": "#f7f7f7", "enableTopNotch": false, "enableBottomNotch": false, "topNotchColor": "#f7f7f7", "bottomNotchColor": "#f7f7f7", "borderColor": "#e5e5e5", "headerColor": "#00093a", "contentColor": "#00093a", "footerColor": "#00093a", "tileDateColor": "#00093a", "tileHeaderColor": "#00093a", "tileContentBackgroundColor": "#fff", "tileContentColor": "#00093a", "tileButtonColor": "red", "numberOfCols": "2" } ; // set default data for the component var defaultData = { handleBarBackgroundColor: "#f7f7f7", enableTopNotch: false, enableBottomNotch: false, topNotchColor: "#f7f7f7", bottomNotchColor: "#f7f7f7", borderColor: "#e5e5e5", headerColor: "#00093a", contentColor: "#00093a", footerColor: "#00093a", tileDateColor: "#00093a", tileHeaderColor: "#00093a", tileContentBackgroundColor: "#fff", tileContentColor: "#00093a", tileButtonColor: "red", numberOfCols: "2", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#maintaining-stability-container"); var numberOfCols = "1fr 1fr"; if (configData.numberOfCols === "3") { numberOfCols = "1fr 1fr 1fr"; } else if (configData.numberOfCols === "2") { numberOfCols = "1fr 1fr"; } else if (configData.numberOfCols === "1") { numberOfCols = "1fr"; } $("head").append( `<style type="text/css"> #maintaining-stability-container .custom-article-tiles-items { grid-template-columns: ${numberOfCols}; } #maintaining-stability-container .custom-article-tiles-item { background-color: ${configData.tileContentBackgroundColor}; border-left: 1px solid ${configData.borderColor}; border-right: 1px solid ${configData.borderColor}; border-top: 1px solid ${configData.borderColor}; border-bottom: 1px solid ${configData.borderColor}; } #maintaining-stability-container .custom-article-tiles-header h1, #maintaining-stability-container .custom-article-tiles-header h2, #maintaining-stability-container .custom-article-tiles-header h3, #maintaining-stability-container .custom-article-tiles-header p, #maintaining-stability-container .custom-article-tiles-header span, #maintaining-stability-container .custom-article-tiles-header ul li { color: ${configData.headerColor}; } #maintaining-stability-container .custom-article-tiles-content h1, #maintaining-stability-container .custom-article-tiles-content h2, #maintaining-stability-container .custom-article-tiles-content h3, #maintaining-stability-container .custom-article-tiles-content p, #maintaining-stability-container .custom-article-tiles-content span, #maintaining-stability-container .custom-article-tiles-content ul li { color: ${configData.contentColor}; } #maintaining-stability-container .custom-article-tiles-footer h1, #maintaining-stability-container .custom-article-tiles-footer h2, #maintaining-stability-container .custom-article-tiles-footer h3, #maintaining-stability-container .custom-article-tiles-footer p, #maintaining-stability-container .custom-article-tiles-footer span, #maintaining-stability-container .custom-article-tiles-footer ul li { color: ${configData.footerColor}; } #maintaining-stability-container .custom-article-tiles-item-date h1, #maintaining-stability-container .custom-article-tiles-item-date h2, #maintaining-stability-container .custom-article-tiles-item-date h3, #maintaining-stability-container .custom-article-tiles-item-date p, #maintaining-stability-container .custom-article-tiles-item-date span, #maintaining-stability-container .custom-article-tiles-item-date ul li { color: ${configData.tileDateColor}; } #maintaining-stability-container .custom-article-tiles-item-header h1, #maintaining-stability-container .custom-article-tiles-item-header h2, #maintaining-stability-container .custom-article-tiles-item-header h3, #maintaining-stability-container .custom-article-tiles-item-header p, #maintaining-stability-container .custom-article-tiles-item-header span, #maintaining-stability-container .custom-article-tiles-item-header ul li { color: ${configData.tileHeaderColor}; } #maintaining-stability-container .custom-article-tiles-item-content h1, #maintaining-stability-container .custom-article-tiles-item-content h2, #maintaining-stability-container .custom-article-tiles-item-content h3, #maintaining-stability-container .custom-article-tiles-item-content p, #maintaining-stability-container .custom-article-tiles-item-content span, #maintaining-stability-container .custom-article-tiles-item-content ul li { color: ${configData.tileContentColor}; } @media screen and (max-width: 1024px) { #maintaining-stability-container .custom-article-tiles-items { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 720px) { #maintaining-stability-container .custom-article-tiles-items { grid-template-columns: 1fr; } #maintaining-stability-container .custom-article-tiles-item { max-width: initial; } } </style>` ); // adjust margins based on content // var headerContainer = componentElement.find(".custom-article-tiles-header"); // if(headerContainer[0].innerHTML.length) { // headerContainer.css({ // marginBottom: "0.5em" // }); // } var contentContainer = componentElement.find(".custom-article-tiles-content"); if(contentContainer[0].innerHTML.length) { contentContainer.css({ marginTop: "1em", marginBottom: "2.5em" }); } var footerContainer = componentElement.find(".custom-article-tiles-footer"); if(footerContainer[0].innerHTML.length) { footerContainer.css({ marginTop: "2.5em" }); } var buttonContainer = componentElement.find(".custom-article-tiles-item-button"); if (configData.tileButtonColor === "red") { buttonContainer.addClass("cta-red"); } else if (configData.tileButtonColor === "blue") { buttonContainer.addClass("cta-blue"); } else if (configData.tileButtonColor === "navy-blue") { buttonContainer.addClass("cta-navy-blue"); } else if (configData.tileButtonColor === "white") { buttonContainer.addClass("cta-white"); } var handlebarContainer = componentElement.closest(".HandlebarContainer"); // Check if the div is the last child of the main tag if ( handlebarContainer.parent("main").children().last().is(handlebarContainer) ) { handlebarContainer.css("margin-bottom", "0"); $("footer").css("margin-top", "0"); } else { // Check if the div is the last child of the last child within a section tag if ( handlebarContainer .parents("section") .children() .last() .is(handlebarContainer) ) { // The div is the last child of the last child within a section tag handlebarContainer.css("margin-bottom", "0"); $("footer").css("margin-top", "0"); } } // get the handlebar template for this var handlebarTemplate = componentElement.closest(".HandlebarTemplate"); // add background color to the handlebar template handlebarTemplate.css({ backgroundColor: configData.handleBarBackgroundColor, position: "relative", }); // add top notch if enabled if (configData.enableTopNotch) { // create notch var notchElement = document.createElement("div"); notchElement.className = "notch"; // set border top color notchElement.style.borderTopColor = configData.topNotchColor; notchElement.style.bottom = "initial"; notchElement.style.top = 0; // add notch to handlebar template handlebarTemplate.append(notchElement); } // add bottom notch if enabled if (configData.enableBottomNotch) { // create notch var notchElement = document.createElement("div"); notchElement.className = "notch"; // set border top color notchElement.style.borderTopColor = configData.bottomNotchColor; // add notch to handlebar template handlebarTemplate.append(notchElement); } }); </script>  <style> #maintaining-stability-container .custom-article-tiles-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background-color: #00093a; } </style> </div> </div> <div class="HandlebarContainer"> <div class="HandlebarTemplate"><style> .ia-twoplusone, .ia-pagecontent-head { float: inherit; } .notch { content: ""; position: absolute; bottom: -29px; left: calc(50% - 50px); border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 30px solid transparent; z-index: 1000; } .custom-feature-tiles { max-width: 974px; width: 100%; padding: 3em 0; margin: auto; } .custom-feature-tiles-header h1, .custom-feature-tiles-header h2, .custom-feature-tiles-header h3, .custom-feature-tiles-header p, .custom-feature-tiles-header span, .custom-feature-tiles-header ul li { line-height: 1.125; margin-top: 1em; margin-bottom: .5em; font-weight: bold; } .custom-feature-tiles-header h1 { font-size: 2.5rem; } .custom-feature-tiles-header h2 { font-size: 2rem; } .custom-feature-tiles-header h3 { font-size: 1.5rem; } .custom-feature-tiles-header a, .custom-feature-tiles-header button, .custom-feature-tiles-content a, .custom-feature-tiles-content button, .custom-feature-tiles-footer a, .custom-feature-tiles-footer button { margin: 0; } .custom-feature-tiles-header a.cta-red, .custom-feature-tiles-header button.cta-red, .custom-feature-tiles-content a.cta-red, .custom-feature-tiles-content button.cta-red, .custom-feature-tiles-footer a.cta-red, .custom-feature-tiles-footer button.cta-red { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .custom-feature-tiles-header a.cta-red:focus, .custom-feature-tiles-header button.cta-red:focus, .custom-feature-tiles-header a.cta-red:hover, .custom-feature-tiles-header button.cta-red:hover, .custom-feature-tiles-content a.cta-red:focus, .custom-feature-tiles-content button.cta-red:focus, .custom-feature-tiles-content a.cta-red:hover, .custom-feature-tiles-content button.cta-red:hover, .custom-feature-tiles-footer a.cta-red:focus, .custom-feature-tiles-footer button.cta-red:focus, .custom-feature-tiles-footer a.cta-red:hover, .custom-feature-tiles-footer button.cta-red:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .custom-feature-tiles-header a.cta-navy-blue, .custom-feature-tiles-header button.cta-navy-blue, .custom-feature-tiles-content a.cta-navy-blue, .custom-feature-tiles-content button.cta-navy-blue, .custom-feature-tiles-footer a.cta-navy-blue, .custom-feature-tiles-footer button.cta-navy-blue { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .custom-feature-tiles-header a.cta-navy-blue:focus, .custom-feature-tiles-header button.cta-navy-blue:focus, .custom-feature-tiles-header a.cta-navy-blue:hover, .custom-feature-tiles-header button.cta-navy-blue:hover, .custom-feature-tiles-content a.cta-navy-blue:focus, .custom-feature-tiles-content button.cta-navy-blue:focus, .custom-feature-tiles-content a.cta-navy-blue:hover, .custom-feature-tiles-content button.cta-navy-blue:hover, .custom-feature-tiles-footer a.cta-navy-blue:focus, .custom-feature-tiles-footer button.cta-navy-blue:focus, .custom-feature-tiles-footer a.cta-navy-blue:hover, .custom-feature-tiles-footer button.cta-navy-blue:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .custom-feature-tiles-header a.cta-white, .custom-feature-tiles-header button.cta-white, .custom-feature-tiles-content a.cta-white, .custom-feature-tiles-content button.cta-white, .custom-feature-tiles-footer a.cta-white, .custom-feature-tiles-footer button.cta-white { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .custom-feature-tiles-header a.cta-white:focus, .custom-feature-tiles-header button.cta-white:focus, .custom-feature-tiles-header a.cta-white:hover, .custom-feature-tiles-header button.cta-white:hover, .custom-feature-tiles-content a.cta-white:focus, .custom-feature-tiles-content button.cta-white:focus, .custom-feature-tiles-content a.cta-white:hover, .custom-feature-tiles-content button.cta-white:hover, .custom-feature-tiles-footer a.cta-white:focus, .custom-feature-tiles-footer button.cta-white:focus, .custom-feature-tiles-footer a.cta-white:hover, .custom-feature-tiles-footer button.cta-white:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .custom-feature-tiles-header a.cta-blue, .custom-feature-tiles-header button.cta-blue, .custom-feature-tiles-content a.cta-blue, .custom-feature-tiles-content button.cta-blue, .custom-feature-tiles-footer a.cta-blue, .custom-feature-tiles-footer button.cta-blue { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .custom-feature-tiles-header a.cta-blue:focus, .custom-feature-tiles-header button.cta-blue:focus, .custom-feature-tiles-header a.cta-blue:hover, .custom-feature-tiles-header button.cta-blue:hover, .custom-feature-tiles-content a.cta-blue:focus, .custom-feature-tiles-content button.cta-blue:focus, .custom-feature-tiles-content a.cta-blue:hover, .custom-feature-tiles-content button.cta-blue:hover, .custom-feature-tiles-footer a.cta-blue:focus, .custom-feature-tiles-footer button.cta-blue:focus, .custom-feature-tiles-footer a.cta-blue:hover, .custom-feature-tiles-footer button.cta-blue:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } .custom-feature-tiles-content h1, .custom-feature-tiles-content h2, .custom-feature-tiles-content h3, .custom-feature-tiles-content p, .custom-feature-tiles-content span, .custom-feature-tiles-content ul li { line-height: 1.5; font-size: 1.125rem; } .custom-feature-tiles-footer h1, .custom-feature-tiles-footer h2, .custom-feature-tiles-footer h3, .custom-feature-tiles-footer p, .custom-feature-tiles-footer span, .custom-feature-tiles-footer ul li { line-height: 1.5; font-size: 1.125rem; } .custom-feature-tiles-items { display: grid; column-gap: 30px; row-gap: 30px; /* grid-auto-rows: 1fr; */ } .custom-feature-tiles-items > a { text-decoration: none; display: inherit; } .custom-feature-tiles-item { position: relative; max-width: 472px; //max-height: 500px; min-height: 200px; border-top: none; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 30px 30px 40px 20px; } .custom-feature-tiles-item-icon img { width: 128px; height: 128px; } .custom-feature-tiles-item-header { padding-left: 10px; } .custom-feature-tiles-item-header h1, .custom-feature-tiles-item-header h2, .custom-feature-tiles-item-header h3, .custom-feature-tiles-item-header p, .custom-feature-tiles-item-header span, .custom-feature-tiles-item-header ul li { font-size: 1.5rem; font-family: "Roboto", Calibri, sans-serif; font-weight: bold; line-height: 1.125; margin: 10px 0 20px 0; } .custom-feature-tiles-item-content { padding-left: 10px; } .custom-feature-tiles-item-content h1, .custom-feature-tiles-item-content h2, .custom-feature-tiles-item-content h3, .custom-feature-tiles-item-content p, .custom-feature-tiles-item-content span, .custom-feature-tiles-item-content ul li { font-size: 1.125rem; font-family: "Roboto", Calibri, sans-serif; font-weight: normal; line-height: 1.5; margin-bottom: 0; } .custom-feature-tiles-item-button { padding-left: 10px; } .custom-feature-tiles-item-button a, .custom-feature-tiles-item-button button { margin: 0; margin-top: 30px; } .custom-feature-tiles-item-button.cta-red a, .custom-feature-tiles-item-button.cta-red button { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .custom-feature-tiles-item-button.cta-red a:focus, .custom-feature-tiles-item-button.cta-red a:hover, .custom-feature-tiles-item-button.cta-red button:focus, .custom-feature-tiles-item-button.cta-red button:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .custom-feature-tiles-item-button.cta-navy-blue a, .custom-feature-tiles-item-button.cta-navy-blue button { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .custom-feature-tiles-item-button.cta-navy-blue a:focus, .custom-feature-tiles-item-button.cta-navy-blue a:hover, .custom-feature-tiles-item-button.cta-navy-blue button:focus, .custom-feature-tiles-item-button.cta-navy-blue button:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .custom-feature-tiles-item-button.cta-white a, .custom-feature-tiles-item-button.cta-white button { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .custom-feature-tiles-item-button.cta-white a:focus, .custom-feature-tiles-item-button.cta-white a:hover, .custom-feature-tiles-item-button.cta-white button:focus, .custom-feature-tiles-item-button.cta-white button:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .custom-feature-tiles-item-button.cta-blue a, .custom-feature-tiles-item-button.cta-blue button { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .custom-feature-tiles-item-button.cta-blue a:focus, .custom-feature-tiles-item-button.cta-blue a:hover, .custom-feature-tiles-item-button.cta-blue button:focus, .custom-feature-tiles-item-button.cta-blue button:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } @media screen and (max-width: 1024px) { .custom-feature-tiles { padding: 3em; } } @media screen and (max-width: 768px) { .custom-feature-tiles-items { column-gap: 30px; row-gap: 30px; } } </style> <div id="feature-tiles-container" class="custom-feature-tiles"> <div class="custom-feature-tiles-header"></div> <div class="custom-feature-tiles-content"></div> <div class="custom-feature-tiles-items"><a href="/professionals/project-funding-and-mortgage-financing"> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon-financing.svg" alt="" /> </div> <div class="custom-feature-tiles-item-header"> <h2><u>Financing</u></h2> </div> <div class="custom-feature-tiles-item-content"> <p> Contributing to the well-being of the housing system by providing housing finance solutions. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> </a> <a href="/professionals/housing-markets-data-and-research"> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon-research.svg" alt="" /> </div> <div class="custom-feature-tiles-item-header"> <h2><u>Research</u></h2> </div> <div class="custom-feature-tiles-item-content"> <p> Providing essential, impartial research, data and expertise to inform the housing system. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> </a> <a href="/professionals/project-funding-and-mortgage-financing/funding-programs" > <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon-funding.svg" alt="" /> </div> <div class="custom-feature-tiles-item-header"> <h2><u>Funding</u></h2> </div> <div class="custom-feature-tiles-item-content"> <p> Helping the Government of Canada deliver on its commitment to make housing more affordable. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> </a> </div> <div class="custom-feature-tiles-footer"></div> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { "handleBarBackgroundColor": "#f7f7f7", "enableTopNotch": false, "enableBottomNotch": false, "topNotchColor": "#f7f7f7", "bottomNotchColor": "#f7f7f7", "borderTopColor": "#00093a", "borderLeftRightBottomColor": "#e5e5e5", "headerColor": "#00093a", "contentColor": "#00093a", "footerColor": "#00093a", "tileHeaderColor": "#00093a", "tileContentBackgroundColor": "#fff", "tileContentColor": "#00093a", "tileButtonColor": "red", "numberOfCols": "3" } ; // set default data for the component var defaultData = { handleBarBackgroundColor: "#f7f7f7", enableTopNotch: false, enableBottomNotch: false, topNotchColor: "#f7f7f7", bottomNotchColor: "#f7f7f7", borderTopColor: "#00093a", borderLeftRightBottomColor: "#e5e5e5", headerColor: "#00093a", contentColor: "#00093a", footerColor: "#00093a", tileHeaderColor: "#00093a", tileContentBackgroundColor: "#fff", tileContentColor: "#00093a", tileButtonColor: "red", numberOfCols: "2", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#feature-tiles-container"); var numberOfCols = "1fr 1fr"; if (configData.numberOfCols === "3") { numberOfCols = "1fr 1fr 1fr"; } else if (configData.numberOfCols === "2") { numberOfCols = "1fr 1fr"; } else if (configData.numberOfCols === "1") { numberOfCols = "1fr"; } $("head").append( `<style type="text/css"> #feature-tiles-container .custom-feature-tiles-items { grid-template-columns: ${numberOfCols}; } #feature-tiles-container .custom-feature-tiles-item { background-color: ${configData.tileContentBackgroundColor}; border-left: 1px solid ${configData.borderLeftRightBottomColor}; border-right: 1px solid ${configData.borderLeftRightBottomColor}; border-bottom: 1px solid ${configData.borderLeftRightBottomColor}; } #feature-tiles-container .custom-feature-tiles-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background-color: ${configData.borderTopColor}; } #feature-tiles-container .custom-feature-tiles-header h1, #feature-tiles-container .custom-feature-tiles-header h2, #feature-tiles-container .custom-feature-tiles-header h3, #feature-tiles-container .custom-feature-tiles-header p, #feature-tiles-container .custom-feature-tiles-header span, #feature-tiles-container .custom-feature-tiles-header ul li { color: ${configData.headerColor}; } #feature-tiles-container .custom-feature-tiles-content h1, #feature-tiles-container .custom-feature-tiles-content h2, #feature-tiles-container .custom-feature-tiles-content h3, #feature-tiles-container .custom-feature-tiles-content p, #feature-tiles-container .custom-feature-tiles-content span, #feature-tiles-container .custom-feature-tiles-content ul li { color: ${configData.contentColor}; } #feature-tiles-container .custom-feature-tiles-footer h1, #feature-tiles-container .custom-feature-tiles-footer h2, #feature-tiles-container .custom-feature-tiles-footer h3, #feature-tiles-container .custom-feature-tiles-footer p, #feature-tiles-container .custom-feature-tiles-footer span, #feature-tiles-container .custom-feature-tiles-footer ul li { color: ${configData.footerColor}; } #feature-tiles-container .custom-feature-tiles-item-header h1, #feature-tiles-container .custom-feature-tiles-item-header h2, #feature-tiles-container .custom-feature-tiles-item-header h3, #feature-tiles-container .custom-feature-tiles-item-header p, #feature-tiles-container .custom-feature-tiles-item-header span, #feature-tiles-container .custom-feature-tiles-item-header ul li { color: ${configData.tileHeaderColor}; } #feature-tiles-container .custom-feature-tiles-item-content h1, #feature-tiles-container .custom-feature-tiles-item-content h2, #feature-tiles-container .custom-feature-tiles-item-content h3, #feature-tiles-container .custom-feature-tiles-item-content p, #feature-tiles-container .custom-feature-tiles-item-content span, #feature-tiles-container .custom-feature-tiles-item-content a, #feature-tiles-container .custom-feature-tiles-item-content ul li { color: ${configData.tileContentColor}; } #feature-tiles-container .custom-feature-tiles-item-content ul { margin-left: 1em; list-style: disc; } @media screen and (max-width: 1024px) { #feature-tiles-container .custom-feature-tiles-items { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 720px) { #feature-tiles-container .custom-feature-tiles-items { grid-template-columns: 1fr; } #feature-tiles-container .custom-feature-tiles-item { max-width: initial; } } </style>` ); // adjust margins based on content // var headerContainer = componentElement.find(".custom-feature-tiles-header"); // if(headerContainer[0].innerHTML.length) { // headerContainer.css({ // marginBottom: "0.5em" // }); // } var contentContainer = componentElement.find(".custom-feature-tiles-content"); if(contentContainer[0].innerHTML.length) { contentContainer.css({ marginTop: "1em", marginBottom: "2.5em" }); } var footerContainer = componentElement.find(".custom-feature-tiles-footer"); if(footerContainer[0].innerHTML.length) { footerContainer.css({ marginTop: "2.5em" }); } var buttonContainer = componentElement.find(".custom-feature-tiles-item-button"); if (configData.tileButtonColor === "red") { buttonContainer.addClass("cta-red"); } else if (configData.tileButtonColor === "blue") { buttonContainer.addClass("cta-blue"); } else if (configData.tileButtonColor === "navy-blue") { buttonContainer.addClass("cta-navy-blue"); } else if (configData.tileButtonColor === "white") { buttonContainer.addClass("cta-white"); } var handlebarContainer = componentElement.closest(".HandlebarContainer"); // Check if the div is the last child of the main tag if ( handlebarContainer.parent("main").children().last().is(handlebarContainer) ) { handlebarContainer.css("margin-bottom", "0"); $("footer").css("margin-top", "0"); } else { // Check if the div is the last child of the last child within a section tag if ( handlebarContainer .parents("section") .children() .last() .is(handlebarContainer) ) { // The div is the last child of the last child within a section tag handlebarContainer.css("margin-bottom", "0"); $("footer").css("margin-top", "0"); } } // get the handlebar template for this var handlebarTemplate = componentElement.closest(".HandlebarTemplate"); // add background color to the handlebar template handlebarTemplate.css({ backgroundColor: configData.handleBarBackgroundColor, position: "relative", }); // add top notch if enabled if (configData.enableTopNotch) { // create notch var notchElement = document.createElement("div"); notchElement.className = "notch"; // set border top color notchElement.style.borderTopColor = configData.topNotchColor; notchElement.style.bottom = "initial"; notchElement.style.top = 0; // add notch to handlebar template handlebarTemplate.append(notchElement); } // add bottom notch if enabled if (configData.enableBottomNotch) { // create notch var notchElement = document.createElement("div"); notchElement.className = "notch"; // set border top color notchElement.style.borderTopColor = configData.bottomNotchColor; // add notch to handlebar template handlebarTemplate.append(notchElement); } }); </script>  <style> #feature-tiles-container .custom-feature-tiles-items { column-gap: 0; } #feature-tiles-container .custom-feature-tiles-item { border-left: none; border-right: none; } #feature-tiles-container .custom-feature-tiles-items > a:first-child .custom-feature-tiles-item { border-left: 1px solid #e5e5e5; } #feature-tiles-container .custom-feature-tiles-items > a:last-child .custom-feature-tiles-item { border-right: 1px solid #e5e5e5; } #feature-tiles-container .custom-feature-tiles-item:hover { transform: scale(1.05); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); z-index: 2; } #feature-tiles-container .custom-feature-tiles-item:first-child:hover { box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2); } #feature-tiles-container .custom-feature-tiles-item:last-child:hover { box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2); } #feature-tiles-container .custom-feature-tiles-item-icon img { width: 64px; height: 64px; } </style> </div> </div> <div class=" section-three"> <div class=" section-background"></div> <div class="text-component text-clearfix section-featured-products"><div class="featured-products"> <h2>New and Noteworthy</h2> <div id="featured-products-slider" class="owl-carousel owl-theme owl-loaded owl-drag" tabindex="0" > <div class="owl-stage-outer owl-height" style="height: 570px"> <div class="owl-stage" style=" transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1840px; " > <div class="owl-item" aria-selected="false" style="width: 920px"> <div class="item"> <div class="content"> <div class="column ia-hero-banner padding-top-bottom-30"> <div class="row-wrapper"> <div class="row-wrapper fixed-container"> <div class="row fixed-container"> <div class="banner-wrapper"> <div class="small-12 large-6 medium-12 columns section-left" > <div class="banner-content text-left padding-15"> <h3>Residential Mortgage Industry Report — Fall 2024</h3> <p>Whether you're a policymaker, financial analyst, or industry leader, CMHC's Residential Mortgage Industry Report can help you stay ahead in the rapidly changing residential mortgage landscape. Explore the latest trends affecting housing finance, borrower preferences and market risks.</p> <a class="button darkblue-button" aria-label="Download the Residential Mortgage Industry Report — Fall 2024" tabindex="1" href="/professionals/housing-markets-data-and-research/housing-research/research-reports/housing-finance/residential-mortgage-industry-report" >Download</a > </div> </div> <div class="small-12 large-6 medium-12 columns section-right" > <div class="banner-image" style=" background-image: url(https://assets.cmhc-schl.gc.ca/sites/cmhc/blog/2024/20241104-insights-from-cmhc-fall-2024-residential-mortgage-industry-report/rmir-fall-2024-cover-en.png); " ></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="owl-item active" aria-selected="true" style="width: 920px"> <div class="item"> <div class="content"> <div class="column ia-hero-banner padding-top-bottom-30"> <div class="row-wrapper"> <div class="row-wrapper fixed-container"> <div class="row fixed-container"> <div class="banner-wrapper"> <div class="small-12 large-6 medium-12 columns section-left" > <div class="banner-content text-left padding-15"> <h3>Housing Supply Report — Fall 2024</h3> <p>Housing starts in the 6 largest CMAs rose 4% in early 2024, among the strongest on record. However, they weren't enough to meet growing demographic demand.</p> <a class="button darkblue-button" aria-label="Learn more about the Fall 2024 Housing Supply Report" tabindex="0" href="/professionals/housing-markets-data-and-research/market-reports/housing-market/housing-supply-report" >Learn more</a > </div> </div> <div class="small-12 large-6 medium-12 columns section-right" > <div class="banner-image" style=" background-image: url(https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/housing-markets-data-and-research/market-reports/housing-supply-report/2024/hsr_web_promo_2024_eng.png); " ></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="owl-item active" aria-selected="true" style="width: 920px"> <div class="item"> <div class="content"> <div class="column ia-hero-banner padding-top-bottom-30"> <div class="row-wrapper"> <div class="row-wrapper fixed-container"> <div class="row fixed-container"> <div class="banner-wrapper"> <div class="small-12 large-6 medium-12 columns section-left" > <div class="banner-content text-left padding-15"> <h3>2024 Housing Market Outlook</h3> <p> Explore our housing forecasts for affordability, supply and other key housing issues and find the latest trends in Canada's housing market. </p> <a class="button darkblue-button" aria-label="Read now: 2024 Housing Market Outlook" tabindex="0" href="/professionals/housing-markets-data-and-research/market-reports/housing-market/housing-market-outlook" >Read now</a > </div> </div> <div class="small-12 large-6 medium-12 columns section-right" > <div class="banner-image" style=" background-image: url(https://assets.cmhc-schl.gc.ca/sites/cmhc/home/features/hmo-cover-20240406-en.png); " ></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="owl-item active" aria-selected="true" style="width: 920px"> <div class="item"> <div class="content"> <div class="column ia-hero-banner padding-top-bottom-30"> <div class="row-wrapper"> <div class="row-wrapper fixed-container"> <div class="row fixed-container"> <div class="banner-wrapper"> <div class="small-12 large-6 medium-12 columns section-left" > <div class="banner-content text-left padding-15"> <h3>2024 Rental Market Report</h3> <p> Explore the challenges faced by Canada's rental market — see the driving factors, population growth impact and competitive markets. </p> <a class="button darkblue-button" aria-label="Learn more: 2024 Rental Market Report" tabindex="0" href="/professionals/housing-markets-data-and-research/market-reports/rental-market-reports-major-centres" >Learn more</a > </div> </div> <div class="small-12 large-6 medium-12 columns section-right" > <div class="banner-image" style=" background-image: url(https://assets.cmhc-schl.gc.ca/sites/cmhc/home/features/rmr-cover-20240131-en.png); " ></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="owl-item" aria-selected="false" style="width: 920px"> <div class="item"> <div class="content"> <div class="column ia-hero-banner padding-top-bottom-30"> <div class="row-wrapper"> <div class="row-wrapper fixed-container"> <div class="row fixed-container"> <div class="banner-wrapper"> <div class="small-12 large-6 medium-12 columns section-left" > <div class="banner-content text-left padding-15"> <h3>2023 Northern Housing Report</h3> <p> Our in-depth analysis of housing market conditions in Whitehorse, Yellowknife and Iqaluit reveals unique challenges and trends. </p> <a class="button darkblue-button" aria-label="Learn more: 2023 Northern Housing Report" tabindex="1" href="/professionals/housing-markets-data-and-research/market-reports/housing-market/northern-housing-report" >Learn more</a > </div> </div> <div class="small-12 large-6 medium-12 columns section-right" > <div class="banner-image" style=" background-image: url(https://assets.cmhc-schl.gc.ca/sites/cmhc/home/features/nhr-cover-20240109-en.png); " ></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function () { $("#featured-products-slider").owlCarousel({ navigation: true, // Show next and prev buttons slideSpeed: 1200, autoplay: false, autoplayTimeout: 8000, paginationSpeed: 1200, // transitionStyle:"fade", autoHeight: true, lazyLoad: false, nav: true, loop: true, navText: ["", ""], //singleItem:true, addClassActive: true, responsive: { 0: { items: 1, }, 399: { items: 1, }, 600: { items: 1, }, 1000: { items: 1, }, }, onInitialized: function (event) { $("#featured-products-slider") .find(".owl-item") .attr("aria-selected", "false"); $("#featured-products-slider") .find(".owl-item.active") .attr("aria-selected", "true"); // let screen readers know an item is active // apply meta info to next and previous buttons and make them focusable $("#featured-products-slider") .find(".owl-prev") .attr("role", "button") .attr("title", "Previous"); $("#featured-products-slider") .find(".owl-next") .attr("role", "button") .attr("title", "Next"); $("#featured-products-slider, .owl-prev, .owl-next").attr( "tabindex", "0" ); // apply meta info to dots $("#featured-products-slider") .find(".owl-dot") .attr("role", "button") .attr("title", "change slide"); // listen for keyboard input $(document).on("keydown", function (e) { var $focusedElement = $(document.activeElement), singleOwl = $("#featured-products-slider").data("owl.carousel"), type = e.which == 39 ? "next" : null, type = e.which == 37 ? "prev" : type, type = e.which == 13 ? "enter" : type; // if the carousel is focused, use left and right arrow keys to navigate if ($focusedElement.hasClass("owl-carousel")) { if (type == "next") { singleOwl.next(); } else if (type == "prev") { singleOwl.prev(); } // if the prev and next buttons are focused, catch "Enter" and navigate in the right direction } else if (type == "enter") { if ($focusedElement.hasClass("owl-next")) { singleOwl.next(); } else if ($focusedElement.hasClass("owl-prev")) { singleOwl.prev(); } } }); }, // let screen readers know which slide is active after navigation or reinit onChange: function () { $("#featured-products-slider") .find(".owl-item") .attr("aria-selected", "false"); $("#featured-products-slider") .find(".owl-item.active") .attr("aria-selected", "true"); }, }); }); </script> </div> <div class="text-component text-clearfix trending-topics-text"><style> .trending-topics-container { text-align: center; padding-bottom: 5em; } .trending-topics-container h2 { color: #fff; } /** Begin Custom dropdown **/ .trending-topics-dropdown { position: relative; display: inline-block; margin: 1em 0; } .trending-topics-dropdown-selected-option { background-color: #00093a; color: #ffffff; border: 2px solid #fff; border-radius: 5px; padding: 1em 10em 1em 1.5em; cursor: pointer; } .trending-topics-dropdown-dropdown-list { list-style: none; margin: 0; padding: 0; text-align: left; position: absolute; background-color: #ffffff; border: 1px solid #00093a; width: 100%; max-height: 150px; overflow-y: auto; display: none; } .trending-topics-dropdown-dropdown-list li { padding: 10px 20px; color: #00093a; } .trending-topics-dropdown-dropdown-list li:hover, .trending-topics-dropdown-dropdown-list li.focused { background-color: #f0f1f3; cursor: pointer; } .fa-chevron-down { position: absolute; right: 1.5em; background: inherit; } /** End custom dropdown **/ .trending-topics-grid-container { margin-top: 1em; } .trending-topics-grid-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .trending-topics-grid-item { background-color: #fff; border-top: 1px solid #da291c; border-width: 15px 0 0 0; text-align: left; padding: 0 1.5em; } .trending-topics-grid-item h3, .trending-topics-grid-item p { color: #00093a; } .trending-topics-grid-item h3 a { color: #1e2d73; } .trending-topics-grid-item h3 a:hover, .trending-topics-grid-item h3 a:focus { color: #00093a; } .trending-topics-grid-item h3 a:visited { color: #483fcd; } .trending-topics-grid-item h3 { font-size: 1.5rem; } /* Media queries for responsive layout */ @media screen and (max-width: 768px) { .trending-topics-grid-items { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 480px) { .trending-topics-grid-items { grid-template-columns: repeat(1, 1fr); } } </style> <div class="trending-topics-container"> <div class="trending-topics-icon-container"> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_checkmark.png?rev=b86ef5e4-cbfb-4827-9529-a70b8b1bef27" alt="trending topics" /> </div> <h2>Trending Topics</h2> <div class="trending-topics-dropdown"> <div class="trending-topics-dropdown-selected-option" role="button" aria-haspopup="true" aria-expanded="false" tabindex="0" > <span>I am a Consumer</span> <i class="fa fa-chevron-down" aria-hidden="true"></i> </div> <ul class="trending-topics-dropdown-dropdown-list" role="listbox" aria-hidden="true" > <li role="option" data-value="option1" tabindex="0">I am a Consumer</li> <li role="option" data-value="option2" tabindex="0"> I am a Professional </li> </ul> </div> <div class="trending-topics-grid-container"> <div class="trending-topics-grid-items" data-option="option1"> <div class="trending-topics-grid-item"> <h3><a href="#">First-time home buyer incentive</a></h3> <p>A new program helps to make homeownership more afforable.</p> </div> <div class="trending-topics-grid-item"> <h3><a href="#">Mortgage calculator</a></h3> <p> Compare rates, payment frequency, amortization and more to find your best mortgage options. </p> </div> <div class="trending-topics-grid-item"> <h3><a href="#">Homebuying step by step</a></h3> <p>Everything you need to buy a home in Canada.</p> </div> </div> <div class="trending-topics-grid-items" data-option="option2" style="display: none" > <div class="trending-topics-grid-item"> <h3>Option 2 Title 1</h3> <p>Option 2 Description 1</p> </div> <div class="trending-topics-grid-item"> <h3>Option 2 Title 2</h3> <p>Option 2 Description 2</p> </div> <div class="trending-topics-grid-item"> <h3>Option 2 Title 3</h3> <p>Option 2 Description 3</p> </div> </div> </div> </div> <script> $(document).ready(function () { var $dropdown = $(".trending-topics-dropdown"); var $selectedOption = $dropdown.find( ".trending-topics-dropdown-selected-option" ); var $dropdownList = $dropdown.find( ".trending-topics-dropdown-dropdown-list" ); var $options = $dropdownList.find("li"); $selectedOption.on("click keydown", function (event) { if (event.type === "click" || event.keyCode === 13) { $dropdownList.toggle(); $selectedOption.attr("aria-expanded", function (index, attr) { return attr === "true" ? "false" : "true"; }); if ($dropdownList.is(":visible")) { setTimeout(function () { $options.eq(0).focus(); }, 10); } } }); $options.on("click", function () { var value = $(this).data("value"); var gridItems = $(".trending-topics-grid-items"); $selectedOption.find("span").html($(this).html()); $dropdownList.hide(); $selectedOption.attr("aria-expanded", "false"); for (var i = 0; i < gridItems.length; i++) { var option = gridItems[i].getAttribute("data-option"); if (option === value || value === "") { gridItems[i].style.display = "grid"; } else { gridItems[i].style.display = "none"; } } }); $options.on("keydown", function (event) { var $currentOption = $(this); var currentIndex = $options.index($currentOption); var $nextOption; switch (event.keyCode) { case 13: // Enter $currentOption.click(); $selectedOption.focus(); event.preventDefault(); break; case 38: // Up Arrow $nextOption = $options.eq(currentIndex - 1); if ($nextOption.length === 0) { $nextOption = $options.last(); } $nextOption.focus(); event.preventDefault(); break; case 40: // Down Arrow $nextOption = $options.eq(currentIndex + 1); if ($nextOption.length === 0) { $nextOption = $options.first(); } $nextOption.focus(); event.preventDefault(); break; } }); $(document).on("click", function (event) { if (!$(event.target).closest(".trending-topics-dropdown").length) { $dropdownList.hide(); $selectedOption.attr("aria-expanded", "false"); } }); }); </script> </div> </div> <div class=" section-four"> <input type="hidden" id="id-DataSourceOption" /> <input type="hidden" value="" id="id-Tagfilter" /> <div class="column expanded ia-related-article bgcolor-white margin-top-bottom-30 success-stories-grid"> <div class="row" id="observer-container"> <input type="hidden" value="{DAA9D739-FA49-4702-B876-2B12B3E5B62F}" id="observer-datasource" /> <input type="hidden" value="" id="observer-tag" /> <input type="hidden" value="grid-2" id="observer-style-class" /> <input type="hidden" value="2" id="observer-tilesCount" /> <input type="hidden" value="cmhc" id="site-name" /> <input name="__RequestVerificationToken" type="hidden" value="Wc0ceMuuXWIRjdLAsuJsJBcGIyS35xgdjcm5kA5VR2cEazVg7dfqJ3th_ZqBuyKP-YWNEoUAF9oI871anmWhJeBbtj_dHUf9W6zcRozpmlU1" /> <div class="related-wrapper bgcolor-white "> <h2 class="article-title font-30 text-center color-white">Industry News and Insights</h2> <div class="gutterspace-30 grid-2" id="observer-grid-without-masonary"> </div> <div class="columns large-12 " id="observer-showall-home"> <div class="show-more-button text-center"><a class="button btn-white" href="/blog">View All</a></div> </div> </div> </div> </div> <script> $(document).ready(function(){ var token = $('input[name="__RequestVerificationToken"]').val(); var datasource; var tag; var cssClass; var tilesCount; var DataSourceOption; var Tagfilter; var isLoadGridSize = true; var isExperienceEditor = false; $("#observer-showall-home").hide(); if(isExperienceEditor) { setTimeout(function(){ datasource = $("#observer-datasource").val(); tag = $("#observer-tag").val(); cssClass = $("#observer-style-class").val(); tilesCount = $("#observer-tilesCount").val(); },1000); } else { datasource = $("#observer-datasource").val(); tag = $("#observer-tag").val(); cssClass = $("#observer-style-class").val(); tilesCount = $("#observer-tilesCount").val(); Tagfilter = $("#id-Tagfilter").val(); DataSourceOption = $("#id-DataSourceOption").val(); } if (isExperienceEditor) { setTimeout(function(){ getObserver(); },1000); } else { getObserver(); } function getObserver() { var apiAction; var sitename = $("#site-name").val(); if (sitename == "cmhc") { apiAction = '/api/sitecore/Observer/RelatedArticleGrid' } else { apiAction = '/api/sitecore/Observer/RelatedArticleGridForPTCH' } $.ajax({ url: apiAction, data: { dataSource: datasource, tag: tag, cssClass: cssClass, tilesCount: tilesCount, sitename: sitename, DataSourceOption: DataSourceOption, Tagfilter: Tagfilter, __RequestVerificationToken: token }, type: "POST", dataType: 'html', success: function (result) { $('#observer-grid-without-masonary').append(result); $("#observer-showall-home").show(); isLoadGridSize = false; //onlyMobile(); }, complete: function (result) { isLoadGridSize = false; result = ""; }, error: function (error) { console.log("Unable to fetch Observer Articles", error); } }); } }); </script></div> </section> </main> <div class="row container-1col"> <div class="large-12 small-12 medium-12 columns" > </div> </div>  <footer> <div class="content-full"> <div class="footer-navigation clear-fix">  <div> <h2>By Topic</h2> <ul> <li> <a href="/professionals" class="footer__header" onclick="dl_Navigation('Footer',this.text)" >Professionals</a> <ul> <li><a href="/professionals/project-funding-and-mortgage-financing" onclick="dl_Navigation('Footer',this.text)" >Project funding and mortgage financing</a></li> <li><a href="/professionals/housing-markets-data-and-research" onclick="dl_Navigation('Footer',this.text)" >Housing markets data and research</a></li> <li><a href="/professionals/industry-innovation-and-leadership" onclick="dl_Navigation('Footer',this.text)" >Industry innovation and leadership</a></li> <li><a href="/professionals/events-and-speakers" onclick="dl_Navigation('Footer',this.text)" >Events and speakers</a></li> </ul> </li> <li> <a href="/consumers" class="footer__header footer__header--margin-top" onclick="dl_Navigation('Footer',this.text)" >Consumers</a> <ul> <li><a href="/consumers/home-buying" onclick="dl_Navigation('Footer',this.text)" >Home buying</a></li> <li><a href="/consumers/owning-a-home" onclick="dl_Navigation('Footer',this.text)" >Owning a home</a></li> <li><a href="/consumers/renting-a-home" onclick="dl_Navigation('Footer',this.text)" >Renting a home</a></li> </ul> </li> </ul> </div>  <div> <h2>About Us</h2> <ul> <li> <a href="/about-us/cmhcs-story" onclick="dl_Navigation('Footer',this.text)" >CMHC's Story</a> </li> <li> <a href="/about-us/management-and-governance" onclick="dl_Navigation('Footer',this.text)" >Management and Governance</a> </li> <li> <a href="/professionals/industry-innovation-and-leadership/our-partners" onclick="dl_Navigation('Footer',this.text)" >Our Partners</a> </li> <li> <a href="/about-us/corporate-reporting" onclick="dl_Navigation('Footer',this.text)" >Corporate Reporting</a> </li> <li> <a href="/about-us/contact-us" onclick="dl_Navigation('Footer',this.text)" >Contact Us</a> </li> <li> <a href="/working-at-cmhc" onclick="dl_Navigation('Footer',this.text)" >Careers</a> </li> </ul> </div>  <div> <h2>More</h2> <ul> <li> <a href="/cmhc-enewsletters" onclick="dl_Navigation('Footer',this.text)" >CMHC Newsletters</a> </li> <li> <a href="/library" onclick="dl_Navigation('Footer',this.text)" >CMHC Library</a> </li> <li> <a href="/blog" onclick="dl_Navigation('Footer',this.text)" >Housing Observer</a> </li> <li> <a href="/media-newsroom" onclick="dl_Navigation('Footer',this.text)" >Media Newsroom</a> </li> </ul> </div> <div class="footer-social"> <ul> <li> <a href="https://twitter.com/CMHC_ca" onclick="dl_Navigation('Footer',CMHC on Twitter')" > <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/socialmediaimgs/social-twitter.svg?rev=6f18b864-4420-4850-b24c-5a961279a565" alt="CMHC on Twitter" /> </a> </li> <li> <a href="https://www.linkedin.com/company/canada-mortgage-and-housing-corporation" onclick="dl_Navigation('Footer',CMHC on LinkedIn')" > <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/socialmediaimgs/social-linkedin.svg?rev=516c705b-18c5-474f-8ff8-fc1eb161e805" alt="CMHC on LinkedIn" /> </a> </li> <li> <a href="https://www.facebook.com/cmhc.schl" onclick="dl_Navigation('Footer',CMHC on Facebook')" > <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/socialmediaimgs/social-facebook.svg?rev=84caa20a-b961-4e8e-a059-056e34c49e8d" alt="CMHC on Facebook" /> </a> </li> <li> <a href="https://www.instagram.com/cmhc_schl/" onclick="dl_Navigation('Footer',CMHC on Instagram')" > <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/socialmediaimgs/social-instagram.svg?rev=95739e01-0c94-433f-8e05-0450c9aaa9e2" alt="CMHC on Instagram" /> </a> </li> <li> <a href="https://www.youtube.com/user/CMHCca" onclick="dl_Navigation('Footer',CMHC on YouTube')" > <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/socialmediaimgs/social-youtube.svg?rev=4bd38ce7-c151-4ea4-9888-bf707564ec71" alt="CMHC on YouTube" /> </a> </li> </ul> </div> </div> <div class="footer-bottom"> <div class="footer-smallprint"> <small> <a href="/about-us/privacy-policy" onclick="dl_Navigation('Footer',this.text)" >Privacy Policy</a> <span>   |   </span> <a href="/about-us/terms-conditions" onclick="dl_Navigation('Footer',this.text)" >Terms and Conditions</a> <span>   |   </span> <a href="/about-us/corporate-reporting/transparency" onclick="dl_Navigation('Footer',this.text)" >Transparency</a> <span>   |   </span> <a href="/about-us/corporate-reporting/transparency/accessibility-at-cmhc" onclick="dl_Navigation('Footer',this.text)" >Accessibility Plan</a> <span>   |   </span> <a href="/about-us/corporate-reporting/transparency/accessibility-feedback-process" onclick="dl_Navigation('Footer',this.text)" >Accessibility Feedback</a> <span>     </span> <span>Canada Mortgage and Housing Corporation (CMHC) ©2024 </span> </small> </div> <span id="Canada_logo"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/home/csps_canadawordmark_blackred.png?rev=a1e5ca3e-fb57-4c15-85ca-534bc8054395&la=en&h=58&w=240" title="" alt="Canada" /></span> </div> </div> </footer>  </div> <div id="loader" style="display: none; position: fixed; top: 0; left: 0; z-index: 9999; background-color: rgba(0,0,0,0.25); width: 100%; height: 100%;"> <img src="/content/project/cmhc/img/ajax-loader.gif" alt="loader icon" style="position: absolute; left: 50%; top: 50%;" /> </div> <script src="https://assets.cmhc-schl.gc.ca/global/scripts/feature/foundationcomponents/foundation.js?rev=e8aeb5ce-0383-4a09-bb74-ba19dfca29aa"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/feature/foundationcomponents/init/iconbar.js?rev=65f21f53-398c-44ae-b6c0-b060c6393497"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/feature/foundationcomponents/init/tabs.js?rev=d1345b4c-b63d-4870-a173-8b93b7268b02"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/ga/datalayer.js?rev=5d4b8c2c-6f98-4c40-bf36-5d19f4be875b"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/ga/datalayerfunctions.js?rev=5eb2e2f2-b80c-43e6-86da-e95cf04150c2"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/lib/jquery-ui.js?rev=00588372-e660-4845-a6e2-2d4f649929cc"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/lib/jqueryvalidatemin.js?rev=b9e3d59a-f765-47d2-9da3-d9e918f766ed"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/lib/jqueryuitouchpunch.js?rev=4d023821-dd54-4dfb-9b7c-04a7dd1fc658"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/cmhc.js?rev=9b9e9418-614a-4255-a662-0bba094f6859"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/cmhc-custom.js?rev=bc38245c-dfe7-43d0-afe7-a2b4f80f7a2c"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/includes/global-includes.js?rev=0ad4e175-667c-41ac-be2f-28b40fb5ecef"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/includes/cmhc-components.js?rev=7155db3c-0cda-4d3e-a179-e12505a35ebb"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/ia-ux/custom-js.js?rev=838f51ac-831b-4545-95fa-7548ff6d2c6c"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/includes/modal/modal-accessible.js?rev=7b0e4374-1c6d-4adb-9845-cd84c5d5ab37"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/includes/slickcarousel/slickcarousel-core.js?rev=efb0dce0-1d35-49c5-81b1-bdab55a45e1f"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/includes/owlcarousel/owlcarousel-core.js?rev=360073ab-2029-4aa6-8ba0-d65ec65944c5"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/cmhc-homepage.js?rev=33548ca2-f53f-4eab-9770-2b2e9ca1c649"></script>  <script type="text/javascript"> /*<![CDATA[*/ (function () { var sz = document.createElement("script"); sz.type = "text/javascript"; sz.async = true; sz.src = "//siteimproveanalytics.com/js/siteanalyze_8498.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> <script> SF = window.SF || {}; SF.PageID = '{4630FFB5-5E93-4E64-8276-481F949429EA}'; $(document).ready(function () { /* Commented below code to fix Accessibility Issue DMND0121822 FR003*/ //$('#label_mbs_Issuer').attr('for', 'mbs_Issuer'); //$('#label_AmortizationPeriod').attr('for', 'mc_AmortizationPeriod'); $('#label_Frequency').attr('for', 'mc_Frequency'); $("#ui-id-1-menu").on('click', function () { if (document.getElementsByClassName("ui-menu-item-wrapper ui-state-active") !== null && document.getElementsByClassName("ui-menu-item-wrapper ui-state-active") !== "" && document.getElementsByClassName("ui-menu-item-wrapper ui-state-active") !== undefined) { if (document.getElementsByClassName("ui-menu-item-wrapper ui-state-active").length > 0) { dl_Navigation('dropdown', document.getElementsByClassName("ui-menu-item-wrapper ui-state-active")[0].innerText); } } }); $("#geo-cities-menu").on('click', function () { var result = $("#geo-cities-button").text(); if (result !== "" && result !== null) { dl_Navigation('dropdown', result); } }); }) </script> </body> </html>

CINXE.COM

Canada Mortgage and Housing Corporation | CMHC