CINXE.COM

Mortgage Loan Insurance for Multi-Unit & Rental Housing | CMHC

<!DOCTYPE html> <html lang="en" itemscope itemtype="http://schema.org/WebPage"> <!--BEGIN NOINDEX--> <head> <meta name="VIcurrentDateTime" content="638679734675711015" /> <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/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance" /> <link rel="icon" href="/favicon-ie-16x16.ico" type="image/x-icon" /> <link rel='alternate' hreflang='en' href='https://www.cmhc-schl.gc.ca/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance' /><link rel='alternate' hreflang='fr' href='https://www.cmhc-schl.gc.ca/professionnels/financement-de-projets-et-financement-hypothecaire/assurance-pret-hypothecaire/assurance-pret-pour-immeubles-collectifs' /> <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>Mortgage Loan Insurance for Multi-Unit & Rental Housing | CMHC</title> <meta name="description" content="Find mortgage loan insurance solutions for lenders, offering financing options for multi-unit, retirement, supportive and student housing in Canada. " /> <meta name="keywords" content="CMHC mortgage loan insurance for multi-unit properties, Financing options for retirement housing Canada, Supportive housing loan insurance in Canada, Student housing mortgage loan insurance, Single room occupancy financing Canada, Mortgage loan insurance, Multi-unit residential properties" /> <!-- Open Graph data --> <meta property="og:title" content="CMHC’s Mortgage Loan Insurance for Multi-Unit and Rental Housing" /> <meta property="og:description" content="Find mortgage loan insurance solutions for lenders, offering financing options for multi-unit, retirement, supportive and student housing in Canada." /> <!-- Twitter Card data --> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="CMHC’s Mortgage Loan Insurance for Multi-Unit and Rental Housing" /> <meta name="twitter:description" content="Find mortgage loan insurance solutions for lenders, offering financing options for multi-unit, retirement, supportive and student housing in Canada." /> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P3TBKQ');</script> <!-- End Google Tag Manager --> <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" /><!-- Hotjar Tracking Code for https://www.cmhc-schl.gc.ca/ --> <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> <script src="/scripts/app_insight_monitoring.js"></script> </head> <!--END NOINDEX--> <body class="multi-unit-insurance" id=""> <!--BEGIN NOINDEX--> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3TBKQ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!--END NOINDEX--> <input type="hidden" id="hdnpagetype" value="Content Page" /> <input type="hidden" id="hdncontentlanguage" value="en" /> <div id="body-wrapper" class="cmhc-container"> <!--BEGIN NOINDEX--> <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&amp;h=142&amp;iar=0&amp;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="/professionnels/financement-de-projets-et-financement-hypothecaire/assurance-pret-hypothecaire/assurance-pret-pour-immeubles-collectifs" onclick="dl_CTA('FRAN&#199;AIS',this);languagecookie();" class="nav-language">FRAN&#199;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&amp;h=15&amp;iar=0&amp;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> <!-- Resources --> <div id="SearchResourcesProperties_b2ca531d7f944198ba4eff6b3e5fa911" 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='{&quot;Ascending&quot; : &quot;Ascending&quot; , &quot;Descending&quot; : &quot;Descending&quot; , &quot;Created By&quot; : &quot;Created by&quot; , &quot;Creation Time&quot; : &quot;Creation time.&quot; , &quot;Template&quot; : &quot;Template&quot; , &quot;Last Time Modified&quot; : &quot;Last time modified.&quot; , &quot;Uniform resource identifier&quot; : &quot;URI&quot; , &quot;Created&quot; : &quot;Created&quot; , &quot;Language&quot; : &quot;Language&quot; , &quot;Updated By&quot; : &quot;Updated by&quot; , &quot;Search is currently unavailable&quot; : &quot;Oops! Something went wrong on the server.&quot; , &quot;If the problem persists contact the administrator.&quot; : &quot;If the problem persists contact the administrator.&quot;}' data-sc-maximum-age='900000' data-sc-page-name='multi-unit-insurance' data-sc-page-name-full-path='/sitecore/content/CMHC/Sites/Main/Home/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance' 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/{5B3FAD2C-5F77-43A7-B521-40820DE1BC0A}?lang=en&amp;ver=2' data-sc-item-id='5b3fad2c-5f77-43a7-b521-40820de1bc0a' 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='[{&quot;fieldName&quot;:&quot;sysattachmentparentid&quot;,&quot;shouldEscape&quot;:false},{&quot;fieldName&quot;:&quot;permanentid&quot;,&quot;shouldEscape&quot;:false}]' data-sc-source-specific-fields='[{&quot;fieldName&quot;:&quot;attachmentparentid&quot;},{&quot;fieldName&quot;:&quot;author&quot;},{&quot;fieldName&quot;:&quot;clickableuri&quot;},{&quot;fieldName&quot;:&quot;collection&quot;},{&quot;fieldName&quot;:&quot;concepts&quot;},{&quot;fieldName&quot;:&quot;date&quot;},{&quot;fieldName&quot;:&quot;filetype&quot;},{&quot;fieldName&quot;:&quot;indexeddate&quot;},{&quot;fieldName&quot;:&quot;isattachment&quot;},{&quot;fieldName&quot;:&quot;language&quot;},{&quot;fieldName&quot;:&quot;printableuri&quot;},{&quot;fieldName&quot;:&quot;rowid&quot;},{&quot;fieldName&quot;:&quot;size&quot;},{&quot;fieldName&quot;:&quot;source&quot;},{&quot;fieldName&quot;:&quot;title&quot;},{&quot;fieldName&quot;:&quot;topparent&quot;},{&quot;fieldName&quot;:&quot;topparentid&quot;},{&quot;fieldName&quot;:&quot;transactionid&quot;},{&quot;fieldName&quot;:&quot;uri&quot;},{&quot;fieldName&quot;:&quot;urihash&quot;}]' > </div> <script type="text/javascript"> var endpointConfiguration = { itemUri: "sitecore://web/{5B3FAD2C-5F77-43A7-B521-40820DE1BC0A}?lang=en&amp;ver=2", siteName: "cmhc", restEndpointUri: "/coveo/rest" }; if (typeof (CoveoForSitecore) !== "undefined") { CoveoForSitecore.SearchEndpoint.configureSitecoreEndpoint(endpointConfiguration); CoveoForSitecore.version = "5.0.1227.1"; var context = document.getElementById("SearchResourcesProperties_b2ca531d7f944198ba4eff6b3e5fa911"); 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&amp;h=15&amp;iar=0&amp;w=19" alt="" width="19" height="15" /> <span class="menutext">MENU</span> </a> </div> </div> </div> <!--ToTestCheckin--> <nav> <span id="close-menu"> &times; </span> <a href="/" onclick="dl_CTA('FRAN&#199;AIS',this);languagecookie();" class="nav-language">FRAN&#199;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&#39;s condominium buyer&#39;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&#39;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&lt;br&gt;');" 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&#39;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&amp;#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&#8209;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&#39;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&amp;rsquo;s Insured Mortgage Deferral');" href="/about-us/corporate-reporting/mortgage-deferral-numbers" class=" ">CMHC&rsquo;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">&nbsp;</div> </nav> </div> </header> <!--END NOINDEX--> <main> <a name="maincontent"></a> <section id="maincontent" class="main-content clear-fix" data-disclaimer="False" style="display:none;"> <div class="column expanded ia-twoplusone padding-top-bottom-20 bgcolor-white"> <div class="row bgcolor-white"> <div class="large-8 medium-8 small-12 columns"> <!--BEGIN NOINDEX--> <div class="breadcrumb ia-breadcrumb"> <div> <ul> <li class="font-18 color-blue "> <a href="/" onclick='dl_CTA("Home",this);'>Home</a> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon-chevron-right.svg?rev=ab95865d-5030-4a5f-93c2-1296ae042531&amp;iar=0" class="breadcrumb-chevron" alt="" /> </li> <li class="font-18 color-blue "> <a href="/professionals" onclick='dl_CTA("Professionals",this);'>Professionals</a> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon-chevron-right.svg?rev=ab95865d-5030-4a5f-93c2-1296ae042531&amp;iar=0" class="breadcrumb-chevron" alt="" /> </li> <li class="font-18 color-blue "> <a href="/professionals/project-funding-and-mortgage-financing" onclick='dl_CTA("Project funding and mortgage financing",this);'>Project funding and mortgage financing</a> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon-chevron-right.svg?rev=ab95865d-5030-4a5f-93c2-1296ae042531&amp;iar=0" class="breadcrumb-chevron" alt="" /> </li> <li class="font-18 color-blue "> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance" onclick='dl_CTA("Mortgage Loan Insurance Products",this);'>Mortgage Loan Insurance Products</a> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon-chevron-right.svg?rev=ab95865d-5030-4a5f-93c2-1296ae042531&amp;iar=0" class="breadcrumb-chevron" alt="" /> </li> <li class="active color-grey font-18">Multi-Unit and Rental Housing</li> </ul> </div> </div> <!--END NOINDEX--> </div> <div class="large-4 medium-4 small-12 columns"> <!--BEGIN NOINDEX--> <div class="action-icons"> <div class="action-button text-right"> <ul> <li class="text-center"> <a id="addToFolderCall" class="addtofldr" href="/api/sitecore/B2CAuthentication/%20SignIn"> <div class="action-imgicon bgcolor-blue bgcolordarkblue-hover"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/banneractions/icon-folder.png?rev=b0247182-c649-498a-83b7-2de4b3d8de52&amp;la=en&amp;h=100&amp;w=100" title="Save" alt="" /> </div> <span class="font-11 color-blue font-normal text-uppercase">Save</span> </a> </li> <li class="text-center"> <a href="#shareDeveloping" rel="modal:open"> <div class="action-imgicon bgcolor-blue bgcolordarkblue-hover"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/banneractions/icon-share.png?rev=9e3c1cf5-a61d-4907-a0a7-a560bb4a68d9&amp;la=en&amp;h=100&amp;w=100" title="Share" alt="" /> </div> <span class="font-11 color-blue font-normal text-uppercase">Share</span> </a> </li> </ul> </div> </div> <!--END NOINDEX--> <script type="text/javascript"> $(document).ready(function () { isusrlogged(); }); function subsModalOpen() { $('#subscribe-developing').modal(); } function isusrlogged() { $.ajax({ url: '/api/sitecore/AccountManagement/Logged', data: {}, type: "GET", success: function (result) { if (result !== null && result.Data === true) { $(".addtofldr").removeAttr('href'); $(".addtofldr").attr('onclick', 'folderModalCall();'); $(".addtofldr").on('click', folderModalCall); $(".subsfldr").attr('href', '#subscribe-developing'); $(".subsfldr").attr('onclick', 'subsModalOpen();'); $(".subsfldr").on('click', subsModalOpen); $(".exportCalculation").attr('href', '#export-calculation'); $(".exportCalculation").attr('onclick', 'ExportthisPDF();'); if ($.isFunction(window.ExportthisPDF)) { $(".exportCalculation").on('click', ExportthisPDF); //Only invoke a method when it's availabe } } else { $(".addtofldr").attr('href', '/api/sitecore/B2CAuthentication/SignIn'); $(".addtofldr").removeAttr('onclick'); $(".subsfldr").attr('href', '/api/sitecore/B2CAuthentication/SignIn'); $(".subsfldr").removeAttr('onclick'); } }, error: function (error) { } }); } </script> </div> </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-image-component { position: relative; width: 100%; } .custom-image-component-background-content { display: flex; flex-direction: row; max-width: 920px; margin: auto; height: 100%; width: 100%; position: relative; align-items: center; } .custom-image-component-background-content-left, .custom-image-component-background-content-right { width: 50%; padding: 30px; opacity: 0.9; margin: 10px; } .custom-image-component-background-content-left p, .custom-image-component-background-content-left span, .custom-image-component-background-content-left ul li, .custom-image-component-background-content-right p, .custom-image-component-background-content-right span, .custom-image-component-background-content-right ul li { font-size: 1.125rem; line-height: 1.5; font-weight: normal; margin-bottom: 10px; } .custom-image-component-background-content-left h1, .custom-image-component-background-content-left h2, .custom-image-component-background-content-left h3, .custom-image-component-background-content-right h1, .custom-image-component-background-content-right h2, .custom-image-component-background-content-right h3 { font-size: 2.5rem; line-height: 1.125; font-weight: bold; margin-bottom: 10px; } .custom-image-component-caption-content { max-width: 920px; margin: auto; padding: 5px 0; } @media screen and (max-width: 920px) { .custom-image-component-background-content { padding: 3em; } .custom-image-component-caption-content { padding: 5px 3em; } } @media screen and (max-width: 768px) { .custom-image-component-background-content { flex-direction: column; justify-content: center; align-items: center; } .custom-image-component-background-content-left, .custom-image-component-background-content-right { width: 100%; } } @media screen and (max-width: 600px) { .custom-image-component-background { padding: 3em; } .custom-image-component-background-content { padding: 0; } } </style> <div id="imageComponentOne" class="custom-image-component"> <div class="custom-image-component-header"></div> <div class="custom-image-component-background"> <div class="custom-image-component-background-content"> <div class="custom-image-component-background-content-left"> <h1>Mortgage Loan Insurance Solutions for Lenders</h1> </div> <div class="custom-image-component-background-content-right"> </div> </div> </div> <div class="custom-image-component-caption"> <div class="custom-image-component-caption-content"></div> </div> <div class="custom-image-component-footer"></div> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { "handleBarBackgroundColor": "#00093a", "enableTopNotch": false, "topNotchColor": "#fff", "enableBottomNotch": false, "bottomNotchColor": "#00093a", "headerColor": "#fff", "footerColor": "#fff", "captionBackgroundColor": "#f7f7f7", "captionColor": "#00093a", "imageLeftContentColor": "#00093a", "imageRightContentColor": "#00093a", "imageLeftContentBackgroundColor": "#fff", "imageRightContentBackgroundColor": "#fff", "imageSrc": "https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/images/hero-mli-multi-unit.jpg", "imageWidth": "100%", "imageHeight": "32vw" } ; // set default data for the component var defaultData = { handleBarBackgroundColor: "#fff", enableTopNotch: false, enableBottomNotch: false, topNotchColor: "#fff", bottomNotchColor: "#fff", headerColor: "#00093a", footerColor: "#00093a", captionColor: "#00093a", captionBackgroundColor: "#f7f7f7", imageLeftContentColor: "#00093a", imageRightContentColor: "#00093a", imageLeftContentBackgroundColor: "#fff", imageRightContentBackgroundColor: "#fff", imageBackgroundColor: "#fff", imageSrc: "", imageWidth: "100%", imageHeight: "32vw", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#imageComponentOne"); $("head").append( `<style type="text/css"> #imageComponentOne .custom-image-component-header h1, #imageComponentOne .custom-image-component-header h2, #imageComponentOne .custom-image-component-header h3, #imageComponentOne .custom-image-component-header p, #imageComponentOne .custom-image-component-header span, #imageComponentOne .custom-image-component-header ul li #imageComponentOne .custom-image-component-header .quote-person-1 .content-sm q, #imageComponentOne .custom-image-component-header .quote-person-1 .content-sm footer { color: ${configData.headerColor}; } #imageComponentOne .custom-image-component-footer h1, #imageComponentOne .custom-image-component-footer h2, #imageComponentOne .custom-image-component-footer h3, #imageComponentOne .custom-image-component-footer p, #imageComponentOne .custom-image-component-footer span, #imageComponentOne .custom-image-component-footer ul li, #imageComponentOne .custom-image-component-footer .quote-person-1 .content-sm q, #imageComponentOne .custom-image-component-footer .quote-person-1 .content-sm footer { color: ${configData.footerColor}; } #imageComponentOne .custom-image-component-background-content-left { background-color: ${configData.imageLeftContentBackgroundColor}; visibility: ${`<h1>Mortgage Loan Insurance Solutions for Lenders</h1>`.length ? "initial" : "hidden"}; } #imageComponentOne .custom-image-component-background-content-right { background-color: ${configData.imageRightContentBackgroundColor}; visibility: ${``.length ? "block" : "hidden"}; } #imageComponentOne .custom-image-component-background-content-left h1, #imageComponentOne .custom-image-component-background-content-left h2, #imageComponentOne .custom-image-component-background-content-left h3, #imageComponentOne .custom-image-component-background-content-left p, #imageComponentOne .custom-image-component-background-content-left span, #imageComponentOne .custom-image-component-background-content-left ul li, #imageComponentOne .custom-image-component-background-content-left .quote-person-1 .content-sm q, #imageComponentOne .custom-image-component-background-content-left .quote-person-1 .content-sm footer { color: ${configData.imageLeftContentColor}; } #imageComponentOne .custom-image-component-background-content-right h1, #imageComponentOne .custom-image-component-background-content-right h2, #imageComponentOne .custom-image-component-background-content-right h3, #imageComponentOne .custom-image-component-background-content-right p, #imageComponentOne .custom-image-component-background-content-right span, #imageComponentOne .custom-image-component-background-content-right ul li, #imageComponentOne .custom-image-component-background-content-right .quote-person-1 .content-sm q, #imageComponentOne .custom-image-component-background-content-right .quote-person-1 .content-sm footer { color: ${configData.imageRightContentColor}; } #imageComponentOne .custom-image-component-caption .custom-image-component-caption-content h1, #imageComponentOne .custom-image-component-caption .custom-image-component-caption-content h2, #imageComponentOne .custom-image-component-caption .custom-image-component-caption-content h3, #imageComponentOne .custom-image-component-caption .custom-image-component-caption-content p, #imageComponentOne .custom-image-component-caption .custom-image-component-caption-content span, #imageComponentOne .custom-image-component-caption .custom-image-component-caption-content ul li, #imageComponentOne .custom-image-component-caption .custom-image-component-caption-content .quote-person-1 .content-sm q, #imageComponentOne .custom-image-component-caption .custom-image-component-caption-content .quote-person-1 .content-sm footer { color: ${configData.captionColor}; } </style>` ); var backgroundImageElement = componentElement.find( ".custom-image-component-background" ); function applyImageStyles() { if (configData.imageSrc.length) { if ($(window).width() < 920) { $(backgroundImageElement[0]).css({ backgroundImage: `url("${configData.imageSrc}")`, backgroundRepeat: "no-repeat", backgroundSize: "cover", backgroundPosition: "center", height: "auto", width: configData.imageWidth, backgroundColor: configData.imageBackgroundColor, }); } else { $(backgroundImageElement[0]).css({ backgroundImage: `url("${configData.imageSrc}")`, backgroundRepeat: "no-repeat", backgroundSize: "cover", height: configData.imageHeight, width: configData.imageWidth, backgroundColor: configData.imageBackgroundColor, }); } } } // Initial call to apply styles applyImageStyles(); // Listen for resize event $(window).on("resize", function () { // Reapply styles when window is resized applyImageStyles(); }); var captionElement = componentElement.find( ".custom-image-component-caption" ); captionElement.css({ backgroundColor: configData.captionBackgroundColor, }); // adjust margins var headerContent = componentElement.find(".custom-image-component-header"); if (headerContent[0].innerHTML.length) { componentElement.css({ paddingTop: "3em", }); $(backgroundImageElement[0]).css({ marginTop: "2em", }); } var footerContent = componentElement.find(".custom-image-component-footer"); if (footerContent[0].innerHTML.length) { componentElement.css({ paddingBottom: "3em", }); } // check if we have caption, add padding below the caption otherwise add it below the image var captionContent = componentElement.find( ".custom-image-component-caption-content" ); if (captionContent[0].innerHTML.length) { captionElement.css({ marginBottom: "2em", }); } else { captionElement.css({ display: "none", }); } 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 to match handlebar template's background 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 to match handlebar template's background color notchElement.style.borderTopColor = configData.bottomNotchColor; // add notch to handlebar template handlebarTemplate.append(notchElement); } }); </script> <!-- Variable used for custom styling using the style tag --> </div> </div> <!--BEGIN NOINDEX--> <div id="add-to-folder"> <input name="__RequestVerificationToken" type="hidden" value="zqzQ8hqzWmx_3UiRm8gD77G9Oc1YWyqdKqepI3b916-qmLorhDjbuXzXaAN9_HAftndcLy7riLF1z5225OxjZBx8Rtak_BPAMTVMfWEOTv01" /> <div id="addToFolderDeveloping" class="dialog modal-added-to-folder modal" style="display:none"> <input type="hidden" id="itemguid" value="{5B3FAD2C-5F77-43A7-B521-40820DE1BC0A}" /> <input type="hidden" id="itemTitle" value="Mortgage Loan Insurance Solutions for Lenders" /> <input type="hidden" id="itemTemplateName" value="Content Page" /> <input type="hidden" id="itemParentID" value="{2A00D094-CB0B-47D0-AAC3-ED97F5524BFC}" /> <div class="modal-icon"> <img alt="Save Icon" src="/Content/project/cmhc/img/icon-folder.svg" /> </div> <div class="modal-center"> <h3>SAVE TO MY FOLDER</h3> <h4>Mortgage Loan Insurance Solutions for Lenders</h4><div class="button-component"><a class="button" id="add-folder">SAVE</a></div> <label class="small"> <input type="checkbox" id="dont-show" value="0"> Don’t show this, just save it </label> </div> <footer class="footer-links custom-footer-margin"> <a href="#close-modal" rel="modal:close">Close this Window</a> <a class="nounderline">&nbsp;&nbsp;|&nbsp;&nbsp;</a> <a href="/my-folder">Manage my Folder</a> </footer> </div> </div> <!--END NOINDEX--> <!--BEGIN NOINDEX--> <div id="addToFolderSuccess" class="dialog modal-added-to-folder-done modal" style="display:none"> <div class="modal-icon"> <img alt="Save Icon" src="/Content/project/cmhc/img/icon-folder.svg" /> </div> <div class="modal-center"> <h3>SAVE TO MY FOLDER</h3> <h4>Mortgage Loan Insurance Solutions for Lenders</h4> <div class="subscribe-done"> <img alt="Done" src="/Content/project/cmhc/img/icon-check-round.svg" width="45" height="45"> Done! </div> </div> <footer class="footer-links custom-footer-margin"> <a href="#close-modal" rel="modal:close">Close this Window</a> <a class="nounderline">&nbsp;&nbsp;|&nbsp;&nbsp;</a> <a href="/my-folder">Manage my Folder</a> </footer> </div> <!--END NOINDEX--> <script type="text/javascript"> function folderModalCall() { if (getFolderCookie()) { savetomyfolder(); } else { $('#addToFolderDeveloping').modal(); } } $('#add-folder').on('click', function () { savetomyfolder(); }); function savetomyfolder() { var token = $("#add-to-folder").children($('input[name="__RequestVerificationToken"]')).val(); $.ajax({ url: '/api/sitecore/AddToFolder/AddToFolder', data: { currentItemID: $('#itemguid').val(), currentPageTitleEncoded: encodeURI($('#itemTitle').val()), currentPageTemplateName: $('#itemTemplateName').val(), __RequestVerificationToken: token }, type: "POST", success: function (result) { if (result != null && result != undefined) { if (result.Result == true) { $('#addToFolderDeveloping').hide(); $('#addToFolderSuccess').modal(); dl_Savetofolder(); if ($('#dont-show')[0].checked) { document.cookie = "Folder=AutoAddtoFolder;"; $("#addToFolderDeveloping").attr("id", "addToFolderDevelopingchecked"); $("#addToFolderSuccess").attr("id", "addToFolderDeveloping"); } } else if (result.data == "duplicate") { dl_Savetofolder(); alert("Already added to my folder"); } } else { console.log(result); } }, error: function (error) { console.log("Unable to add to folder", error); } }); } function getFolderCookie() { var decodedCookie = document.cookie; var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; if (c == "Folder=AutoAddtoFolder") { return true; } } return false; } </script> <!--BEGIN NOINDEX--> <div id="shareDeveloping" class="dialog modal modal-share" style="display:none"> <input type="hidden" id="resultPage" value="0" /> <div class="modal-icon"> <img src="/Content/project/cmhc/img/icon-share.svg" alt="Share icon"> </div> <h3>Share via </h3> <ul id="pageList"> <li> <a onclick='dl_Socialshare("Facebook");' href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fwww.cmhc-schl.gc.ca%2fprofessionals%2fproject-funding-and-mortgage-financing%2fmortgage-loan-insurance%2fmulti-unit-insurance%3frev%3dd5aff49c-dfae-47ab-b6b7-4c24f58fb195&amp;redirect_uri=https://www.facebook.com/" target="_blank"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/fb.png?rev=58e1da75-32b3-4b94-b7c4-fd9a403a7f5f" alt="Facebook" /> </a> </li> <li> <a onclick='dl_Socialshare("LinkedIn");' href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https%3a%2f%2fwww.cmhc-schl.gc.ca%2fprofessionals%2fproject-funding-and-mortgage-financing%2fmortgage-loan-insurance%2fmulti-unit-insurance%3frev%3dd5aff49c-dfae-47ab-b6b7-4c24f58fb195" target="_blank"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/linkedin.png?rev=73141be7-8ec0-4473-9844-85fc1bc3f021" alt="LinkedIn" /> </a> </li> <li> <a onclick='dl_Socialshare("Mail");' href="#shareVia" rel="modal:open"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/mail-blue.png?rev=50aba00e-3c7f-4c3f-8894-3ebbe06e2eb0" alt="Mail" /> </a> </li> <li> <a onclick='dl_Socialshare("");' href="https://twitter.com/intent/tweet?text=https%3a%2f%2fwww.cmhc-schl.gc.ca%2fprofessionals%2fproject-funding-and-mortgage-financing%2fmortgage-loan-insurance%2fmulti-unit-insurance%3frev%3dd5aff49c-dfae-47ab-b6b7-4c24f58fb195" target="_blank"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/social-twitter-bkg.svg?rev=ee07ac86-8703-4a5b-a07c-8578839b95a0" alt="" /> </a> </li> <li> <a onclick='dl_Socialshare("print");' href="javascript: window.print(); " > <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/print.png?rev=be86874d-713c-474a-a28d-7bdef2f093fd" alt="print" /> </a> </li> <li> <a onclick='copyPageToClipboard();'> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/copy-link-icon.png?rev=77c79f8d-201d-46dc-a876-ac3ef7979336" id="CopyLink" alt="CopyLink" /> </a> </li> </ul> <p style="display:none;" id="SuccessCopylink"> <img id="SuccessCopyLink" src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/icon-check-blue.svg?rev=60d06e4c-2999-4d9d-aa1f-f29e7c3cb830" alt="SuccessCopyLinkVersion" />Link copied</p> </div> <!--END NOINDEX--> <input type="hidden" value="{F56D03B0-D1F9-4C79-9863-870DDE886A57}" id="email-template-id" /> <!--BEGIN NOINDEX--> <div id="shareDevelopingPDF" class="dialog modal modal-share" style="display:none"> <input type="hidden" id="logined_user" value="False" /> <div class="modal-icon"> <img src="/Content/project/cmhc/img/icon-share.svg" alt="Share icon"> </div> <h3>Share via </h3> <ul id="versionList"> <li> <a onclick='dl_Socialshare("Facebook");' href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fwww.cmhc-schl.gc.ca%2fprofessionals%2fproject-funding-and-mortgage-financing%2fmortgage-loan-insurance%2fmulti-unit-insurance%3frev%3dd5aff49c-dfae-47ab-b6b7-4c24f58fb195&amp;redirect_uri=https://www.facebook.com/" id="Facebook" target="_blank"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/fb.png?rev=58e1da75-32b3-4b94-b7c4-fd9a403a7f5f" alt="Facebook" /> </a> </li> <li> <a onclick='dl_Socialshare("LinkedIn");' href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https%3a%2f%2fwww.cmhc-schl.gc.ca%2fprofessionals%2fproject-funding-and-mortgage-financing%2fmortgage-loan-insurance%2fmulti-unit-insurance%3frev%3dd5aff49c-dfae-47ab-b6b7-4c24f58fb195" id="LinkedIn" target="_blank"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/linkedin.png?rev=73141be7-8ec0-4473-9844-85fc1bc3f021" alt="LinkedIn" /> </a> </li> <li> <a onclick='dl_Socialshare("Mail");' href="#shareVia" rel="modal:open"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/mail-blue.png?rev=50aba00e-3c7f-4c3f-8894-3ebbe06e2eb0" alt="Mail" /> </a> </li> <li> <a onclick='dl_Socialshare("");' href="https://twitter.com/intent/tweet?text=https%3a%2f%2fwww.cmhc-schl.gc.ca%2fprofessionals%2fproject-funding-and-mortgage-financing%2fmortgage-loan-insurance%2fmulti-unit-insurance%3frev%3dd5aff49c-dfae-47ab-b6b7-4c24f58fb195" id="" target="_blank"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/social-twitter-bkg.svg?rev=ee07ac86-8703-4a5b-a07c-8578839b95a0" alt="" /> </a> </li> <li> <a onclick='dl_Socialshare("print");' href="javascript: window.print(); " id="print" > <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/print.png?rev=be86874d-713c-474a-a28d-7bdef2f093fd" alt="print" /> </a> </li> <li> <a tabindex="0" onclick='copyToClipboard();'> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/copy-link-icon.png?rev=77c79f8d-201d-46dc-a876-ac3ef7979336" id="CopyLinkVersion" alt="CopyLink" class="copyLink" /> </a> </li> </ul> <p style="display:none;" id="SuccessShareCopylink"> <img id="SuccessshareCopyLinkimg" src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/share/icon-check-blue.svg?rev=60d06e4c-2999-4d9d-aa1f-f29e7c3cb830" alt="SuccessCopyLinkVersion" />Link copied</p> </div> <!--END NOINDEX--> <!--BEGIN NOINDEX--> <div id="shareVia" class="dialog modal-email-share-withsignature common-share-email modal" style="display:none"> <div class="modal-icon"> <img src="/Content/project/cmhc/img/icon-share.svg" alt="share icon"> </div> <h3> <img alt="Mail-blue" class="share-grey-icon" src="/content/project/cmhc/img/mail-blue.png" /> Share via Email </h3> <form class="share-email modalContainer" id="share-email" method="get" action="#"> <input name="__RequestVerificationToken" type="hidden" value="7VO0SIDK3fCgYCsoSeIH557ehypH2aiLkcOLfAIvSWWzy7jCda-WUw-gu5OBTh3-SCEB3XfjPhwDD2qUFZorMETt1qdbej6S0TUSnEEjhOY1" /> <label for="sh_name">Recipient Name</label> <input type="text" id="sh_name" maxlength="250" /> <label for="sh_Email">Recipient Email*</label> <input type="text" id="sh_Email" name="sh_Email" maxlength="250" /> <label for="sh_Comment">Comment</label> <textarea id="sh_Comment" rows="4" cols="50" name="sh_Comment" maxlength="250">I thought you might find this interesting. </textarea> <label for="sh_YourName"> Your Name*</label> <input type="text" id="sh_YourName" name="sh_YourName" maxlength="250" /> <div class="help-tip-box"> <img class="blue-bulb" src="https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/imgs/icons/icon-bulb.svg" alt=""> <h5>Did You Know?</h5> <p>You can include an email signature?</p> <p><a href="/cmhc-registration">Register</a> | <a href="/api/sitecore/B2CAuthentication/SignIn">Sign In</a></p> <span class="help-tip-close">×</span> </div> <div class="shareicon-captcha"> <div class="g-recaptcha" data-sitekey="6LcufcAUAAAAALhJMglZEwomYwq2emuNR_kjyKnz" data-callback="recapCallback"> </div> <img class="gcaploader" style="display:none" src="/Content/img/loader.gif" alt="Google Captcha Loader" /> <label class="g-recaptcha-err error"> <span style="display:none">Empty Label accessibility fix</span></label> <input type="hidden" name="gcapreq" value="Captcha validation required " /> <input type="hidden" name="gcapvalfailed" value="Captcha validation failed" /> </div> <div id="email" class="button-panel"> <input type="button" onclick="dl_Socialshare('email');" value="Share"> </div> </form> <fieldset class="validation"> <input type="hidden" id="sh_Email_required" value="You must enter a Email" /> <input type="hidden" id="sh_Email_email" value="Please enter valid email address" /> <input type="hidden" id="sh_YourName_required" value="You must enter your name" /> </fieldset> </div> <!--END NOINDEX--> <!--BEGIN NOINDEX--> <div id="sharesuccess" class="dialog modal-share-email-done modal" style="display:none"> <div class="modal-icon"> <img src="/Content/project/cmhc/img/icon-share.svg" alt="share icon"> </div> <h3> <img alt="Mail-blue" class="share-grey-icon" src="/content/project/cmhc/img/mail-blue.png" /> Share via Email </h3> <div class="modal-center"> <div class="subscribe-done"> <img alt="Done" src="/Content/project/cmhc/img/icon-check-round.svg" width="45" height="45"> <span>Done!</span> </div> </div> <footer class="footer-links custom-footer-margin"> <a href="#close-modal" rel="modal:close">Close this window</a> </footer> </div> <!--END NOINDEX--> <script type="text/javascript"> $(document).ready(function () { var baseurl = decodeURIComponent(window.location.href); var url = baseurl.slice(baseurl.indexOf('?') + 1).split('&'); for (var i = 0; i < url.length; i++) { var urlparam = url[i].split('='); var key = urlparam[0]; var value = urlparam[1]; if (key == "openEmailShare") { if (value) { var originalurl = removeURLParameter(window.location.href, "openEmailShare"); window.history.pushState({ path: originalurl }, '', originalurl); $('#shareVia').modal(); } } } }); var fenabled = 'True'.toLowerCase(); var rcapValue function recapCallback(d) { rcapValue = d; } function resetSocialCaptcha() { rcapValue = ''; grecaptcha.reset(0) } function showCaptchaErrorSocial(msg) { $('.shareicon-captcha>.g-recaptcha-err').css('color', 'red'); $('.shareicon-captcha>.g-recaptcha-err').html(msg); $('.shareicon-captcha>.g-recaptcha-err').show(); } function copyToClipboard() { var text = document.getElementById("CopyLink"); var copytext = text.attributes.value.nodeValue; var clipBoardElem = document.createElement("input"); document.body.appendChild(clipBoardElem); clipBoardElem.value = copytext; clipBoardElem.select(); var successfulCopy = document.execCommand('copy'); $("#SuccessShareCopylink").attr("role","alert"); $("#SuccessShareCopylink").show(); setTimeout(function () { $("#SuccessShareCopylink").attr("role",""); $("#SuccessShareCopylink").hide() $("pageList").children("refresh"); }, 4000); } function copyPageToClipboard() { var copytext = decodeURIComponent(window.location.href); var clipBoardElem = document.createElement("input"); document.body.appendChild(clipBoardElem); clipBoardElem.value = copytext; clipBoardElem.select(); var successfulCopy = document.execCommand('copy'); $("#SuccessCopylink").attr("role","alert") $("#SuccessCopylink").show(); setTimeout(function () { $("#SuccessCopylink").attr("role","") $("#SuccessCopylink").hide(); $("pageList").children("refresh"); }, 4000); } var queryUrl = 0, email, username; var queryShareUrl = ""; $(function () { $('#share-email').validate(); var Comment = $('#sh_Comment').val(); $('#email').on('click', function () { if ($('#logined_user').val() == "True") { username = $('#sh_YourName').val(); if (document.getElementById('addEmail').checked) { email = $('#sh_Email').val() + "," + $('#logined_user_email').val(); } else { email = $('#sh_Email').val(); } } else { email = $('#sh_Email').val(); } if ($('#share-email').valid()) { if (fenabled === 'true' && (rcapValue === undefined || rcapValue === '')) { rcapValue = grecaptcha.getResponse() if (rcapValue == undefined || rcapValue == '') { var mreq = $('input[name ="gcapreq"]').val(); showCaptchaErrorSocial(mreq); return; } } $("#email").find('input').prop("disabled", true); //disable the button from multiple click, resulting in multiple email var token = $("#share-email").children($('input[name="__RequestVerificationToken"]')).val(); var shareEmailModel = { "ToAddress":email, "SharedItemId": $('#resultPage').val()==0?"5B3FAD2C-5F77-43A7-B521-40820DE1BC0A":"2A00D094-CB0B-47D0-AAC3-ED97F5524BFC", "SenderName": $('#sh_YourName').val(), "RecipientName": $('#sh_name').val(), "Comment": $('#sh_Comment').val(), "EmailTemplateItemId": $('#email-template-id').val(), "recaptcha": rcapValue, "ShareUrlQueryString": queryShareUrl !== '' ? queryShareUrl : '', "__RequestVerificationToken" : token }; queryUrl = 0; $.ajax({ url: '/api/sitecore/CMHC/SendShareEmail', data: shareEmailModel, type: "POST", success: function (data) { $("#email").find('input').prop("disabled", false); $('form#share-email')[0].reset(); $('#sharesuccess').modal(); resetSocialCaptcha(); return false; }, error: function (err) { resetSocialCaptcha(); $("#email").find('input').prop("disabled", false); console.log(err); } }); } }); }); </script> <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="featureTiles1-mlu" class="custom-feature-tiles"> <div class="custom-feature-tiles-header"><h2 class="text-center">Mortgage Loan Insurance for Affordable Multi-unit and Market Rental Housing</h2></div> <div class="custom-feature-tiles-content"><p class="text-center">As the only provider of mortgage loan insurance for multi-unit residential properties in Canada, CMHC supports the construction, purchase and refinancing of a variety of multi-unit rental properties.</p></div> <div class="custom-feature-tiles-items"><div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"></div> <div class="custom-feature-tiles-item-header"> <h3> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance/standard-rental-housing" >Standard Rental Housing</a > </h3> </div> <div class="custom-feature-tiles-item-content"> <p> Provides greater financing choices to borrowers offering standard rental housing accommodations in multi-unit residential buildings. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"></div> <div class="custom-feature-tiles-item-header"> <h3> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance/retirement-housing" >Retirement Housing</a > </h3> </div> <div class="custom-feature-tiles-item-content"> <p> Provides greater financing options to borrowers offering retirement housing for seniors. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"></div> <div class="custom-feature-tiles-item-header"> <h3> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance/supportive-housing" >Supportive Housing</a > </h3> </div> <div class="custom-feature-tiles-item-content"> <p> Provides financing choices to borrowers providing supportive housing to help tenants stabilize their lives, enhance their independent living skills, and reconnect with their communities. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"></div> <div class="custom-feature-tiles-item-header"> <h3> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance/student-housing" >Student Housing</a > </h3> </div> <div class="custom-feature-tiles-item-content"> <p> Provides financing choices to borrowers offering purpose-built student housing both on- and off-campus. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"></div> <div class="custom-feature-tiles-item-header"> <h3> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance/single-room-occupancy" >Single Room Occupancy</a > </h3> </div> <div class="custom-feature-tiles-item-content"> <p> Provides greater financing choices to borrowers providing single private room accommodations within a multiple tenant building. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"></div> <div class="custom-feature-tiles-item-header"> <h3> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance/mliselect" >MLI Select</a > </h3> </div> <div class="custom-feature-tiles-item-content"> <p> Access reduced premiums and longer amortization periods based on your client&rsquo;s level of commitment to affordability, accessibility and climate compatibility. </p> </div> <div class="custom-feature-tiles-item-button"></div> </div> </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": "#fff", "enableTopNotch": false, "enableBottomNotch": false, "topNotchColor": "#f7f7f7", "bottomNotchColor": "#f7f7f7", "borderTopColor": "#00093a", "borderLeftRightBottomColor": "#e5e5e5", "headerColor": "#00093a", "contentColor": "#656565", "footerColor": "#00093a", "tileHeaderColor": "#00093a", "tileContentBackgroundColor": "#fff", "tileContentColor": "#656565", "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 = $("#featureTiles1-mlu"); 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"> #featureTiles1-mlu .custom-feature-tiles-items { grid-template-columns: ${numberOfCols}; } #featureTiles1-mlu .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}; } #featureTiles1-mlu .custom-feature-tiles-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background-color: ${configData.borderTopColor}; } #featureTiles1-mlu .custom-feature-tiles-header h1, #featureTiles1-mlu .custom-feature-tiles-header h2, #featureTiles1-mlu .custom-feature-tiles-header h3, #featureTiles1-mlu .custom-feature-tiles-header p, #featureTiles1-mlu .custom-feature-tiles-header span, #featureTiles1-mlu .custom-feature-tiles-header ul li { color: ${configData.headerColor}; } #featureTiles1-mlu .custom-feature-tiles-content h1, #featureTiles1-mlu .custom-feature-tiles-content h2, #featureTiles1-mlu .custom-feature-tiles-content h3, #featureTiles1-mlu .custom-feature-tiles-content p, #featureTiles1-mlu .custom-feature-tiles-content span, #featureTiles1-mlu .custom-feature-tiles-content ul li { color: ${configData.contentColor}; } #featureTiles1-mlu .custom-feature-tiles-footer h1, #featureTiles1-mlu .custom-feature-tiles-footer h2, #featureTiles1-mlu .custom-feature-tiles-footer h3, #featureTiles1-mlu .custom-feature-tiles-footer p, #featureTiles1-mlu .custom-feature-tiles-footer span, #featureTiles1-mlu .custom-feature-tiles-footer ul li { color: ${configData.footerColor}; } #featureTiles1-mlu .custom-feature-tiles-item-header h1, #featureTiles1-mlu .custom-feature-tiles-item-header h2, #featureTiles1-mlu .custom-feature-tiles-item-header h3, #featureTiles1-mlu .custom-feature-tiles-item-header p, #featureTiles1-mlu .custom-feature-tiles-item-header span, #featureTiles1-mlu .custom-feature-tiles-item-header ul li { color: ${configData.tileHeaderColor}; } #featureTiles1-mlu .custom-feature-tiles-item-content h1, #featureTiles1-mlu .custom-feature-tiles-item-content h2, #featureTiles1-mlu .custom-feature-tiles-item-content h3, #featureTiles1-mlu .custom-feature-tiles-item-content p, #featureTiles1-mlu .custom-feature-tiles-item-content span, #featureTiles1-mlu .custom-feature-tiles-item-content a, #featureTiles1-mlu .custom-feature-tiles-item-content ul li { color: ${configData.tileContentColor}; } #featureTiles1-mlu .custom-feature-tiles-item-content ul { margin-left: 1em; list-style: disc; } @media screen and (max-width: 1024px) { #featureTiles1-mlu .custom-feature-tiles-items { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 720px) { #featureTiles1-mlu .custom-feature-tiles-items { grid-template-columns: 1fr; } #featureTiles1-mlu .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> <!-- Variable used for custom styling using the style tag --> </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-hero-banner-v2 { display: flex; flex-wrap: wrap; max-width: 1494px; width: 100%; margin: auto; min-height: 500px; } .custom-hero-banner-v2.custom-hero-banner-v2-reverse { flex-direction: row-reverse; } .custom-hero-banner-v2-text-container { display: flex; flex-direction: column; justify-content: center; padding: 80px 50px; max-width: 50%; width: 747px; position: relative; } .custom-hero-banner-v2-image-container { flex: 1; max-width: 50%; } .custom-hero-banner-v2-header h1, .custom-hero-banner-v2-header h2, .custom-hero-banner-v2-header h3, .custom-hero-banner-v2-header p, .custom-hero-banner-v2-header span, .custom-hero-banner-v2-header ul li { font-size: 2rem; font-weight: bold; line-height: 1.125; margin: 0 0 0.5em 0; } .custom-hero-banner-v2-sub-header h1, .custom-hero-banner-v2-sub-header h2, .custom-hero-banner-v2-sub-header h3, .custom-hero-banner-v2-sub-header p, .custom-hero-banner-v2-sub-header span, .custom-hero-banner-v2-sub-header ul li { font-size: 1.75rem; font-weight: bold; margin: 0 0 0.5em 0; } .custom-hero-banner-v2-content p, .custom-hero-banner-v2-content span, .custom-hero-banner-v2-content ul li { font-size: 1.125rem; line-height: 1.5; } .custom-hero-banner-v2-button a, .custom-hero-banner-v2-button button { margin: 0; } .custom-hero-banner-v2-button.cta-red a, .custom-hero-banner-v2-button.cta-red button { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .custom-hero-banner-v2-button.cta-red a:focus, .custom-hero-banner-v2-button.cta-red a:hover, .custom-hero-banner-v2-button.cta-red button:focus, .custom-hero-banner-v2-button.cta-red button:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .custom-hero-banner-v2-button.cta-navy-blue a, .custom-hero-banner-v2-button.cta-navy-blue button { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .custom-hero-banner-v2-button.cta-navy-blue a:focus, .custom-hero-banner-v2-button.cta-navy-blue a:hover, .custom-hero-banner-v2-button.cta-navy-blue button:focus, .custom-hero-banner-v2-button.cta-navy-blue button:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .custom-hero-banner-v2-button.cta-white a, .custom-hero-banner-v2-button.cta-white button { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .custom-hero-banner-v2-button.cta-white a:focus, .custom-hero-banner-v2-button.cta-white a:hover, .custom-hero-banner-v2-button.cta-white button:focus, .custom-hero-banner-v2-button.cta-white button:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .custom-hero-banner-v2-button.cta-blue a, .custom-hero-banner-v2-button.cta-blue button { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .custom-hero-banner-v2-button.cta-blue a:focus, .custom-hero-banner-v2-button.cta-blue a:hover, .custom-hero-banner-v2-button.cta-blue button:focus, .custom-hero-banner-v2-button.cta-blue button:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } @media screen and (max-width: 919px) { .custom-hero-banner-v2 { flex-direction: column-reverse; } .custom-hero-banner-v2.custom-hero-banner-v2-reverse { flex-direction: column-reverse; } .custom-hero-banner-v2-text-container { justify-content: flex-start; padding: 30px 30px 40px 30px; max-width: 100%; width: 100%; } .custom-hero-banner-v2-image-container { max-width: 100%; min-height: 500px; } } </style> <div id="heroBanner3" class="custom-hero-banner-v2"> <div class="custom-hero-banner-v2-text-container"> <div class="custom-hero-banner-v2-header"><h2 class="text-left">Get in touch</h2></div> <div class="custom-hero-banner-v2-sub-header"></div> <div class="custom-hero-banner-v2-content"><p>Contact us for more details on our full range of programs, tools and upcoming&nbsp;training.</p></div> <div class="custom-hero-banner-v2-button"><a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/contact-mortgage-loan-insurance" class="button">Contact</a></div> </div> <div class="custom-hero-banner-v2-image-container"></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, "enableSideNotch": true, "topNotchColor": "#00093a", "bottomNotchColor": "#fff", "sideNotchColor": "#f7f7f7", "headerColor": "#00093a", "subHeaderColor": "#00093a", "contentColor": "#00093a", "heroImage": "https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/images/get-in-touch.jpg", "heroImagePosition": "left", "ctaButtonColor": "white" } ; // set default data for the component var defaultData = { handleBarBackgroundColor: "#fff", enableTopNotch: false, enableBottomNotch: false, enableSideNotch: false, topNotchColor: "#fff", bottomNotchColor: "#fff", sideNotchColor: "#fff", headerColor: "#656565", subHeaderColor: "#656565", contentColor: "#656565", heroImage: "", heroImagePosition: "right", ctaButtonColor: "red", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#heroBanner3"); if (configData.heroImagePosition !== "right") { componentElement.addClass("custom-hero-banner-v2-reverse"); } // Find the image with the specified class var image = componentElement.find(".custom-hero-banner-v2-image-container"); // Check if the image is found if (image.length > 0) { $(image[0]).css({ backgroundImage: `url("${configData.heroImage}")`, backgroundSize: "cover", backgroundPosition: "center", backgroundRepeat: "no-repeat", }); } var buttonContainer = componentElement.find( ".custom-hero-banner-v2-button" ); if (configData.ctaButtonColor === "red") { buttonContainer.addClass("cta-red"); } else if (configData.ctaButtonColor === "blue") { buttonContainer.addClass("cta-blue"); } else if (configData.ctaButtonColor === "navy-blue") { buttonContainer.addClass("cta-navy-blue"); } else if (configData.ctaButtonColor === "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); } // add bottom notch if enabled if (configData.enableSideNotch) { // create notch var notchElement = document.createElement("div"); notchElement.className = "notch side-notch"; // set border top color notchElement.style.bottom = "initial"; notchElement.style.top = "calc(50% - 50px)"; if (configData.heroImagePosition !== "right") { notchElement.style.left = "-29px"; notchElement.style.borderLeft = "initial"; notchElement.style.borderBottom = "50px solid transparent"; notchElement.style.borderTop = "50px solid transparent"; notchElement.style.borderRight = `30px solid ${configData.sideNotchColor}`; } else { notchElement.style.left = "initial"; notchElement.style.right = "-29px"; notchElement.style.borderRight = "initial"; notchElement.style.borderBottom = "50px solid transparent"; notchElement.style.borderTop = "50px solid transparent"; notchElement.style.borderLeft = `30px solid ${configData.sideNotchColor}`; } var componentElement = $("#heroBanner3"); var textContainer = componentElement.find( ".custom-hero-banner-v2-text-container" ); // add notch to handlebar template textContainer.append(notchElement); } $("head").append( `<style type="text/css"> #heroBanner3 .custom-hero-banner-v2-header h1, #heroBanner3 .custom-hero-banner-v2-header h2, #heroBanner3 .custom-hero-banner-v2-header h3, #heroBanner3 .custom-hero-banner-v2-header p, #heroBanner3 .custom-hero-banner-v2-header span, #heroBanner3 .custom-hero-banner-v2-header ul li { color: ${configData.headerColor}; } #heroBanner3 .custom-hero-banner-v2-sub-header h1, #heroBanner3 .custom-hero-banner-v2-sub-header h2, #heroBanner3 .custom-hero-banner-v2-sub-header h3, #heroBanner3 .custom-hero-banner-v2-sub-header p, #heroBanner3 .custom-hero-banner-v2-sub-header span, #heroBanner3 .custom-hero-banner-v2-sub-headers ul li { color: ${configData.subHeaderColor}; } #heroBanner3 .custom-hero-banner-v2-content h1, #heroBanner3 .custom-hero-banner-v2-content h2, #heroBanner3 .custom-hero-banner-v2-content h3, #heroBanner3 .custom-hero-banner-v2-content p, #heroBanner3 .custom-hero-banner-v2-content span, #heroBanner3 .custom-hero-banner-v2-content a, #heroBanner3 .custom-hero-banner-v2-content ul li { color: ${configData.contentColor}; } #heroBanner3 .custom-hero-banner-v2-content ul { margin-left: 1em; list-style: disc; } @media screen and (max-width: 919px) { #heroBanner3 .side-notch { bottom: initial; left: calc(50% - 50px) !important; right: initial !important; top: -29px !important; border-top: initial !important; border-left: 50px solid transparent !important; border-right: 50px solid transparent !important; border-bottom: 30px solid ${configData.sideNotchColor} !important; } } </style>` ); }); </script> <!-- Variable used for custom styling using the style tag --> </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; } .icon-text-list { max-width: 920px; margin: auto; padding: 3em 0; } .icon-text-list h1 { font-size: 2.5rem; } .icon-text-list h2 { font-size: 2rem; } .icon-text-list h3 { font-size: 1.5rem; } .icon-text-list h1, .icon-text-list h2, .icon-text-list h3 { line-height: 1.2; margin-bottom: 1em; } /* .icon-text-list ul { display: block; padding: 0 3em; margin: 0; } .icon-text-list li { margin: 0 25px 0 25px; padding: 5px; page-break-inside: avoid; } */ .icon-text-list ul { padding-left: 0; /* Remove default padding */ list-style-type: none; /* Remove default bullet points */ } .icon-text-list li { position: relative; /* Position relative for icon placement */ padding: 5px; padding-left: 40px; /* Adjust padding to accommodate icon */ page-break-inside: avoid; } /* Add icon as a background image */ .icon-text-list li::before { content: ""; position: absolute; top: 16px; left: 0; width: 30px; /* Adjust width of the icon */ height: 30px; /* Adjust height of the icon */ background-size: contain; background-repeat: no-repeat; transform: translateY(-50%); /* Vertically align icon with text */ } .icon-text-list .one-column { columns: 1; -webkit-columns: 1; } .icon-text-list .two-columns { columns: 2; -webkit-columns: 2; } .icon-text-list .three-columns { columns: 3; -webkit-columns: 3; } /* when screen is less than 935px */ @media screen and (max-width: 935px) { .icon-text-list { padding-left: 0.9375rem; padding-right: 0.9375rem; } } /* when screen is less than 768px */ @media screen and (max-width: 768px) { .icon-text-list .two-columns, .icon-text-list .three-columns { columns: 2; -webkit-columns: 2; } } /* when screen is less than 600px */ @media screen and (max-width: 600px) { .icon-text-list ul { padding: 0 3em; } .icon-text-list .two-columns, .icon-text-list .three-columns { columns: 1; -webkit-columns: 1; } } /* when screen is less than 480px */ @media screen and (max-width: 480px) { .icon-text-list h1 { font-size: 2rem; } .icon-text-list h2 { font-size: 1.5rem; } .icon-text-list h3 { font-size: 1rem; } .icon-text-list ul { padding: 0 1em; } } </style> <!-- Variable 2 is used to specify the id for this component --> <div id="iconListOne" class="icon-text-list"> <!-- Variable 4 is used to add a heading to the container, use h1 to h6 --> <h2 class="text-center">Why Choose CMHC?</h2> <ul> <!-- Variable 5 used to add the list with the li's tag --> <li> <strong>Access</strong> preferred interest rates, reducing borrowing costs for multi-unit residential property construction, purchase and refinancing. </li> <li> <strong>Get</strong> reduced premiums and longer amortization periods based on your level of commitment to affordability, accessibility and climate compatibility using MLI Select. </li> <li> <strong>Rely</strong> on CMHC as Canada's only provider of mortgage loan insurance for multi-unit residential properties. </li> </ul> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { "handleBarBackgroundColor": "#fff", "enableNotch": false, "headerColor": "#000", "listItemsIcon": "https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/icons/icon-small-checkmark-red.svg", "listItemsColor": "#000", "listItemsColumns": "three-columns" }; // set default data for the icon text list var defaultData = { handleBarBackgroundColor: "#fff", enableNotch: false, headerColor: "#656565", listItemsColumns: "two-columns", listItemsIcon: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon-checkmark-red-outline.png", listItemsColor: "#656565", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } $("head").append( `<style type="text/css"> #iconListOne h1, #iconListOne h2, #iconListOne h3, #iconListOne h4, #iconListOne h5, #iconListOne h6 { color: ${configData.headerColor}; } #iconListOne p, #iconListOne span, #iconListOne ul li, #iconListOne a { color: ${configData.listItemsColor}; } #iconListOne ul li::before { background-image: url(${configData.listItemsIcon}); } @media screen and (max-width: 1024px) { } @media screen and (max-width: 720px) { } </style>` ); // get icon text list var componentElement = $("#iconListOne"); // configure styling for ul (one-column, two-columns, three-columns) componentElement.find("ul").addClass(configData.listItemsColumns); 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 notch if enabled if (configData.enableNotch) { // create notch var notchElement = document.createElement("div"); notchElement.className = "notch"; // set border top color to match handlebar template's background color notchElement.style.borderTopColor = configData.handleBarBackgroundColor; // add notch to handlebar template handlebarTemplate.append(notchElement); } }); </script> <!-- Variable used for custom styling using the style tag --> </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="articleTiles1" class="custom-article-tiles"> <div class="custom-article-tiles-header"><h2 class="text-center">Valuable Market Insights</h2></div> <div class="custom-article-tiles-content"><p class="text-center">We have the data, research and insights you need today to make sound business decisions for tomorrow.</p></div> <div class="custom-article-tiles-items"><div class="custom-article-tiles-item"> <div class="custom-article-tiles-item-image"> <a href="/blog/2024/2023-recap-new-home-construction-trends-canada"> <img alt="Building under construction" src="https://assets.cmhc-schl.gc.ca/sites/cmhc/blog/2024/20240327/tile.jpg" /> </a></div> <div class="custom-article-tiles-item-desc"> <div class="custom-article-tiles-item-date"> <p>March 27, 2024</p> </div> <div class="custom-article-tiles-item-header"> <h2><a href="/blog/2024/2023-recap-new-home-construction-trends-canada">A 2023 recap of new home construction trends in Canada</a></h2> </div> <div class="custom-article-tiles-item-content"> <p> Discover highlights from our latest Housing Supply Report. </p> </div> </div> </div> <div class="custom-article-tiles-item"> <div class="custom-article-tiles-item-image"> <a href="/blog/2024/cmhcs-housing-market-outlook-perspective-growth-challenges"> <img src="https://assets.cmhc-schl.gc.ca/sites/cmhc/blog/2024/20240404-cmhcs-housing-market-outlook-perspective-growth-challenges.jpg" alt="Bob Dugan being interviewed"></a> </div> <div class="custom-article-tiles-item-desc"> <div class="custom-article-tiles-item-date"> <p>April 4, 2024</p> </div> <div class="custom-article-tiles-item-header"> <h2><a href="/blog/2024/cmhcs-housing-market-outlook-perspective-growth-challenges">2024 Housing Market Outlook</a></h2> </div> <div class="custom-article-tiles-item-content"> <p> Joelle Hamilton and Bob Dugan discuss the 2024 Housing Market Outlook. </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": "#f2f2f2", "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 = $("#articleTiles1"); 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"> #articleTiles1 .custom-article-tiles-items { grid-template-columns: ${numberOfCols}; } #articleTiles1 .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}; } #articleTiles1 .custom-article-tiles-header h1, #articleTiles1 .custom-article-tiles-header h2, #articleTiles1 .custom-article-tiles-header h3, #articleTiles1 .custom-article-tiles-header p, #articleTiles1 .custom-article-tiles-header span, #articleTiles1 .custom-article-tiles-header ul li { color: ${configData.headerColor}; } #articleTiles1 .custom-article-tiles-content h1, #articleTiles1 .custom-article-tiles-content h2, #articleTiles1 .custom-article-tiles-content h3, #articleTiles1 .custom-article-tiles-content p, #articleTiles1 .custom-article-tiles-content span, #articleTiles1 .custom-article-tiles-content ul li { color: ${configData.contentColor}; } #articleTiles1 .custom-article-tiles-footer h1, #articleTiles1 .custom-article-tiles-footer h2, #articleTiles1 .custom-article-tiles-footer h3, #articleTiles1 .custom-article-tiles-footer p, #articleTiles1 .custom-article-tiles-footer span, #articleTiles1 .custom-article-tiles-footer ul li { color: ${configData.footerColor}; } #articleTiles1 .custom-article-tiles-item-date h1, #articleTiles1 .custom-article-tiles-item-date h2, #articleTiles1 .custom-article-tiles-item-date h3, #articleTiles1 .custom-article-tiles-item-date p, #articleTiles1 .custom-article-tiles-item-date span, #articleTiles1 .custom-article-tiles-item-date ul li { color: ${configData.tileDateColor}; } #articleTiles1 .custom-article-tiles-item-header h1, #articleTiles1 .custom-article-tiles-item-header h2, #articleTiles1 .custom-article-tiles-item-header h3, #articleTiles1 .custom-article-tiles-item-header p, #articleTiles1 .custom-article-tiles-item-header span, #articleTiles1 .custom-article-tiles-item-header ul li { color: ${configData.tileHeaderColor}; } #articleTiles1 .custom-article-tiles-item-content h1, #articleTiles1 .custom-article-tiles-item-content h2, #articleTiles1 .custom-article-tiles-item-content h3, #articleTiles1 .custom-article-tiles-item-content p, #articleTiles1 .custom-article-tiles-item-content span, #articleTiles1 .custom-article-tiles-item-content ul li { color: ${configData.tileContentColor}; } @media screen and (max-width: 1024px) { #articleTiles1 .custom-article-tiles-items { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 720px) { #articleTiles1 .custom-article-tiles-items { grid-template-columns: 1fr; } #articleTiles1 .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> <!-- Variable used for custom styling using the style tag --> </div> </div> </section> </main> <!--BEGIN NOINDEX--> <footer> <div class="content-full"> <div class="footer-navigation clear-fix"> <!-- First nav section --> <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> <!-- second nav section --> <div> <h2>About Us</h2> <ul> <li> <a href="/about-us/cmhcs-story" onclick="dl_Navigation('Footer',this.text)" >CMHC&#39;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> <!-- third nav section --> <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>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</span> <a href="/about-us/terms-conditions" onclick="dl_Navigation('Footer',this.text)" >Terms and Conditions</a> <span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</span> <a href="/about-us/corporate-reporting/transparency" onclick="dl_Navigation('Footer',this.text)" >Transparency</a> <span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</span> <a href="/about-us/corporate-reporting/transparency/accessibility-at-cmhc" onclick="dl_Navigation('Footer',this.text)" >Accessibility Plan</a> <span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</span> <a href="/about-us/corporate-reporting/transparency/accessibility-feedback-process" onclick="dl_Navigation('Footer',this.text)" >Accessibility Feedback</a> <span> &nbsp;&nbsp;&nbsp; </span> <span>Canada Mortgage and Housing Corporation (CMHC)&nbsp;&copy;2024&nbsp;</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&amp;la=en&amp;h=58&amp;w=240" title="" alt="Canada" /></span> </div> </div> </footer> <!--END NOINDEX--> </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> <!--SiteImprove Analytics 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> <style> .cmhc-container > footer { margin-top: 0px; } </style> <script> SF = window.SF || {}; SF.PageID = '{5B3FAD2C-5F77-43A7-B521-40820DE1BC0A}'; $(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>

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