CINXE.COM

CMHC Income Property | CMHC

<!DOCTYPE html> <html lang="en" itemscope itemtype="http://schema.org/WebPage"> <!--BEGIN NOINDEX--> <head> <meta name="VIcurrentDateTime" content="638679860438399747" /> <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/mortgage-loan-insurance-homeownership-programs/income-property" /> <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/mortgage-loan-insurance-homeownership-programs/income-property' /><link rel='alternate' hreflang='fr' href='https://www.cmhc-schl.gc.ca/professionnels/financement-de-projets-et-financement-hypothecaire/assurance-pret-hypothecaire/aph-po-et-petits-immeubles-locatifs/immeubles-locatifs' /> <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>CMHC Income Property | CMHC</title> <meta name="description" content="Explore CMHC Income Property financing for investors in rental markets. Secure mortgage insurance for residential, multi-family and mixed-use properties. " /> <!-- Open Graph data --> <meta property="og:title" content="Mortgage Loan Insurance for rental investments " /> <meta property="og:description" content="Unlock financing options with CMHC Income Property. This mortgage insurance helps investors secure funding for residential, multi-family, and mixed-use rental properties. " /> <!-- Twitter Card data --> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Mortgage Loan Insurance for rental investments " /> <meta name="twitter:description" content="Unlock financing options with CMHC Income Property. This mortgage insurance helps investors secure funding for residential, multi-family, and mixed-use rental properties. " /> <!-- 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> <style> .ia-cmhc-accordion { margin-bottom: 80px; } .phone { font-size:18px; } </style> <script src="/scripts/app_insight_monitoring.js"></script> </head> <!--END NOINDEX--> <body class="income-property" 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/aph-po-et-petits-immeubles-locatifs/immeubles-locatifs" 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_e8c8f43d57444ff1a82c725f02ed1c59" 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;Created&quot; : &quot;Created&quot; , &quot;Updated By&quot; : &quot;Updated by&quot; , &quot;Language&quot; : &quot;Language&quot; , &quot;Last Time Modified&quot; : &quot;Last time modified.&quot; , &quot;Uniform resource identifier&quot; : &quot;URI&quot; , &quot;Created By&quot; : &quot;Created by&quot; , &quot;Creation Time&quot; : &quot;Creation time.&quot; , &quot;Template&quot; : &quot;Template&quot; , &quot;If the problem persists contact the administrator.&quot; : &quot;If the problem persists contact the administrator.&quot; , &quot;Search is currently unavailable&quot; : &quot;Oops! Something went wrong on the server.&quot; , &quot;Ascending&quot; : &quot;Ascending&quot; , &quot;Descending&quot; : &quot;Descending&quot;}' data-sc-maximum-age='900000' data-sc-page-name='income-property' data-sc-page-name-full-path='/sitecore/content/CMHC/Sites/Main/Home/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/income-property' 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/{E0FC8C80-0EED-48E2-8950-58C532294FE4}?lang=en&amp;ver=1' data-sc-item-id='e0fc8c80-0eed-48e2-8950-58c532294fe4' 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/{E0FC8C80-0EED-48E2-8950-58C532294FE4}?lang=en&amp;ver=1", siteName: "cmhc", restEndpointUri: "/coveo/rest" }; if (typeof (CoveoForSitecore) !== "undefined") { CoveoForSitecore.SearchEndpoint.configureSitecoreEndpoint(endpointConfiguration); CoveoForSitecore.version = "5.0.1227.1"; var context = document.getElementById("SearchResourcesProperties_e8c8f43d57444ff1a82c725f02ed1c59"); 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="/consommateurs/acheter-une-maison/calculateurs-pour-lachat-dune-habitation/calculateur-de-lamortissement-de-la-dette/calculateur-de-lamortissement-de-la-dette" 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=" ">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="current-page-ancestor ">Consumers</a> <ul> <li> <a onclick="dl_Navigation('menu','Buying a home');" href="/consumers/home-buying" class="current-page-ancestor ">Buying a home</a> <ul> <li> <a onclick="dl_Navigation('menu','Homebuying calculators');" href="/consumers/home-buying/calculators" class="current-page-ancestor ">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="current-page-ancestor ">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="font-18 color-blue "> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs" onclick='dl_CTA("Homeowner and Small Rental Mortgage Loan Insurance",this);'>Homeowner and Small Rental Mortgage Loan Insurance</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">CMHC Income Property</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> <!--BEGIN NOINDEX--> <div id="add-to-folder"> <input name="__RequestVerificationToken" type="hidden" value="6qhmDyfWFVRN3ratVykHPya8Vn1gMkBGMu-d-LoSodHR9N8Te5XlAhD_s1oW3KlS1O6vlEoHCKVPKUAnYH8GJ2aahxMQGOka-64HiLBEzVc1" /> <div id="addToFolderDeveloping" class="dialog modal-added-to-folder modal" style="display:none"> <input type="hidden" id="itemguid" value="{E0FC8C80-0EED-48E2-8950-58C532294FE4}" /> <input type="hidden" id="itemTitle" value="CMHC Income Property" /> <input type="hidden" id="itemTemplateName" value="Content Page" /> <input type="hidden" id="itemParentID" value="{F64C4E4B-FE30-4CBA-93B9-7B463D8BC5E2}" /> <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>CMHC Income Property</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>CMHC Income Property</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%2fmortgage-loan-insurance-homeownership-programs%2fincome-property%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%2fmortgage-loan-insurance-homeownership-programs%2fincome-property%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%2fmortgage-loan-insurance-homeownership-programs%2fincome-property%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%2fmortgage-loan-insurance-homeownership-programs%2fincome-property%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%2fmortgage-loan-insurance-homeownership-programs%2fincome-property%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%2fmortgage-loan-insurance-homeownership-programs%2fincome-property%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="-_L-z6u74i1ddPl8TvOtTpk6Y00QeC3XRm2loe6yikSNoDSQzTob_Xn6zCMjTZ23doHkq0c04dHDjJycACsowzX8J6lGkU_Bcvsl-K3lPRo1" /> <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?"E0FC8C80-0EED-48E2-8950-58C532294FE4":"F64C4E4B-FE30-4CBA-93B9-7B463D8BC5E2", "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-hero-banner-v4 { display: flex; flex-wrap: wrap; max-width: 1920px; width: 100%; margin: auto; min-height: 700px; } .custom-hero-banner-v4.custom-hero-banner-v4-reverse { flex-direction: row-reverse; } .custom-hero-banner-v4-content-container { display: flex; justify-content: flex-end; width: 50%; } .custom-hero-banner-v4-text-container { display: flex; flex-direction: column; justify-content: center; padding: 80px 50px; width: 485px; position: relative; padding-left: 24px; } .custom-hero-banner-v4-image-container { flex: 1; max-width: 50%; } .custom-hero-banner-v4-header h1 { font-size: 2.5rem; line-height: 1.125; font-weight: bold; margin-bottom: 15px; } .custom-hero-banner-v4-header h2, .custom-hero-banner-v4-header h3, .custom-hero-banner-v4-header p, .custom-hero-banner-v4-header span, .custom-hero-banner-v4-header ul li { font-size: 2rem; font-weight: bold; line-height: 1.125; margin: 0 0 0.5em 0; } .custom-hero-banner-v4-sub-header h1, .custom-hero-banner-v4-sub-header h2, .custom-hero-banner-v4-sub-header h3, .custom-hero-banner-v4-sub-header p, .custom-hero-banner-v4-sub-header span, .custom-hero-banner-v4-sub-header ul li { font-size: 1.75rem; font-weight: bold; margin: 0 0 0.5em 0; } .custom-hero-banner-v4-content p, .custom-hero-banner-v4-content span, .custom-hero-banner-v4-content ul li { font-size: 1.125rem; line-height: 1.5; } .custom-hero-banner-v4-button a, .custom-hero-banner-v4-button button { margin: 0; } .custom-hero-banner-v4-button.cta-red a, .custom-hero-banner-v4-button.cta-red button { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .custom-hero-banner-v4-button.cta-red a:focus, .custom-hero-banner-v4-button.cta-red a:hover, .custom-hero-banner-v4-button.cta-red button:focus, .custom-hero-banner-v4-button.cta-red button:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .custom-hero-banner-v4-button.cta-navy-blue a, .custom-hero-banner-v4-button.cta-navy-blue button { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .custom-hero-banner-v4-button.cta-navy-blue a:focus, .custom-hero-banner-v4-button.cta-navy-blue a:hover, .custom-hero-banner-v4-button.cta-navy-blue button:focus, .custom-hero-banner-v4-button.cta-navy-blue button:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .custom-hero-banner-v4-button.cta-white a, .custom-hero-banner-v4-button.cta-white button { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .custom-hero-banner-v4-button.cta-white a:focus, .custom-hero-banner-v4-button.cta-white a:hover, .custom-hero-banner-v4-button.cta-white button:focus, .custom-hero-banner-v4-button.cta-white button:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .custom-hero-banner-v4-button.cta-blue a, .custom-hero-banner-v4-button.cta-blue button { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .custom-hero-banner-v4-button.cta-blue a:focus, .custom-hero-banner-v4-button.cta-blue a:hover, .custom-hero-banner-v4-button.cta-blue button:focus, .custom-hero-banner-v4-button.cta-blue button:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } .custom-hero-banner-v4-image-mobile { display: none; } @media screen and (max-width: 920px) { .custom-hero-banner-v4 { flex-direction: column-reverse; } .custom-hero-banner-v4.custom-hero-banner-v4-reverse { flex-direction: column-reverse; } .custom-hero-banner-v4-content-container { width: 100%; } .custom-hero-banner-v4-text-container { justify-content: flex-start; padding: 30px 30px 40px 30px; max-width: 100%; width: 100%; } .custom-hero-banner-v4-image-container { max-width: 100%; min-width: 100%; } .custom-hero-banner-v4-image-mobile { display: block; width: 100%; height: 100%; } } </style> <div id="heroBannerImageEdge" class="custom-hero-banner-v4"> <div class="custom-hero-banner-v4-content-container"> <div class="custom-hero-banner-v4-text-container"> <div class="custom-hero-banner-v4-header"><h1 class="text-left">CMHC Income Property</h1></div> <div class="custom-hero-banner-v4-sub-header"></div> <div class="custom-hero-banner-v4-content"><p>Financing options for investors purchasing a rental property</p></div> <div class="custom-hero-banner-v4-button"></div> </div> </div> <div class="custom-hero-banner-v4-image-container"> <img class="custom-hero-banner-v4-image-mobile" /> </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, "enableSideNotch": false, "topNotchColor": "#fff", "bottomNotchColor": "#fff", "sideNotchColor": "#00093a", "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/income-property-hero-banner-mobile.jpg", "heroImagePosition": "right", "heroImageMobile": "https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/images/income-property-hero-banner.jpg", "ctaButtonColor": "navy-blue" } ; // 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", heroImageMobile: "", heroImageAlt: "", 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 = $("#heroBannerImageEdge"); if (configData.heroImagePosition !== "right") { componentElement.addClass("custom-hero-banner-v4-reverse"); } // Find the image with the specified class var image = componentElement.find(".custom-hero-banner-v4-image-container"); // Check if the image is found if (image.length > 0) { $(image[0]).css({ backgroundImage: `url("${configData.heroImage}")`, backgroundSize: "cover", backgroundPosition: "left", backgroundRepeat: "no-repeat", }); } var imageMobile = componentElement.find(".custom-hero-banner-v4-image-mobile"); if(imageMobile.length) { imageMobile.attr("src", configData.heroImageMobile); imageMobile.attr("alt", configData.heroImageAlt); } var buttonContainer = componentElement.find( ".custom-hero-banner-v4-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 = $("#heroBannerImageEdge"); var textContainer = componentElement.find( ".custom-hero-banner-v4-text-container" ); // add notch to handlebar template textContainer.append(notchElement); } $("head").append( `<style type="text/css"> #heroBannerImageEdge .custom-hero-banner-v4-header h1, #heroBannerImageEdge .custom-hero-banner-v4-header h2, #heroBannerImageEdge .custom-hero-banner-v4-header h3, #heroBannerImageEdge .custom-hero-banner-v4-header p, #heroBannerImageEdge .custom-hero-banner-v4-header span, #heroBannerImageEdge .custom-hero-banner-v4-header ul li { color: ${configData.headerColor}; } #heroBannerImageEdge .custom-hero-banner-v4-sub-header h1, #heroBannerImageEdge .custom-hero-banner-v4-sub-header h2, #heroBannerImageEdge .custom-hero-banner-v4-sub-header h3, #heroBannerImageEdge .custom-hero-banner-v4-sub-header p, #heroBannerImageEdge .custom-hero-banner-v4-sub-header span, #heroBannerImageEdge .custom-hero-banner-v4-sub-headers ul li { color: ${configData.subHeaderColor}; } #heroBannerImageEdge .custom-hero-banner-v4-content h1, #heroBannerImageEdge .custom-hero-banner-v4-content h2, #heroBannerImageEdge .custom-hero-banner-v4-content h3, #heroBannerImageEdge .custom-hero-banner-v4-content p, #heroBannerImageEdge .custom-hero-banner-v4-content span, #heroBannerImageEdge .custom-hero-banner-v4-content a, #heroBannerImageEdge .custom-hero-banner-v4-content ul li { color: ${configData.contentColor}; } #heroBannerImageEdge .custom-hero-banner-v4-content ul { margin-left: 1em; list-style: disc; } @media screen and (max-width: 920px) { #heroBannerImageEdge { min-height: 100%; } #heroBannerImageEdge .custom-hero-banner-v4-image-container { background-image: none !important; flex: none; } #heroBannerImageEdge .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; } .text-image-container { position: relative; border: none; margin: auto; max-width: 920px; padding: 3em 0; } .text-image-heading h1, .text-image-heading h2, .text-image-heading h3 { line-height: 1.2; margin-top: 1em; margin-bottom: 0.5em; font-weight: bold; } .text-image-sub-heading h1, .text-image-sub-heading h2, .text-image-sub-heading h3 { margin: 0; margin-bottom: 0.5em; font-weight: bold; } .text-image-heading h1, .text-image-sub-heading h1 { font-size: 2.5rem; } .text-image-heading h2, .text-image-sub-heading h2 { font-size: 2rem; } .text-image-heading h3, .text-image-sub-heading h3 { font-size: 1.5rem; } .text-image { margin-top: 2em; overflow: hidden; } .text-image-content { display: flex; flex-direction: column; } .text-image p { font-size: 1.125rem; } .text-image ul { list-style: disc; padding-left: 20px; margin-bottom: 1em; } .text-image-container a, .text-image-container button { margin: 0; } .text-image-container .cta-red, .text-image-container .cta-red { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .text-image-container .cta-red:focus, .text-image-container .cta-red:hover, .text-image-container .cta-red:focus, .text-image-container .cta-red:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .text-image-container .cta-navy-blue, .text-image-container .cta-navy-blue { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .text-image-container .cta-navy-blue:focus, .text-image-container .cta-navy-blue:hover, .text-image-container .cta-navy-blue:focus, .text-image-container .cta-navy-blue:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .text-image-container .cta-white, .text-image-container .cta-white { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .text-image-container .cta-white:focus, .text-image-container .cta-white:hover, .text-image-container .cta-white:focus, .text-image-container .cta-white:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .text-image-container .cta-blue, .text-image-container .cta-blue { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .text-image-container .cta-blue:focus, .text-image-container .cta-blue:hover, .text-image-container .cta-blue:focus, .text-image-container .cta-blue:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } /* when screen is less than 1024px */ @media screen and (max-width: 1024px) { } /* when screen is less than 935px */ @media screen and (max-width: 935px) { .text-image-container { padding: 3em; } } /* when screen is less than 768px */ @media screen and (max-width: 768px) { } /* when screen is less than 600px */ @media screen and (max-width: 600px) { .text-image-img { display: none; } } /* when screen is less than 480px */ @media screen and (max-width: 480px) { .text-image-container h1 { font-size: 2rem; } .text-image-container h2 { font-size: 1.5rem; } .text-image-container h3 { font-size: 1rem; } } </style> <div id="exploreCMHC" class="text-image-container"> <div class="text-image-icon"></div> <!-- Variable used for the header of the text image container we should use one of the headings from h1 to h6 we can pass our own styling / classes if we need to overwrite styling --> <div class="text-image-heading"><h2 class="text-center">Opening the Door to a Range of Financing Options for Investors in All Markets</h2></div> <!-- Variable used for the sub header of the text image container we should use one of the headings from h1 to h6 we can pass our own styling / classes if we need to overwrite styling --> <div class="text-image-sub-heading"></div> <div class="text-image"> <div class="text-image-img"></div> <!-- Variable used for the content any HTML element can be used but <p> is recommended --> <div class="text-image-content"><p class="text-center">CMHC Income Property is a mortgage loan insurance product for 2-to-4-unit rental properties. It provides investors with more housing finance choice when purchasing a rental property.</p></div> </div> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { handleBarBackgroundColor: "#00093a", enableNotch: false, icon: "", iconWidth: "auto", iconHeight: "133px", headerColor: "#fff", subHeaderColor: "#fff", image: "", imageWidth: "20%", imageHeight: "300px", imageVerticalPosition: "top", imageHorizontalPosition: "left", contentColor: "#fff", }; // set default data for the component var defaultData = { handleBarBackgroundColor: "#fff", enableNotch: false, icon: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_trophy_no_circle.png", iconWidth: "auto", iconHeight: "auto", iconPosition: "center", headerColor: "#656565", subHeaderColor: "#656565", image: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_enews_circle.png", imageWidth: "auto", imageHeight: "300px", imageVerticalPosition: "top", imageHorizontalPosition: "right", contentColor: "#656565", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#exploreCMHC"); if (configData.icon.length) { // configure icon styling componentElement.find(".text-image-icon").css({ width: configData.iconWidth, height: configData.iconHeight, backgroundImage: `url(${configData.icon})`, backgroundRepeat: "no-repeat", backgroundPosition: `${configData.iconPosition}`, backgroundSize: "contain", }); } $("head").append( `<style type="text/css"> #exploreCMHC .text-image-heading h1, #exploreCMHC .text-image-heading h2, #exploreCMHC .text-image-heading h3, #exploreCMHC .text-image-heading p, #exploreCMHC .text-image-heading span, #exploreCMHC .text-image-heading ul li #exploreCMHC .text-image-heading .quote-person-1 .content-sm q, #exploreCMHC .text-image-heading .quote-person-1 .content-sm footer { color: ${configData.headerColor}; } #exploreCMHC .text-image-sub-heading h1, #exploreCMHC .text-image-sub-heading h2, #exploreCMHC .text-image-sub-heading h3, #exploreCMHC .text-image-sub-heading p, #exploreCMHC .text-image-sub-heading span, #exploreCMHC .text-image-sub-heading ul li, #exploreCMHC .text-image-sub-heading .quote-person-1 .content-sm q, #exploreCMHC .text-image-sub-heading .quote-person-1 .content-sm footer { color: ${configData.subHeaderColor}; } #exploreCMHC .text-image-content h1, #exploreCMHC .text-image-content h2, #exploreCMHC .text-image-content h3, #exploreCMHC .text-image-content p, #exploreCMHC .text-image-content span, #exploreCMHC .text-image-content ul li, #exploreCMHC .text-image-content .quote-person-1 .content-sm q, #exploreCMHC .text-image-content .quote-person-1 .content-sm footer { color: ${configData.contentColor}; } </style>` ); if (configData.image.length) { // configure image and image styling componentElement.find(".text-image-img").css({ float: configData.imageHorizontalPosition, width: configData.imageWidth, height: configData.imageHeight, backgroundImage: `url(${configData.image})`, backgroundRepeat: "no-repeat", backgroundPosition: `center ${configData.imageVerticalPosition}`, backgroundSize: "contain", }); } if (configData.imageHorizontalPosition === "left") { componentElement.find(".text-image-img").css("margin-right", "2em"); } else if (configData.imageHorizontalPosition === "right") { componentElement.find(".text-image-img").css("margin-left", "2em"); } 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; } .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">CMHC Income Property Details</h2> <p class="text-center" style="font-size: 18px;">CMHC Income Property offers flexible debt service qualification options.</p> <ul> <!-- Variable 5 used to add the list with the li's tag --> <li><strong style="color: #000; font-size: 1.5rem;">Borrowers</strong><br /> Canadian citizens, permanent residents, self-employed borrowers and corporate borrowers (with a personal guarantee or co-borrower).</li> <li><strong style="color: #000; font-size: 1.5rem;">Property Type</strong><br /> 2-to-4-unit rental properties that are non-owner occupied.</li> <li><strong style="color: #000; font-size: 1.5rem;">Income Qualification</strong><br /> Use up to 50% of gross rental income or a net rental income approach to determine debt service qualification.</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/purple-icon-checkmark.svg", "listItemsColor": "#656565", "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 --> <style> /*#iconListOne ul { padding: 0; gap: 0; }*/ </style> </div> </div> <!--BEGIN NOINDEX--> <article class="guide-page ia-textlayout"> <section class="clearfix"> <div class="text-component ia-text "> <hr style="border: 0; border-top: 2px solid #cccccc;" /> <div style="padding: 25px 25px;"> <p><strong style="color: #000; font-size: 1.5rem;">Flexible debt service qualification</strong></p> <p>Up to 50% gross rental income or a net rental income approach may be used to determine debt service qualification.</p> <p><strong style="color: #000; font-size: 1.5rem;">Gross rental income</strong></p> <p>Up to 50% of the gross rental income for the subject property may be included. Taxes and heat for the property can be excluded from the GDS and TDS ratios.</p> <p><strong>PITH* + Other Debt<br/> ------------------------------------------------------<br/> Borrower’s Gross Annual Income</strong></p> <p class="small">*PITH means principal, interest, property taxes and heat costs.</p> <p><strong style="color: #000; font-size: 1.5rem;">Net rental income approach </strong></p> <p>Lenders may use their own internal guidelines for determining net rental income (gross rents minus operating expenses) for the subject property and other residential investment properties. Any portion of heat payments that the tenant pays can be excluded.</p> <p>Learn more about the <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/rental-income">different approaches to calculate rental income</a>.</p> </div> </div> </section> </article> <!--END NOINDEX--> <div class="cmhc-accordion custom-margin ia-cmhc-accordion "> <div class="accordion-panel" id="a1-p1"> <h3 class=" acc-bgcolor-white acc-border-blue color-blue font-16 font-bold">Eligibility requirements </h3> <div style="display:none;" class="acc-bgcolor-white acc-border-lightgrey"> <div class="text-component text-clearfix"><h4>Eligible borrowers</h4> <p>Individuals must be Canadian citizens or permanent residents of Canada.</p> <h4>Loan-to-value (LTV) ratios</h4> <p>Loan-to-value (LTV) ratios measure the ratio of a loan amount to the appraised value of the property, expressed as a percentage.</p> <p><strong>For small rental loans</strong> (non-owner occupied):</p> <ul> <li><strong>2 to 4 units:</strong> Up to 80% LTV</li> </ul> <h4>Minimum equity requirements</h4> <p><strong>For small rental loans:</strong></p> <ul> <li>Minimum equity requirement is 20%.</li> </ul> <h4>Purchase price / lending value, amortization and location</h4> <ul> <li>Maximum purchase price / lending value or as-improved property value must be below $1,000,000.</li> <li>Maximum amortization period is 25 years.</li> <li>Property must be in Canada, suitable and available for full-time, year-round occupancy, and must have year-round access (via a vehicular bridge or ferry if on an island).</li> </ul> <h4>Down payments</h4> <p>Down payments can come from sources such as savings, the sale of a property or a non-repayable financial gift from a relative.</p> <h4>Rental income</h4> <p>We offer different approaches to rental income for qualification purposes, whether the property is owner-occupied or non-owner-occupied and regardless of its MLI application status.</p> <p><a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/rental-income">Find out more</a> about the approach(es) that can be used to calculate rental income and the inputs to consider when calculating the debt service ratios.</p> <h4>Creditworthiness</h4> <ul> <li>At least one borrower (or guarantor) must have a minimum credit score of 600.</li> <li>CMHC may consider alternative methods of establishing creditworthiness for borrowers without a credit history.</li> </ul> <h4>Debt service ratios</h4> <p><strong>Maximum thresholds:</strong></p> <ul> <li><strong>Gross Debt Service (GDS) Ratio:</strong> 39%</li> <li><strong>Total Debt Service (TDS) Ratio:</strong> 44%</li> </ul> <h4>Interest Rates</h4> <p>GDS &amp; TDS Ratios must be calculated using an interest rate that is the greater of the contract interest rate plus 2%, or 5.25%.</p> <h4>Advancing options</h4> <ul> <li><strong>Single advances:</strong> Improvement costs less than or equal to 10% of the as-improved value.</li> <li><strong>Progress advances:</strong> New construction financing or improvement costs greater than 10% of the as-improved value.</li> <ul style="padding-bottom: 0px; list-style-type: disc !important; padding-left: 40px !important; list-style-position: outside;"> <li><strong>Full Service:</strong> CMHC validates up to 4 consecutive advances at no cost.</li> <li><strong>Basic Service:</strong> Lender validates advances without pre-approval from CMHC.</li> </ul> </ul></div> </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; } .text-image-container { position: relative; border: none; margin: auto; max-width: 920px; padding: 3em 0; } .text-image-heading h1, .text-image-heading h2, .text-image-heading h3 { line-height: 1.2; margin-top: 1em; margin-bottom: 0.5em; font-weight: bold; } .text-image-sub-heading h1, .text-image-sub-heading h2, .text-image-sub-heading h3 { margin: 0; margin-bottom: 0.5em; font-weight: bold; } .text-image-heading h1, .text-image-sub-heading h1 { font-size: 2.5rem; } .text-image-heading h2, .text-image-sub-heading h2 { font-size: 2rem; } .text-image-heading h3, .text-image-sub-heading h3 { font-size: 1.5rem; } .text-image { margin-top: 2em; overflow: hidden; } .text-image-content { display: flex; flex-direction: column; } .text-image p { font-size: 1.125rem; } .text-image ul { list-style: disc; padding-left: 20px; margin-bottom: 1em; } .text-image-container a, .text-image-container button { margin: 0; } .text-image-container .cta-red, .text-image-container .cta-red { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .text-image-container .cta-red:focus, .text-image-container .cta-red:hover, .text-image-container .cta-red:focus, .text-image-container .cta-red:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .text-image-container .cta-navy-blue, .text-image-container .cta-navy-blue { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .text-image-container .cta-navy-blue:focus, .text-image-container .cta-navy-blue:hover, .text-image-container .cta-navy-blue:focus, .text-image-container .cta-navy-blue:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .text-image-container .cta-white, .text-image-container .cta-white { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .text-image-container .cta-white:focus, .text-image-container .cta-white:hover, .text-image-container .cta-white:focus, .text-image-container .cta-white:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .text-image-container .cta-blue, .text-image-container .cta-blue { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .text-image-container .cta-blue:focus, .text-image-container .cta-blue:hover, .text-image-container .cta-blue:focus, .text-image-container .cta-blue:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } /* when screen is less than 1024px */ @media screen and (max-width: 1024px) { } /* when screen is less than 935px */ @media screen and (max-width: 935px) { .text-image-container { padding: 3em; } } /* when screen is less than 768px */ @media screen and (max-width: 768px) { } /* when screen is less than 600px */ @media screen and (max-width: 600px) { .text-image-img { display: none; } } /* when screen is less than 480px */ @media screen and (max-width: 480px) { .text-image-container h1 { font-size: 2rem; } .text-image-container h2 { font-size: 1.5rem; } .text-image-container h3 { font-size: 1rem; } } </style> <div id="premiumInfoContainer" class="text-image-container"> <div class="text-image-icon"></div> <!-- Variable used for the header of the text image container we should use one of the headings from h1 to h6 we can pass our own styling / classes if we need to overwrite styling --> <div class="text-image-heading"><h2 class="text-center">Premium Information</h2></div> <!-- Variable used for the sub header of the text image container we should use one of the headings from h1 to h6 we can pass our own styling / classes if we need to overwrite styling --> <div class="text-image-sub-heading"><p class="text-center" style="font-size: 18px;">Below are the premium rates for borrowers insured through CMHC Income Property. The application premiums are a one-time charge which may be added to the insured loan amount.</p> <p class="text-center" style="font-size: 18px;"><strong>Premium Schedule for Small Rental Loans (For Non-Owner-Occupied Property With 2 to 4 Units)</strong></p></div> <div class="text-image"> <div class="text-image-img"></div> <!-- Variable used for the content any HTML element can be used but <p> is recommended --> <div class="text-image-content"><table class="responsiveTable stripe cell-border dataTable" style="width: 100%;" id="premiumInformationTable"> <thead> <tr class="responsiveTable__headerRow" role="row"> <th>Loan-to-Value Ratio</th> <th>Premium on Total Loan Amount</th> </tr> </thead> <tbody> <tr> <td>Up to and including 65%</td> <td>1.45%</td> </tr> <tr> <td>65.01% to 75%</td> <td>2.00%</td> </tr> <tr> <td>75.01% to 80%</td> <td>2.90%</td> </tr> </tbody> </table></div> </div> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { handleBarBackgroundColor: "#f7f7f7", enableNotch: false, icon: "", iconWidth: "auto", iconHeight: "133px", headerColor: "#00093a", subHeaderColor: "#00093a", image: "", imageWidth: "20%", imageHeight: "300px", imageVerticalPosition: "top", imageHorizontalPosition: "left", contentColor: "#00093a", }; // set default data for the component var defaultData = { handleBarBackgroundColor: "#fff", enableNotch: false, icon: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_trophy_no_circle.png", iconWidth: "auto", iconHeight: "auto", iconPosition: "center", headerColor: "#656565", subHeaderColor: "#656565", image: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_enews_circle.png", imageWidth: "auto", imageHeight: "300px", imageVerticalPosition: "top", imageHorizontalPosition: "right", contentColor: "#656565", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#premiumInfoContainer"); if (configData.icon.length) { // configure icon styling componentElement.find(".text-image-icon").css({ width: configData.iconWidth, height: configData.iconHeight, backgroundImage: `url(${configData.icon})`, backgroundRepeat: "no-repeat", backgroundPosition: `${configData.iconPosition}`, backgroundSize: "contain", }); } $("head").append( `<style type="text/css"> #premiumInfoContainer .text-image-heading h1, #premiumInfoContainer .text-image-heading h2, #premiumInfoContainer .text-image-heading h3, #premiumInfoContainer .text-image-heading p, #premiumInfoContainer .text-image-heading span, #premiumInfoContainer .text-image-heading ul li #premiumInfoContainer .text-image-heading .quote-person-1 .content-sm q, #premiumInfoContainer .text-image-heading .quote-person-1 .content-sm footer { color: ${configData.headerColor}; } #premiumInfoContainer .text-image-sub-heading h1, #premiumInfoContainer .text-image-sub-heading h2, #premiumInfoContainer .text-image-sub-heading h3, #premiumInfoContainer .text-image-sub-heading p, #premiumInfoContainer .text-image-sub-heading span, #premiumInfoContainer .text-image-sub-heading ul li, #premiumInfoContainer .text-image-sub-heading .quote-person-1 .content-sm q, #premiumInfoContainer .text-image-sub-heading .quote-person-1 .content-sm footer { color: ${configData.subHeaderColor}; } #premiumInfoContainer .text-image-content h1, #premiumInfoContainer .text-image-content h2, #premiumInfoContainer .text-image-content h3, #premiumInfoContainer .text-image-content p, #premiumInfoContainer .text-image-content span, #premiumInfoContainer .text-image-content ul li, #premiumInfoContainer .text-image-content .quote-person-1 .content-sm q, #premiumInfoContainer .text-image-content .quote-person-1 .content-sm footer { color: ${configData.contentColor}; } </style>` ); if (configData.image.length) { // configure image and image styling componentElement.find(".text-image-img").css({ float: configData.imageHorizontalPosition, width: configData.imageWidth, height: configData.imageHeight, backgroundImage: `url(${configData.image})`, backgroundRepeat: "no-repeat", backgroundPosition: `center ${configData.imageVerticalPosition}`, backgroundSize: "contain", }); } if (configData.imageHorizontalPosition === "left") { componentElement.find(".text-image-img").css("margin-right", "2em"); } else if (configData.imageHorizontalPosition === "right") { componentElement.find(".text-image-img").css("margin-left", "2em"); } 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 --> <style> #premiumInfoContainer table tr th, #premiumInfoContainer table tr td { text-align: center; width: 50%; } </style> </div> </div> <div class="HandlebarContainer"> <div class="HandlebarTemplate"><style> .ia-twoplusone, .ia-pagecontent-head { float: inherit; } .notch { content: ""; position: absolute; bottom: -29px; left: calc(50% - 50px); border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 30px solid transparent; z-index: 1000; } .custom-feature-tiles { max-width: 974px; width: 100%; padding: 3em 0; margin: auto; } .custom-feature-tiles-header h1, .custom-feature-tiles-header h2, .custom-feature-tiles-header h3, .custom-feature-tiles-header p, .custom-feature-tiles-header span, .custom-feature-tiles-header ul li { line-height: 1.125; margin-top: 1em; margin-bottom: .5em; font-weight: bold; } .custom-feature-tiles-header h1 { font-size: 2.5rem; } .custom-feature-tiles-header h2 { font-size: 2rem; } .custom-feature-tiles-header h3 { font-size: 1.5rem; } .custom-feature-tiles-header a, .custom-feature-tiles-header button, .custom-feature-tiles-content a, .custom-feature-tiles-content button, .custom-feature-tiles-footer a, .custom-feature-tiles-footer button { margin: 0; } .custom-feature-tiles-header a.cta-red, .custom-feature-tiles-header button.cta-red, .custom-feature-tiles-content a.cta-red, .custom-feature-tiles-content button.cta-red, .custom-feature-tiles-footer a.cta-red, .custom-feature-tiles-footer button.cta-red { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .custom-feature-tiles-header a.cta-red:focus, .custom-feature-tiles-header button.cta-red:focus, .custom-feature-tiles-header a.cta-red:hover, .custom-feature-tiles-header button.cta-red:hover, .custom-feature-tiles-content a.cta-red:focus, .custom-feature-tiles-content button.cta-red:focus, .custom-feature-tiles-content a.cta-red:hover, .custom-feature-tiles-content button.cta-red:hover, .custom-feature-tiles-footer a.cta-red:focus, .custom-feature-tiles-footer button.cta-red:focus, .custom-feature-tiles-footer a.cta-red:hover, .custom-feature-tiles-footer button.cta-red:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .custom-feature-tiles-header a.cta-navy-blue, .custom-feature-tiles-header button.cta-navy-blue, .custom-feature-tiles-content a.cta-navy-blue, .custom-feature-tiles-content button.cta-navy-blue, .custom-feature-tiles-footer a.cta-navy-blue, .custom-feature-tiles-footer button.cta-navy-blue { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .custom-feature-tiles-header a.cta-navy-blue:focus, .custom-feature-tiles-header button.cta-navy-blue:focus, .custom-feature-tiles-header a.cta-navy-blue:hover, .custom-feature-tiles-header button.cta-navy-blue:hover, .custom-feature-tiles-content a.cta-navy-blue:focus, .custom-feature-tiles-content button.cta-navy-blue:focus, .custom-feature-tiles-content a.cta-navy-blue:hover, .custom-feature-tiles-content button.cta-navy-blue:hover, .custom-feature-tiles-footer a.cta-navy-blue:focus, .custom-feature-tiles-footer button.cta-navy-blue:focus, .custom-feature-tiles-footer a.cta-navy-blue:hover, .custom-feature-tiles-footer button.cta-navy-blue:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .custom-feature-tiles-header a.cta-white, .custom-feature-tiles-header button.cta-white, .custom-feature-tiles-content a.cta-white, .custom-feature-tiles-content button.cta-white, .custom-feature-tiles-footer a.cta-white, .custom-feature-tiles-footer button.cta-white { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .custom-feature-tiles-header a.cta-white:focus, .custom-feature-tiles-header button.cta-white:focus, .custom-feature-tiles-header a.cta-white:hover, .custom-feature-tiles-header button.cta-white:hover, .custom-feature-tiles-content a.cta-white:focus, .custom-feature-tiles-content button.cta-white:focus, .custom-feature-tiles-content a.cta-white:hover, .custom-feature-tiles-content button.cta-white:hover, .custom-feature-tiles-footer a.cta-white:focus, .custom-feature-tiles-footer button.cta-white:focus, .custom-feature-tiles-footer a.cta-white:hover, .custom-feature-tiles-footer button.cta-white:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .custom-feature-tiles-header a.cta-blue, .custom-feature-tiles-header button.cta-blue, .custom-feature-tiles-content a.cta-blue, .custom-feature-tiles-content button.cta-blue, .custom-feature-tiles-footer a.cta-blue, .custom-feature-tiles-footer button.cta-blue { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .custom-feature-tiles-header a.cta-blue:focus, .custom-feature-tiles-header button.cta-blue:focus, .custom-feature-tiles-header a.cta-blue:hover, .custom-feature-tiles-header button.cta-blue:hover, .custom-feature-tiles-content a.cta-blue:focus, .custom-feature-tiles-content button.cta-blue:focus, .custom-feature-tiles-content a.cta-blue:hover, .custom-feature-tiles-content button.cta-blue:hover, .custom-feature-tiles-footer a.cta-blue:focus, .custom-feature-tiles-footer button.cta-blue:focus, .custom-feature-tiles-footer a.cta-blue:hover, .custom-feature-tiles-footer button.cta-blue:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } .custom-feature-tiles-content h1, .custom-feature-tiles-content h2, .custom-feature-tiles-content h3, .custom-feature-tiles-content p, .custom-feature-tiles-content span, .custom-feature-tiles-content ul li { line-height: 1.5; font-size: 1.125rem; } .custom-feature-tiles-footer h1, .custom-feature-tiles-footer h2, .custom-feature-tiles-footer h3, .custom-feature-tiles-footer p, .custom-feature-tiles-footer span, .custom-feature-tiles-footer ul li { line-height: 1.5; font-size: 1.125rem; } .custom-feature-tiles-items { display: grid; column-gap: 30px; row-gap: 30px; /* grid-auto-rows: 1fr; */ } .custom-feature-tiles-items > a { text-decoration: none; display: inherit; } .custom-feature-tiles-item { position: relative; max-width: 472px; //max-height: 500px; min-height: 200px; border-top: none; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 30px 30px 40px 20px; } .custom-feature-tiles-item-icon img { width: 128px; height: 128px; } .custom-feature-tiles-item-header { padding-left: 10px; } .custom-feature-tiles-item-header h1, .custom-feature-tiles-item-header h2, .custom-feature-tiles-item-header h3, .custom-feature-tiles-item-header p, .custom-feature-tiles-item-header span, .custom-feature-tiles-item-header ul li { font-size: 1.5rem; font-family: "Roboto", Calibri, sans-serif; font-weight: bold; line-height: 1.125; margin: 10px 0 20px 0; } .custom-feature-tiles-item-content { padding-left: 10px; } .custom-feature-tiles-item-content h1, .custom-feature-tiles-item-content h2, .custom-feature-tiles-item-content h3, .custom-feature-tiles-item-content p, .custom-feature-tiles-item-content span, .custom-feature-tiles-item-content ul li { font-size: 1.125rem; font-family: "Roboto", Calibri, sans-serif; font-weight: normal; line-height: 1.5; margin-bottom: 0; } .custom-feature-tiles-item-button { padding-left: 10px; } .custom-feature-tiles-item-button a, .custom-feature-tiles-item-button button { margin: 0; margin-top: 30px; } .custom-feature-tiles-item-button.cta-red a, .custom-feature-tiles-item-button.cta-red button { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .custom-feature-tiles-item-button.cta-red a:focus, .custom-feature-tiles-item-button.cta-red a:hover, .custom-feature-tiles-item-button.cta-red button:focus, .custom-feature-tiles-item-button.cta-red button:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .custom-feature-tiles-item-button.cta-navy-blue a, .custom-feature-tiles-item-button.cta-navy-blue button { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .custom-feature-tiles-item-button.cta-navy-blue a:focus, .custom-feature-tiles-item-button.cta-navy-blue a:hover, .custom-feature-tiles-item-button.cta-navy-blue button:focus, .custom-feature-tiles-item-button.cta-navy-blue button:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .custom-feature-tiles-item-button.cta-white a, .custom-feature-tiles-item-button.cta-white button { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .custom-feature-tiles-item-button.cta-white a:focus, .custom-feature-tiles-item-button.cta-white a:hover, .custom-feature-tiles-item-button.cta-white button:focus, .custom-feature-tiles-item-button.cta-white button:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .custom-feature-tiles-item-button.cta-blue a, .custom-feature-tiles-item-button.cta-blue button { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .custom-feature-tiles-item-button.cta-blue a:focus, .custom-feature-tiles-item-button.cta-blue a:hover, .custom-feature-tiles-item-button.cta-blue button:focus, .custom-feature-tiles-item-button.cta-blue button:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } @media screen and (max-width: 1024px) { .custom-feature-tiles { padding: 3em; } } @media screen and (max-width: 768px) { .custom-feature-tiles-items { column-gap: 30px; row-gap: 30px; } } </style> <div id="featureTiles1" class="custom-feature-tiles"> <div class="custom-feature-tiles-header"><h2 class="text-center">CMHC Income Property Resources</h2></div> <div class="custom-feature-tiles-content"><p class="text-center">Guiding smart homebuying choices with a variety of financial planning tools. </p></div> <div class="custom-feature-tiles-items"><div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"> <img alt="Null" style="height:auto; width:auto;" src="https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/icons/purple-icon-factsheet.svg" /> </div> <div class="custom-feature-tiles-item-header"> <h3><a href="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/pdfs/factsheets/new/cmhc-income-property-fact-sheet.pdf">Fact Sheet</a></h3> </div> <div class="custom-feature-tiles-item-content"> <p>Find full details on CMHC Income Property.</p> </div> <div class="custom-feature-tiles-item-button"> <a href="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/pdfs/factsheets/new/cmhc-income-property-fact-sheet.pdf" class="button" aria-label="Download details about CMHC Income Property">Download</a> </div> </div> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"> <img alt="Null" style="height:auto; width:auto;" src="https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/icons/icon-mortgage-calculator-2.svg" /> </div> <div class="custom-feature-tiles-item-header"> <h3><a href="/consumers/home-buying/calculators/mortgage-calculator">Mortgage Calculator</a></h3> </div> <div class="custom-feature-tiles-item-content"> <p>Compare rates, payment frequency, amortization and more to find your best mortgage options.</p> </div> <div class="custom-feature-tiles-item-button"> <a href="/consumers/home-buying/calculators/mortgage-calculator" class="button" aria-label="Use the mortgage calculator">Calculate</a> </div> </div> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"> <img alt="Null" style="height:auto; width:auto;" src="https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/icons/icon-compare.svg" /> </div> <div class="custom-feature-tiles-item-header"> <h3><a href="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/pdfs/factsheets/new/cmhc-quick-reference.pdf">Quick Reference Guide</a></h3> </div> <div class="custom-feature-tiles-item-content"> <p>Compare this product to our other mortgage loan insurance options.</p> </div> <div class="custom-feature-tiles-item-button"> <a href="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/pdfs/factsheets/new/cmhc-quick-reference.pdf" class="button" aria-label="Download other mortgage loan insurance options.">Download</a> </div> </div> <div class="custom-feature-tiles-item"> <div class="custom-feature-tiles-item-icon"> <img alt="Null" style="height:auto; width:auto;" src="https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/icons/icon-mortgage-calculator-2.svg" /> </div> <div class="custom-feature-tiles-item-header"> <h3><a href="/consumers/home-buying/calculators">Homebuying Calculators</a></h3> </div> <div class="custom-feature-tiles-item-content"> <p>Use these calculators to help your clients in their home purchase planning.</p> </div> <div class="custom-feature-tiles-item-button"> <a href="/consumers/home-buying/calculators" class="button" aria-label="Use these homebuying mortgage calculator">Calculate</a> </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": "#7a64d8", "borderLeftRightBottomColor": "#e5e5e5", "headerColor": "#00093a", "contentColor": "#656565", "footerColor": "#00093a", "tileHeaderColor": "#00093a", "tileContentBackgroundColor": "#fff", "tileContentColor": "#656565", "tileButtonColor": "white", "numberOfCols": "2" } ; // 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"); 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 .custom-feature-tiles-items { grid-template-columns: ${numberOfCols}; } #featureTiles1 .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 .custom-feature-tiles-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background-color: ${configData.borderTopColor}; } #featureTiles1 .custom-feature-tiles-header h1, #featureTiles1 .custom-feature-tiles-header h2, #featureTiles1 .custom-feature-tiles-header h3, #featureTiles1 .custom-feature-tiles-header p, #featureTiles1 .custom-feature-tiles-header span, #featureTiles1 .custom-feature-tiles-header ul li { color: ${configData.headerColor}; } #featureTiles1 .custom-feature-tiles-content h1, #featureTiles1 .custom-feature-tiles-content h2, #featureTiles1 .custom-feature-tiles-content h3, #featureTiles1 .custom-feature-tiles-content p, #featureTiles1 .custom-feature-tiles-content span, #featureTiles1 .custom-feature-tiles-content ul li { color: ${configData.contentColor}; } #featureTiles1 .custom-feature-tiles-footer h1, #featureTiles1 .custom-feature-tiles-footer h2, #featureTiles1 .custom-feature-tiles-footer h3, #featureTiles1 .custom-feature-tiles-footer p, #featureTiles1 .custom-feature-tiles-footer span, #featureTiles1 .custom-feature-tiles-footer ul li { color: ${configData.footerColor}; } #featureTiles1 .custom-feature-tiles-item-header h1, #featureTiles1 .custom-feature-tiles-item-header h2, #featureTiles1 .custom-feature-tiles-item-header h3, #featureTiles1 .custom-feature-tiles-item-header p, #featureTiles1 .custom-feature-tiles-item-header span, #featureTiles1 .custom-feature-tiles-item-header ul li { color: ${configData.tileHeaderColor}; } #featureTiles1 .custom-feature-tiles-item-content h1, #featureTiles1 .custom-feature-tiles-item-content h2, #featureTiles1 .custom-feature-tiles-item-content h3, #featureTiles1 .custom-feature-tiles-item-content p, #featureTiles1 .custom-feature-tiles-item-content span, #featureTiles1 .custom-feature-tiles-item-content a, #featureTiles1 .custom-feature-tiles-item-content ul li { color: ${configData.tileContentColor}; } #featureTiles1 .custom-feature-tiles-item-content ul { margin-left: 1em; list-style: disc; } @media screen and (max-width: 1024px) { #featureTiles1 .custom-feature-tiles-items { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 720px) { #featureTiles1 .custom-feature-tiles-items { grid-template-columns: 1fr; } #featureTiles1 .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; } .text-image-container { position: relative; border: none; margin: auto; max-width: 920px; padding: 3em 0; } .text-image-heading h1, .text-image-heading h2, .text-image-heading h3 { line-height: 1.2; margin-top: 1em; margin-bottom: 0.5em; font-weight: bold; } .text-image-sub-heading h1, .text-image-sub-heading h2, .text-image-sub-heading h3 { margin: 0; margin-bottom: 0.5em; font-weight: bold; } .text-image-heading h1, .text-image-sub-heading h1 { font-size: 2.5rem; } .text-image-heading h2, .text-image-sub-heading h2 { font-size: 2rem; } .text-image-heading h3, .text-image-sub-heading h3 { font-size: 1.5rem; } .text-image { margin-top: 2em; overflow: hidden; } .text-image-content { display: flex; flex-direction: column; } .text-image p { font-size: 1.125rem; } .text-image ul { list-style: disc; padding-left: 20px; margin-bottom: 1em; } .text-image-container a, .text-image-container button { margin: 0; } .text-image-container .cta-red, .text-image-container .cta-red { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .text-image-container .cta-red:focus, .text-image-container .cta-red:hover, .text-image-container .cta-red:focus, .text-image-container .cta-red:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .text-image-container .cta-navy-blue, .text-image-container .cta-navy-blue { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .text-image-container .cta-navy-blue:focus, .text-image-container .cta-navy-blue:hover, .text-image-container .cta-navy-blue:focus, .text-image-container .cta-navy-blue:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .text-image-container .cta-white, .text-image-container .cta-white { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .text-image-container .cta-white:focus, .text-image-container .cta-white:hover, .text-image-container .cta-white:focus, .text-image-container .cta-white:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .text-image-container .cta-blue, .text-image-container .cta-blue { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .text-image-container .cta-blue:focus, .text-image-container .cta-blue:hover, .text-image-container .cta-blue:focus, .text-image-container .cta-blue:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } /* when screen is less than 1024px */ @media screen and (max-width: 1024px) { } /* when screen is less than 935px */ @media screen and (max-width: 935px) { .text-image-container { padding: 3em; } } /* when screen is less than 768px */ @media screen and (max-width: 768px) { } /* when screen is less than 600px */ @media screen and (max-width: 600px) { .text-image-img { display: none; } } /* when screen is less than 480px */ @media screen and (max-width: 480px) { .text-image-container h1 { font-size: 2rem; } .text-image-container h2 { font-size: 1.5rem; } .text-image-container h3 { font-size: 1rem; } } </style> <div id="testimonial-president" class="text-image-container"> <div class="text-image-icon"></div> <!-- Variable used for the header of the text image container we should use one of the headings from h1 to h6 we can pass our own styling / classes if we need to overwrite styling --> <div class="text-image-heading"><h2 class="text-center">Help Your Clients Save With CMHC's Eco Products!</h2></div> <!-- Variable used for the sub header of the text image container we should use one of the headings from h1 to h6 we can pass our own styling / classes if we need to overwrite styling --> <div class="text-image-sub-heading"></div> <div class="text-image"> <div class="text-image-img"></div> <!-- Variable used for the content any HTML element can be used but <p> is recommended --> <div class="text-image-content"><p class="text-center">When homebuyers purchase energy-efficient homes, they may be eligible for a 25% partial refund on their insurance premium through <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/eco-programs-for-lenders">CMHC&rsquo;s Eco Plus</a>.</p> <p style="text-align:center;"><a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/eco-programs-for-lenders" class="cta-white button" aria-label="Explore Eco Products">Explore</a> </p></div> </div> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { handleBarBackgroundColor: "#f7f7f7", enableNotch: false, icon: "https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/icons/purple-eco-plus.svg", iconWidth: "auto", iconHeight: "133px", headerColor: "#00093a", subHeaderColor: "#656565", image: "", imageWidth: "20%", imageHeight: "300px", imageVerticalPosition: "top", imageHorizontalPosition: "left", contentColor: "#656565", }; // set default data for the component var defaultData = { handleBarBackgroundColor: "#fff", enableNotch: false, icon: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_trophy_no_circle.png", iconWidth: "auto", iconHeight: "auto", iconPosition: "center", headerColor: "#656565", subHeaderColor: "#656565", image: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_enews_circle.png", imageWidth: "auto", imageHeight: "300px", imageVerticalPosition: "top", imageHorizontalPosition: "right", contentColor: "#656565", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#testimonial-president"); if (configData.icon.length) { // configure icon styling componentElement.find(".text-image-icon").css({ width: configData.iconWidth, height: configData.iconHeight, backgroundImage: `url(${configData.icon})`, backgroundRepeat: "no-repeat", backgroundPosition: `${configData.iconPosition}`, backgroundSize: "contain", }); } $("head").append( `<style type="text/css"> #testimonial-president .text-image-heading h1, #testimonial-president .text-image-heading h2, #testimonial-president .text-image-heading h3, #testimonial-president .text-image-heading p, #testimonial-president .text-image-heading span, #testimonial-president .text-image-heading ul li #testimonial-president .text-image-heading .quote-person-1 .content-sm q, #testimonial-president .text-image-heading .quote-person-1 .content-sm footer { color: ${configData.headerColor}; } #testimonial-president .text-image-sub-heading h1, #testimonial-president .text-image-sub-heading h2, #testimonial-president .text-image-sub-heading h3, #testimonial-president .text-image-sub-heading p, #testimonial-president .text-image-sub-heading span, #testimonial-president .text-image-sub-heading ul li, #testimonial-president .text-image-sub-heading .quote-person-1 .content-sm q, #testimonial-president .text-image-sub-heading .quote-person-1 .content-sm footer { color: ${configData.subHeaderColor}; } #testimonial-president .text-image-content h1, #testimonial-president .text-image-content h2, #testimonial-president .text-image-content h3, #testimonial-president .text-image-content p, #testimonial-president .text-image-content span, #testimonial-president .text-image-content ul li, #testimonial-president .text-image-content .quote-person-1 .content-sm q, #testimonial-president .text-image-content .quote-person-1 .content-sm footer { color: ${configData.contentColor}; } </style>` ); if (configData.image.length) { // configure image and image styling componentElement.find(".text-image-img").css({ float: configData.imageHorizontalPosition, width: configData.imageWidth, height: configData.imageHeight, backgroundImage: `url(${configData.image})`, backgroundRepeat: "no-repeat", backgroundPosition: `center ${configData.imageVerticalPosition}`, backgroundSize: "contain", }); } if (configData.imageHorizontalPosition === "left") { componentElement.find(".text-image-img").css("margin-right", "2em"); } else if (configData.imageHorizontalPosition === "right") { componentElement.find(".text-image-img").css("margin-left", "2em"); } 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; } .text-image-container { position: relative; border: none; margin: auto; max-width: 920px; padding: 3em 0; } .text-image-heading h1, .text-image-heading h2, .text-image-heading h3 { line-height: 1.2; margin-top: 1em; margin-bottom: 0.5em; font-weight: bold; } .text-image-sub-heading h1, .text-image-sub-heading h2, .text-image-sub-heading h3 { margin: 0; margin-bottom: 0.5em; font-weight: bold; } .text-image-heading h1, .text-image-sub-heading h1 { font-size: 2.5rem; } .text-image-heading h2, .text-image-sub-heading h2 { font-size: 2rem; } .text-image-heading h3, .text-image-sub-heading h3 { font-size: 1.5rem; } .text-image { margin-top: 2em; overflow: hidden; } .text-image-content { display: flex; flex-direction: column; } .text-image p { font-size: 1.125rem; } .text-image ul { list-style: disc; padding-left: 20px; margin-bottom: 1em; } .text-image-container a, .text-image-container button { margin: 0; } .text-image-container .cta-red, .text-image-container .cta-red { background-color: #da291c; color: white; padding: 1em 5em; border: 2px solid #da291c; } .text-image-container .cta-red:focus, .text-image-container .cta-red:hover, .text-image-container .cta-red:focus, .text-image-container .cta-red:hover { background-color: white; outline-color: #da291c; color: #da291c; border: 2px solid #da291c; } .text-image-container .cta-navy-blue, .text-image-container .cta-navy-blue { background-color: #00093a; color: white; padding: 1em 5em; border: 2px solid #00093a; } .text-image-container .cta-navy-blue:focus, .text-image-container .cta-navy-blue:hover, .text-image-container .cta-navy-blue:focus, .text-image-container .cta-navy-blue:hover { background-color: white; outline-color: #00093a; color: #00093a; border: 2px solid #00093a; } .text-image-container .cta-white, .text-image-container .cta-white { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .text-image-container .cta-white:focus, .text-image-container .cta-white:hover, .text-image-container .cta-white:focus, .text-image-container .cta-white:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .text-image-container .cta-blue, .text-image-container .cta-blue { background-color: #005c84; color: white; padding: 1em 5em; border: 2px solid #005c84; } .text-image-container .cta-blue:focus, .text-image-container .cta-blue:hover, .text-image-container .cta-blue:focus, .text-image-container .cta-blue:hover { background-color: white; outline-color: #00405c; color: #00405c; border: 2px solid #00405c; } /* when screen is less than 1024px */ @media screen and (max-width: 1024px) { } /* when screen is less than 935px */ @media screen and (max-width: 935px) { .text-image-container { padding: 3em; } } /* when screen is less than 768px */ @media screen and (max-width: 768px) { } /* when screen is less than 600px */ @media screen and (max-width: 600px) { .text-image-img { display: none; } } /* when screen is less than 480px */ @media screen and (max-width: 480px) { .text-image-container h1 { font-size: 2rem; } .text-image-container h2 { font-size: 1.5rem; } .text-image-container h3 { font-size: 1rem; } } </style> <div id="underwritingCentre" class="text-image-container"> <div class="text-image-icon"></div> <!-- Variable used for the header of the text image container we should use one of the headings from h1 to h6 we can pass our own styling / classes if we need to overwrite styling --> <div class="text-image-heading"><h2 class="text-center">Get in Touch</h2></div> <!-- Variable used for the sub header of the text image container we should use one of the headings from h1 to h6 we can pass our own styling / classes if we need to overwrite styling --> <div class="text-image-sub-heading"></div> <div class="text-image"> <div class="text-image-img"></div> <!-- Variable used for the content any HTML element can be used but <p> is recommended --> <div class="text-image-content"><p class="text-center">Our Homeowner Underwriting Centre is backed by our dedicated team of professionals to provide mortgage loan, policy and application information. </p> <p class="text-center"><span class="phone">Call us at 1-888-Go-emili</span> <br /> (<strong>1-888-463-6454</strong>)</p> <p style="text-align:center;"> <a href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/contact-mortgage-loan-insurance" class="cta-white button" aria-label="Contact a CMHC representative">Contact</a> </p> </div> </div> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { handleBarBackgroundColor: "#00093a", enableNotch: false, icon: "https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/icons/purple-icon-mobile-device.svg", iconWidth: "auto", iconHeight: "133px", headerColor: "#fff", subHeaderColor: "#fff", image: "", imageWidth: "20%", imageHeight: "300px", imageVerticalPosition: "top", imageHorizontalPosition: "left", contentColor: "#fff", }; // set default data for the component var defaultData = { handleBarBackgroundColor: "#fff", enableNotch: false, icon: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_trophy_no_circle.png", iconWidth: "auto", iconHeight: "auto", iconPosition: "center", headerColor: "#656565", subHeaderColor: "#656565", image: "https://assets.cmhc-schl.gc.ca/sites/cmhc/shared/images/icons/icon_enews_circle.png", imageWidth: "auto", imageHeight: "300px", imageVerticalPosition: "top", imageHorizontalPosition: "right", contentColor: "#656565", }; // use default config if properties missing from provided config if (configData && Object.keys(configData).length > 0) { configData = { ...defaultData, ...configData }; } // get component element var componentElement = $("#underwritingCentre"); if (configData.icon.length) { // configure icon styling componentElement.find(".text-image-icon").css({ width: configData.iconWidth, height: configData.iconHeight, backgroundImage: `url(${configData.icon})`, backgroundRepeat: "no-repeat", backgroundPosition: `${configData.iconPosition}`, backgroundSize: "contain", }); } $("head").append( `<style type="text/css"> #underwritingCentre .text-image-heading h1, #underwritingCentre .text-image-heading h2, #underwritingCentre .text-image-heading h3, #underwritingCentre .text-image-heading p, #underwritingCentre .text-image-heading span, #underwritingCentre .text-image-heading ul li #underwritingCentre .text-image-heading .quote-person-1 .content-sm q, #underwritingCentre .text-image-heading .quote-person-1 .content-sm footer { color: ${configData.headerColor}; } #underwritingCentre .text-image-sub-heading h1, #underwritingCentre .text-image-sub-heading h2, #underwritingCentre .text-image-sub-heading h3, #underwritingCentre .text-image-sub-heading p, #underwritingCentre .text-image-sub-heading span, #underwritingCentre .text-image-sub-heading ul li, #underwritingCentre .text-image-sub-heading .quote-person-1 .content-sm q, #underwritingCentre .text-image-sub-heading .quote-person-1 .content-sm footer { color: ${configData.subHeaderColor}; } #underwritingCentre .text-image-content h1, #underwritingCentre .text-image-content h2, #underwritingCentre .text-image-content h3, #underwritingCentre .text-image-content p, #underwritingCentre .text-image-content span, #underwritingCentre .text-image-content ul li, #underwritingCentre .text-image-content .quote-person-1 .content-sm q, #underwritingCentre .text-image-content .quote-person-1 .content-sm footer { color: ${configData.contentColor}; } </style>` ); if (configData.image.length) { // configure image and image styling componentElement.find(".text-image-img").css({ float: configData.imageHorizontalPosition, width: configData.imageWidth, height: configData.imageHeight, backgroundImage: `url(${configData.image})`, backgroundRepeat: "no-repeat", backgroundPosition: `center ${configData.imageVerticalPosition}`, backgroundSize: "contain", }); } if (configData.imageHorizontalPosition === "left") { componentElement.find(".text-image-img").css("margin-right", "2em"); } else if (configData.imageHorizontalPosition === "right") { componentElement.find(".text-image-img").css("margin-left", "2em"); } 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 --> <style> .cta-white.button { background-color: white; color: #00093a; padding: 1em 5em; border: 2px solid #00093a; } .cta-white.button:focus, .cta-white. button:hover { background-color: #00093a; outline-color: white; color: white; border: 2px solid white; } .phone { font-size:18px; } </style> </div> </div> <div class="HandlebarContainer"> <div class="HandlebarTemplate"><style> .ia-twoplusone, .ia-pagecontent-head { float: inherit; } .notch { content: ""; position: absolute; bottom: -29px; left: calc(50% - 50px); border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 30px solid transparent; z-index: 1000; } .custom-disclaimer-box { max-width: 1494px; padding-left: 30px; padding-right: 30px; padding-top: 48px; padding-bottom: 48px; width: 100%; margin: auto; } .custom-disclaimer-box-container { max-width: 974px; min-width: 350px; margin: auto; } .custom-disclaimer-box-title { align-self: stretch; word-wrap: break-word; } .custom-disclaimer-box-text { align-self: stretch; word-wrap: break-word; } @media (max-width: 767px) { } </style> <!-- Variable 2 is for the component id --> <div id="disclaimerContainer" class="custom-disclaimer-box"> <div class="custom-disclaimer-box-container"> <div class="custom-disclaimer-box-title"><h2 style="margin-top: 0; margin-bottom: 14px;">Disclaimer </h2></div> <div class="custom-disclaimer-box-text"><p>This material is a quick reference tool for CMHC’s common Mortgage Loan Insurance. Additional conditions may apply.</p> <p style="margin-bottom: 0">This information is subject to change at any time. Please verify with CMHC that you have the most up-to-date information before the loan is processed.</p></div> </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: "#f2f2f2", bottomNotchColor: "#f2f2f2", titleColor: "#00093a", contentColor: "#00093a" }; // set default data for the component var defaultData = { handleBarBackgroundColor: "#f7f7f7", enableTopNotch: false, enableBottomNotch: false, topNotchColor: "#f7f7f7", bottomNotchColor: "#f7f7f7", titleColor: "#00093a", contentColor: "#00093a" }; // 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"> #disclaimerContainer .custom-disclaimer-box-title h1, #disclaimerContainer .custom-disclaimer-box-title h2, #disclaimerContainer .custom-disclaimer-box-title h3, #disclaimerContainer .custom-disclaimer-box-title p, #disclaimerContainer .custom-disclaimer-box-title span, #disclaimerContainer .custom-disclaimer-box-title a, #disclaimerContainer .custom-disclaimer-box-title ul li, #disclaimerContainer .custom-disclaimer-box-title .quote-person-1 .content-sm q, #disclaimerContainer .custom-disclaimer-box-title .quote-person-1 .content-sm footer { color: ${configData.titleColor}; font-size: 0.9rem; font-weight: bold; line-height: 1.5; text-transform: uppercase; } #disclaimerContainer .custom-disclaimer-box-title ul { margin-left: 1em; list-style: disc; } #disclaimerContainer .custom-disclaimer-box-text h1, #disclaimerContainer .custom-disclaimer-box-text h2, #disclaimerContainer .custom-disclaimer-box-text h3, #disclaimerContainer .custom-disclaimer-box-text p, #disclaimerContainer .custom-disclaimer-box-text span, #disclaimerContainer .custom-disclaimer-box-text a, #disclaimerContainer .custom-disclaimer-box-text ul li, #disclaimerContainer .custom-disclaimer-box-text .quote-person-1 .content-sm q, #disclaimerContainer .custom-disclaimer-box-text .quote-person-1 .content-sm footer { color: ${configData.contentColor}; font-size: 0.9rem; font-weight: normal; line-height: 1.5; } @media screen and (max-width: 1024px) { } @media screen and (max-width: 720px) { } </style>` ); // get component element var componentElement = $("#disclaimerContainer"); 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=38624e9b-aa0c-4629-a569-c75a13fd6dc2"></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=283ecd59-b94c-41de-ab74-c9ca5674e5da"></script><script src="https://assets.cmhc-schl.gc.ca/global/scripts/project/cmhc/lib/jqueryvalidatemin.js?rev=5571218f-9cbd-442d-b36a-aeda4a4fe844"></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> <script> SF = window.SF || {}; SF.PageID = '{E0FC8C80-0EED-48E2-8950-58C532294FE4}'; $(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