CINXE.COM
Home Start | CMHC
<!DOCTYPE html> <html lang="en" itemscope itemtype="http://schema.org/WebPage"> <!--BEGIN NOINDEX--> <head> <meta name="VIcurrentDateTime" content="638683174668307420" /> <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/home-start" /> <link rel="icon" href="/favicon-CMHC.png" type="image/x-icon"> <!-- Apple Touch Icon --> <link rel="apple-touch-icon" sizes="180x180" href="/Apple-Touch-Icon-CMHC.png"> <!-- Open Graph Image for Social Sharing (including Safari share) --> <meta property="og:image" content="/favicon-CMHC.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <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/home-start' /><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/premier-chez-soi' /> <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>Home Start | CMHC</title> <meta name="description" content="CMHC Home Start offers 30-year mortgages for first-time homebuyers purchasing newly built homes. Click through to learn more. " /> <meta name="keywords" content="CMHC Home Start, mortgage loan insurance, first-time homebuyers, newly built homes 30-year mortgages for first-time homebuyers, mortgage loan insurance for high-ratio loans, Home Start Borrower qualifications, Home Start Eligibility requirements, Home Start Premium information " /> <!-- Open Graph data --> <meta property="og:title" content="CMHC Home Start: Opening the Door to Homeownership for First-Time Buyers " /> <meta property="og:description" content="CMHC Home Start provides lenders the option to offer 30-year mortgages and mortgage loan insurance for first-time homebuyers. Learn about eligibility requirements, borrower qualifications, and premium details to guide your clients through securing mortgage loan insurance. " /> <!-- Twitter Card data --> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="CMHC Home Start: Opening the Door to Homeownership for First-Time Buyers " /> <meta name="twitter:description" content="CMHC Home Start provides lenders the option to offer 30-year mortgages and mortgage loan insurance for first-time homebuyers. Learn about eligibility requirements, borrower qualifications, and premium details to guide your clients through securing mortgage loan insurance. " /> <!-- 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=e930bab0-04c8-4a5b-a66e-6fe61b8a3e9f" 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="home-start" 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&h=142&iar=0&w=300" alt="CMHC Home" width="300" height="142" /> <span>Canada Mortgage <br>and Housing Corporation</span> <style> header .menu-list a { border: 2px solid #e5e5e5; } </style><style class="darkreader darkreader--sync" media="screen"></style> </a> </div> <div class="site-menu float-right"> <ul> <li id="user-profile"> <a onclick="dl_CTA('Sign In',this);" href="/api/sitecore/B2CAuthentication/SignIn" id="lnkSignIn">Sign In </a> or <a onclick="dl_CTA('Register',this);" href="/cmhc-registration"> Register</a> <script type="text/javascript"> $('#lnkSignOut').on('click', function () { var url = '/api/sitecore/B2CAuthentication/SignOut'; var callbackUrl = window.location.protocol + "//" + window.location.hostname + window.location.pathname; window.location.href = url + "?callbackUrl=" + callbackUrl; }); </script> </li> <li id="language-btn-wrapper"> <a href="/professionnels/financement-de-projets-et-financement-hypothecaire/assurance-pret-hypothecaire/aph-po-et-petits-immeubles-locatifs/premier-chez-soi" onclick="dl_CTA('FRANÇAIS',this);languagecookie();" class="nav-language">FRANÇAIS</a> </li> <li class="default-menu"> <div class="menu-list"> <a class="navigation-btn"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/home/hamburger.png?rev=209c76e3-4bb0-457a-9f8f-4452da7a80f9&h=15&iar=0&w=19" alt="" width="19" height="15" /> <span class="menutext"> MENU</span> </a> </div> </li> </ul> <div class="search-main"> <div class="global-search-box"> <link rel="stylesheet" href="https://static.cloud.coveo.com/searchui/v2.10107/css/CoveoFullSearch.css" /> <link rel="stylesheet" href="https://static.cloud.coveo.com/coveoforsitecore/ui/v0.59.10/css/CoveoForSitecore.css" /> <script class="coveo-script" type="text/javascript" src='https://static.cloud.coveo.com/searchui/v2.10107/js/CoveoJsSearch.Lazy.min.js'></script> <script class="coveo-for-sitecore-script" type="text/javascript" src='https://static.cloud.coveo.com/coveoforsitecore/ui/v0.59.10/js/CoveoForSitecore.Lazy.min.js'></script> <script type="text/javascript" src="https://static.cloud.coveo.com/searchui/v2.10107/js/cultures/en.js"></script> <div> <!-- Resources --> <div id="SearchResourcesProperties_46ed27a2515a4cb2bd3c319e688e7ba1" 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='{"Created" : "Created" , "Updated By" : "Updated by" , "Language" : "Language" , "Last Time Modified" : "Last time modified." , "Uniform resource identifier" : "URI" , "Created By" : "Created by" , "Creation Time" : "Creation time." , "Template" : "Template" , "If the problem persists contact the administrator." : "If the problem persists contact the administrator." , "Search is currently unavailable" : "Oops! Something went wrong on the server." , "Ascending" : "Ascending" , "Descending" : "Descending"}' data-sc-maximum-age='900000' data-sc-page-name='home-start' 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/home-start' 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/{6233D262-07BC-4688-ACDF-11B30BF50B8D}?lang=en&ver=1' data-sc-item-id='6233d262-07bc-4688-acdf-11b30bf50b8d' data-prebind-sc-latest-version-field-name='fieldTranslator' data-sc-latest-version-field-name='_latestversion' data-sc-rest-endpoint-uri='/coveo/rest' data-sc-analytics-endpoint-uri='/coveo/rest/ua' data-sc-site-name='cmhc' data-sc-field-prefix='f' data-sc-field-suffix='31001' data-sc-prefer-source-specific-fields='false' data-sc-external-fields='[{"fieldName":"sysattachmentparentid","shouldEscape":false},{"fieldName":"permanentid","shouldEscape":false}]' data-sc-source-specific-fields='[{"fieldName":"attachmentparentid"},{"fieldName":"author"},{"fieldName":"clickableuri"},{"fieldName":"collection"},{"fieldName":"concepts"},{"fieldName":"date"},{"fieldName":"filetype"},{"fieldName":"indexeddate"},{"fieldName":"isattachment"},{"fieldName":"language"},{"fieldName":"printableuri"},{"fieldName":"rowid"},{"fieldName":"size"},{"fieldName":"source"},{"fieldName":"title"},{"fieldName":"topparent"},{"fieldName":"topparentid"},{"fieldName":"transactionid"},{"fieldName":"uri"},{"fieldName":"urihash"}]' > </div> <script type="text/javascript"> var endpointConfiguration = { itemUri: "sitecore://web/{6233D262-07BC-4688-ACDF-11B30BF50B8D}?lang=en&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_46ed27a2515a4cb2bd3c319e688e7ba1"); if (!!context) { CoveoForSitecore.Context.configureContext(context); } } </script> </div> <script> document.addEventListener("CoveoSearchEndpointInitialized", function() { var searchboxElement = document.getElementById("_185F67BF-1D73-4AEE-9564-FDE5B0EB24D9"); searchboxElement.addEventListener("CoveoComponentInitialized", function() { CoveoForSitecore.initSearchboxIfStandalone(searchboxElement, "/search"); }); }) </script> <div id="_185F67BF-1D73-4AEE-9564-FDE5B0EB24D9_container" class="coveo-for-sitecore-search-box-container" data-prebind-maximum-age='currentMaximumAge' > <div id="_185F67BF-1D73-4AEE-9564-FDE5B0EB24D9" class="CoveoSearchbox" data-enable-omnibox='true' data-prebind-maximum-age='currentMaximumAge' data-clear-filters-on-new-query='false' > <script type="text/javascript"> document.addEventListener("CoveoSearchEndpointInitialized", function() { var componentId = "_185F67BF-1D73-4AEE-9564-FDE5B0EB24D9"; var componentElement = document.getElementById(componentId); function showError(error) { console.error(error); } function areCoveoResourcesIncluded() { return typeof (Coveo) !== "undefined"; } if (areCoveoResourcesIncluded()) { var event = document.createEvent("CustomEvent"); event.initEvent("CoveoComponentInitialized", false, true); setTimeout(function() { componentElement.dispatchEvent(event); }, 0); } else { componentElement.classList.add("invalid"); showError("The Coveo Resources component must be included in this page."); } }); </script> <div class="CoveoForSitecoreBindWithUserContext"></div> <div class="CoveoForSitecoreExpressions"></div> <div class="CoveoForSitecoreConfigureSearchHub" data-sc-search-hub="search"></div> </div> </div> <input type="hidden" id="desktopText" value="What can we help you find?" /> <input type="hidden" id="mobileText" value="Search" /> </div> <div class="menu-list"> <a onclick="dl_Navigation('menu', 'open menu');" class="navigation-btn"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/home/hamburger.png?rev=209c76e3-4bb0-457a-9f8f-4452da7a80f9&h=15&iar=0&w=19" alt="" width="19" height="15" /> <span class="menutext">MENU</span> </a> </div> </div> </div> <!--ToTestCheckin--> <nav> <span id="close-menu"> × </span> <a href="/" onclick="dl_CTA('FRANÇAIS',this);languagecookie();" class="nav-language">FRANÇAIS</a> <ul> <li><a onclick="dl_Navigation('menu','Home');" href="/" class=" current-page-item">Home</a></li> <li> <a onclick="dl_Navigation('menu','Professionals');" href="/professionals" class=" ">Professionals</a> <ul> <li> <a onclick="dl_Navigation('menu','Project funding and mortgage financing');" href="/professionals/project-funding-and-mortgage-financing" class=" ">Project funding and mortgage financing</a> <ul> <li> <a onclick="dl_Navigation('menu','Funding programs');" href="/professionals/project-funding-and-mortgage-financing/funding-programs" class=" ">Funding programs</a> <ul> <li><a onclick="dl_Navigation('menu','Affordable Housing Fund');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/affordable-housing-fund-archived?rdlink=1" class=" ">Affordable Housing Fund</a></li> <li><a onclick="dl_Navigation('menu','Affordable Housing Innovation Fund');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/affordable-housing-innovation-fund?rdlink=1" class=" ">Affordable Housing Innovation Fund</a></li> <li><a onclick="dl_Navigation('menu','Apartment Construction Loan Program');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/apartment-construction-loan-program?rdlink=1" class=" ">Apartment Construction Loan Program</a></li> <li><a onclick="dl_Navigation('menu','Canada Greener Affordable Housing');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/canada-greener-affordable-housing-program?rdlink=1" class=" ">Canada Greener Affordable Housing</a></li> <li><a onclick="dl_Navigation('menu','Community (social) housing');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/community-housing" class=" ">Community (social) housing</a></li> <li><a onclick="dl_Navigation('menu','Federal Lands Initiative');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/federal-lands?rdlink=1" class=" ">Federal Lands Initiative</a></li> <li><a onclick="dl_Navigation('menu','Funding for Indigenous housing');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/indigenous" class=" ">Funding for Indigenous housing</a></li> <li><a onclick="dl_Navigation('menu','Housing Supply Challenge');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/housing-supply-challenge?rdlink=1" class=" ">Housing Supply Challenge</a></li> <li><a onclick="dl_Navigation('menu','Innovation and research');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/innovation-and-research" class=" ">Innovation and research</a></li> <li><a onclick="dl_Navigation('menu','National Housing Strategy Project Profiles');" href="/nhs/nhs-project-profiles?rdlink=1" class=" ">National Housing Strategy Project Profiles</a></li> <li><a onclick="dl_Navigation('menu','Rapid Housing Initiative');" href="/professionals/project-funding-and-mortgage-financing/funding-programs/all-funding-programs/rapid-housing?rdlink=1" class=" ">Rapid Housing Initiative</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Mortgage Loan Insurance Products');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance" class=" ">Mortgage Loan Insurance Products</a> <ul> <li> <a onclick="dl_Navigation('menu','Homeowner and Small Rental Mortgage Loan Insurance');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs" class=" ">Homeowner and Small Rental Mortgage Loan Insurance</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC Home Start');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/home-start" class=" ">CMHC Home Start</a></li> <li><a onclick="dl_Navigation('menu','CMHC Purchase');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/purchase" class=" ">CMHC Purchase</a></li> <li><a onclick="dl_Navigation('menu','CMHC Improvement');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/improvement" class=" ">CMHC Improvement</a></li> <li><a onclick="dl_Navigation('menu','CMHC Income Property');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/income-property" class=" ">CMHC Income Property</a></li> <li><a onclick="dl_Navigation('menu','CMHC Newcomers');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/newcomers" class=" ">CMHC Newcomers</a></li> <li><a onclick="dl_Navigation('menu','CMHC Self-Employed');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/self-employed" class=" ">CMHC Self-Employed</a></li> <li><a onclick="dl_Navigation('menu','CMHC Portability');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/portability" class=" ">CMHC Portability</a></li> <li><a onclick="dl_Navigation('menu','Eco Products for Lenders');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/eco-programs-for-lenders" class=" ">Eco Products for Lenders</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Homeowner Business Transformation (HBT)');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation" class=" ">Homeowner Business Transformation (HBT)</a> <ul> <li><a onclick="dl_Navigation('menu','Arrears Report Upload Tool');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation/arrears-report-upload-tool" class=" ">Arrears Report Upload Tool</a></li> <li><a onclick="dl_Navigation('menu','Default Management Request Submission Tool');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation/default-management-request-submission-tool" class=" ">Default Management Request Submission Tool</a></li> <li><a onclick="dl_Navigation('menu','Homeowner Claims Submission Tool');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation/homeowner-claim-submission-tool" class=" ">Homeowner Claims Submission Tool</a></li> <li><a onclick="dl_Navigation('menu','User Access Management (Coming Soon)');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/homeowner-business-transformation/user-access-management" class=" ">User Access Management (Coming Soon)</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Multi-Unit and Rental Housing');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance" class=" ">Multi-Unit and Rental Housing</a> <ul> <li><a onclick="dl_Navigation('menu','MLI Select');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/multi-unit-insurance/mliselect" class=" ">MLI Select</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Default, claims and properties for sale');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/default-claims-and-properties-for-sale" class=" ">Default, claims and properties for sale</a></li> <li><a onclick="dl_Navigation('menu','Underwriting centre');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/cmhc-underwriting-centre" class=" ">Underwriting centre</a></li> <li><a onclick="dl_Navigation('menu','emili');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/emili" class=" ">emili</a></li> <li><a onclick="dl_Navigation('menu','NHA approved lenders');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/nha-approved-lenders" class=" ">NHA approved lenders</a></li> <li><a onclick="dl_Navigation('menu','Calculating GDS / TDS');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/calculating-gds-tds" class=" ">Calculating GDS / TDS</a></li> <li><a onclick="dl_Navigation('menu','How to recognize and report mortgage fraud');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-fraud" class=" ">How to recognize and report mortgage fraud</a></li> <li><a onclick="dl_Navigation('menu','Contact mortgage loan insurance');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/contact-mortgage-loan-insurance" class=" ">Contact mortgage loan insurance</a></li> <li><a onclick="dl_Navigation('menu','Insured Mortgage Purchase Program (IMPP)');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/insured-mortgage-purchase-program" class=" ">Insured Mortgage Purchase Program (IMPP)</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Securitization');" href="/professionals/project-funding-and-mortgage-financing/securitization" class=" ">Securitization</a> <ul> <li><a onclick="dl_Navigation('menu','NHA Mortgage Backed Securities');" href="/professionals/project-funding-and-mortgage-financing/securitization/nha-mbs" class=" ">NHA Mortgage Backed Securities</a></li> <li><a onclick="dl_Navigation('menu','Canada Mortgage Bonds');" href="/professionals/project-funding-and-mortgage-financing/securitization/canada-mortgage-bonds" class=" ">Canada Mortgage Bonds</a></li> <li><a onclick="dl_Navigation('menu','Canadian registered covered bonds');" href="/professionals/project-funding-and-mortgage-financing/securitization/canadian-registered-covered-bonds" class=" ">Canadian registered covered bonds</a></li> <li><a onclick="dl_Navigation('menu','Blockchain in the housing industry');" href="/professionals/project-funding-and-mortgage-financing/securitization/blockchain-housing-industry" class=" ">Blockchain in the housing industry </a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Housing markets, data and research');" href="/professionals/housing-markets-data-and-research" class=" ">Housing markets, data and research</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC Reports Calendar');" href="/professionals/housing-markets-data-and-research/news-releases-reports-calendar" class=" ">CMHC Reports Calendar</a></li> <li> <a onclick="dl_Navigation('menu','Housing markets');" href="/professionals/housing-markets-data-and-research/market-reports" class=" ">Housing markets</a> <ul> <li><a onclick="dl_Navigation('menu','Housing market reports');" href="/professionals/housing-markets-data-and-research/market-reports/housing-market" class=" ">Housing market reports</a></li> <li><a onclick="dl_Navigation('menu','Mortgage market and consumer reports');" href="/professionals/housing-markets-data-and-research/market-reports/mortgage-market" class=" ">Mortgage market and consumer reports</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Housing research');" href="/professionals/housing-markets-data-and-research/housing-research" class=" ">Housing research</a> <ul> <li> <a onclick="dl_Navigation('menu','Consultations');" href="/professionals/housing-markets-data-and-research/housing-research/consultations" class=" ">Consultations</a> <ul> <li> <a onclick="dl_Navigation('menu','Prohibition on the Purchase of Residential Property by Non-Canadians Act');" href="/professionals/housing-markets-data-and-research/housing-research/consultations/prohibition-purchase-residential-property-non-canadians-act" class=" ">Prohibition on the Purchase of Residential Property by Non-Canadians Act</a> <ul> <li><a onclick="dl_Navigation('menu','Prohibition on the Purchase of Residential Property by Non-Canadians Act – Frequently asked questions');" href="/professionals/housing-markets-data-and-research/housing-research/consultations/prohibition-purchase-residential-property-non-canadians-act/faq" class=" ">Prohibition on the Purchase of Residential Property by Non-Canadians Act – Frequently asked questions</a></li> </ul> </li> </ul> </li> <li><a onclick="dl_Navigation('menu','Housing research reports');" href="/professionals/housing-markets-data-and-research/housing-research/research-reports" class=" ">Housing research reports</a></li> <li> <a onclick="dl_Navigation('menu','Housing surveys');" href="/professionals/housing-markets-data-and-research/housing-research/surveys" class=" ">Housing surveys</a> <ul> <li><a onclick="dl_Navigation('menu','Mortgage consumer surveys');" href="/professionals/housing-markets-data-and-research/housing-research/surveys/mortgage-consumer-surveys" class=" ">Mortgage consumer surveys</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Research awards and scholarships');" href="/professionals/housing-markets-data-and-research/housing-research/awards-and-scholarships" class=" ">Research awards and scholarships</a></li> <li><a onclick="dl_Navigation('menu','Understanding core housing need');" href="/professionals/housing-markets-data-and-research/housing-research/core-housing-need" class=" ">Understanding core housing need</a></li> <li><a onclick="dl_Navigation('menu','Collaborative Housing Research Network');" href="/professionals/housing-markets-data-and-research/housing-research/collaborative-housing-research-network" class=" ">Collaborative Housing Research Network</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Housing data');" href="/professionals/housing-markets-data-and-research/housing-data" class=" ">Housing data</a> <ul> <li> <a onclick="dl_Navigation('menu','Data tables');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables" class=" ">Data tables</a> <ul> <li><a onclick="dl_Navigation('menu','Household characteristics data');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables/household-characteristics" class=" ">Household characteristics data</a></li> <li><a onclick="dl_Navigation('menu','Housing market data');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables/housing-market-data" class=" ">Housing market data</a></li> <li><a onclick="dl_Navigation('menu','Mortgage and debt data');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables/mortgage-and-debt" class=" ">Mortgage and debt data</a></li> <li><a onclick="dl_Navigation('menu','Rental market data');" href="/professionals/housing-markets-data-and-research/housing-data/data-tables/rental-market" class=" ">Rental market data</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Housing market information portal');" href="https://www.cmhc-schl.gc.ca/hmiportal" class=" ">Housing market information portal</a></li> <li><a onclick="dl_Navigation('menu','Residential Mortgage Industry Data Dashboard');" href="/professionals/housing-markets-data-and-research/housing-data/residential-mortgage-industry-data-dashboard" class=" ">Residential Mortgage Industry Data Dashboard</a></li> <li><a onclick="dl_Navigation('menu','CMHC licence agreement for the use of data');" href="/professionals/housing-markets-data-and-research/housing-data/cmhc-licence-agreement-use-of-data" class=" ">CMHC licence agreement for the use of data</a></li> <li><a onclick="dl_Navigation('menu','Housing Knowledge Centre');" href="/library?rdlink=1" class=" ">Housing Knowledge Centre</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Industry innovation and leadership');" href="/professionals/industry-innovation-and-leadership" class=" ">Industry innovation and leadership</a> <ul> <li><a onclick="dl_Navigation('menu','Housing innovation');" href="/professionals/industry-innovation-and-leadership/housing-innovation" class=" ">Housing innovation</a></li> <li> <a onclick="dl_Navigation('menu','Our Partners');" href="/professionals/industry-innovation-and-leadership/our-partners" class=" ">Our Partners</a> <ul> <li><a onclick="dl_Navigation('menu','Partnerships');" href="/professionals/industry-innovation-and-leadership/our-partners/partnerships" class=" ">Partnerships</a></li> <li> <a onclick="dl_Navigation('menu','Federal, Provincial and Territorial Forum on Housing');" href="/professionals/industry-innovation-and-leadership/our-partners/partnering-provinces-territories" class=" ">Federal, Provincial and Territorial Forum on Housing</a> <ul> <li><a onclick="dl_Navigation('menu','Resources for Members of the Federal, Provincial and Territorial Forum on Housing');" href="/professionals/industry-innovation-and-leadership/our-partners/partnering-provinces-territories/protected-content" class=" ">Resources for Members of the Federal, Provincial and Territorial Forum on Housing</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Industry collaboration');" href="/professionals/industry-innovation-and-leadership/industry-collaboration" class=" ">Industry collaboration</a> <ul> <li><a onclick="dl_Navigation('menu','Expert Community on Housing (ECoH)');" href="/professionals/industry-innovation-and-leadership/industry-collaboration/expert-community-on-housing" class=" ">Expert Community on Housing (ECoH)</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Industry expertise');" href="/professionals/industry-innovation-and-leadership/industry-expertise" class=" ">Industry expertise</a> <ul> <li><a onclick="dl_Navigation('menu','Affordable housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/affordable-housing" class=" ">Affordable housing</a></li> <li><a onclick="dl_Navigation('menu','Indigenous housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/indigenous-housing" class=" ">Indigenous housing </a></li> <li><a onclick="dl_Navigation('menu','Senior housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/senior-housing" class=" ">Senior housing</a></li> <li><a onclick="dl_Navigation('menu','Accessible and adaptable housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/accessible-adaptable-housing" class=" ">Accessible and adaptable housing</a></li> <li><a onclick="dl_Navigation('menu','Developing sustainable housing');" href="/professionals/industry-innovation-and-leadership/industry-expertise/sustainable-housing" class=" ">Developing sustainable housing</a></li> <li><a onclick="dl_Navigation('menu','Resources for mortgage professionals');" href="/professionals/industry-innovation-and-leadership/industry-expertise/resources-for-mortgage-professionals" class=" ">Resources for mortgage professionals</a></li> <li><a onclick="dl_Navigation('menu','CMHC newsletters');" href="/cmhc-enewsletters?rdlink=1" class=" ">CMHC newsletters</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Events and speakers');" href="/professionals/events-and-speakers" class=" ">Events and speakers</a> <ul> <li> <a onclick="dl_Navigation('menu','Conferences');" href="/professionals/events-and-speakers/conferences" class=" ">Conferences</a> <ul> <li> <a onclick="dl_Navigation('menu','2024 National Housing Conference');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024" class=" ">2024 National Housing Conference</a> <ul> <li><a onclick="dl_Navigation('menu','About');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/about" class=" ">About</a></li> <li><a onclick="dl_Navigation('menu','National Housing Conference - Agenda');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/agenda" class=" ">National Housing Conference - Agenda</a></li> <li><a onclick="dl_Navigation('menu','Location');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/location" class=" ">Location</a></li> <li><a onclick="dl_Navigation('menu','InnoZone');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/innozone" class=" ">InnoZone</a></li> <li><a onclick="dl_Navigation('menu','Details for participants');" href="/professionals/events-and-speakers/conferences/national-housing-conference-2024/participants" class=" ">Details for participants</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Speakers’ bureau');" href="/professionals/events-and-speakers/speakers-bureau" class=" ">Speakers’ bureau</a> <ul> <li><a onclick="dl_Navigation('menu','Kevin Hughes');" href="/professionals/events-and-speakers/speakers-bureau/kevin-hughes-profile" class=" ">Kevin Hughes</a></li> </ul> </li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Consumers');" href="/consumers" class=" ">Consumers</a> <ul> <li> <a onclick="dl_Navigation('menu','Buying a home');" href="/consumers/home-buying" class=" ">Buying a home</a> <ul> <li> <a onclick="dl_Navigation('menu','Homebuying calculators');" href="/consumers/home-buying/calculators" class=" ">Homebuying calculators</a> <ul> <li><a onclick="dl_Navigation('menu','Mortgage calculator');" href="/consumers/home-buying/calculators/mortgage-calculator" class=" ">Mortgage calculator</a></li> <li><a onclick="dl_Navigation('menu','Affordability calculator');" href="/consumers/home-buying/calculators/affordability-calculator" class=" ">Affordability calculator</a></li> <li><a onclick="dl_Navigation('menu','Debt service calculator');" href="/consumers/home-buying/calculators/debt-service-calculator" class=" ">Debt service calculator</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Buying guides');" href="/consumers/home-buying/buying-guides" class=" ">Buying guides</a> <ul> <li><a onclick="dl_Navigation('menu','Homebuying step by step');" href="/consumers/home-buying/buying-guides/home-buying" class=" ">Homebuying step by step</a></li> <li><a onclick="dl_Navigation('menu','CMHC's condominium buyer's guide');" href="/consumers/home-buying/buying-guides/condominium" class=" ">CMHC's condominium buyer's guide</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Mortgage loan insurance for consumers');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers" class=" ">Mortgage loan insurance for consumers</a> <ul> <li><a onclick="dl_Navigation('menu','What is CMHC mortgage loan insurance?');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/what-is-mortgage-loan-insurance" class=" ">What is CMHC mortgage loan insurance?</a></li> <li><a onclick="dl_Navigation('menu','Do I qualify for mortgage loan insurance?');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/what-are-the-general-requirements-to-qualify-for-homeowner-mortgage-loan-insurance" class=" ">Do I qualify for mortgage loan insurance?</a></li> <li><a onclick="dl_Navigation('menu','CMHC mortgage loan insurance costs');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-mortgage-loan-insurance-cost" class=" ">CMHC mortgage loan insurance costs</a></li> <li> <a onclick="dl_Navigation('menu','CMHC's Eco Products');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-eco-products" class=" ">CMHC's Eco Products</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC’s Eco Improvement');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-eco-products/cmhc-eco-improvement" class=" ">CMHC’s Eco Improvement</a></li> <li><a onclick="dl_Navigation('menu','CMHC Eco Plus');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-eco-products/cmhc-eco-plus" class=" ">CMHC Eco Plus</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','CMHC — home renovation financing options');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/cmhc-home-renovation-financing-options" class=" ">CMHC — home renovation financing options</a></li> <li><a onclick="dl_Navigation('menu','FAQs — mortgage loan insurance');" href="/consumers/home-buying/mortgage-loan-insurance-for-consumers/faqs-mortgage-loan-insurance" class=" "> FAQs — mortgage loan insurance</a></li> <li><a onclick="dl_Navigation('menu','COVID-19: understanding mortgage payment deferral');" href="/professionals/industry-innovation-and-leadership/industry-expertise/resources-for-mortgage-professionals/covid19-understanding-mortgage-payment-deferral?rdlink=1" class=" ">COVID-19: understanding mortgage payment deferral</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Incentives for homebuyers');" href="/consumers/home-buying/government-of-canada-programs-to-support-homebuyers" class=" ">Incentives for homebuyers</a></li> <li><a onclick="dl_Navigation('menu','Newcomers');" href="/consumers/home-buying/newcomers" class=" ">Newcomers</a></li> <li><a onclick="dl_Navigation('menu','The First-Time Home Buyer Incentive');" href="/consumers/home-buying/first-time-home-buyer-incentive" class=" ">The First-Time Home Buyer Incentive</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Owning a home');" href="/consumers/owning-a-home" class=" ">Owning a home</a> <ul> <li> <a onclick="dl_Navigation('menu','Manage your mortgage');" href="/consumers/owning-a-home/mortgage-management" class=" ">Manage your mortgage </a> <ul> <li><a onclick="dl_Navigation('menu','Mortgage fraud');" href="/consumers/owning-a-home/mortgage-management/mortgage-fraud" class=" ">Mortgage fraud</a></li> <li><a onclick="dl_Navigation('menu','Mortgage planning tips');" href="/consumers/owning-a-home/mortgage-management/mortgage-planning-tips-cmhc" class=" ">Mortgage planning tips</a></li> <li><a onclick="dl_Navigation('menu','Plan and manage your mortgage');" href="/consumers/owning-a-home/mortgage-management/plan-and-manage-your-mortgage" class=" ">Plan and manage your mortgage</a></li> <li><a onclick="dl_Navigation('menu','Your credit report');" href="/consumers/owning-a-home/mortgage-management/your-credit-report" class=" ">Your credit report</a></li> <li><a onclick="dl_Navigation('menu','Your home value');" href="/consumers/owning-a-home/mortgage-management/your-home-value" class=" ">Your home value</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Aging in place');" href="/consumers/owning-a-home/aging-in-place" class=" ">Aging in place</a> <ul> <li><a onclick="dl_Navigation('menu','Housing options for Seniors');" href="/consumers/owning-a-home/aging-in-place/housing-options-for-seniors" class=" ">Housing options for Seniors</a></li> <li><a onclick="dl_Navigation('menu','Housing and finance tips');" href="/consumers/owning-a-home/aging-in-place/housing-and-finance-tips" class=" ">Housing and finance tips</a></li> <li><a onclick="dl_Navigation('menu','Mortgage financing options for people 55+');" href="/consumers/owning-a-home/aging-in-place/mortgage-financing-options-for-people-55-and-above" class=" ">Mortgage financing options for people 55+</a></li> <li><a onclick="dl_Navigation('menu','Preventing fraud and financial abuse');" href="/consumers/owning-a-home/aging-in-place/preventing-fraud-and-financial-abuse" class=" ">Preventing fraud and financial abuse</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Renting a home');" href="/consumers/renting-a-home" class=" ">Renting a home </a> <ul> <li> <a onclick="dl_Navigation('menu','I want to rent');" href="/consumers/renting-a-home/i-want-to-rent" class=" ">I want to rent</a> <ul> <li><a onclick="dl_Navigation('menu','Things to consider before renting');" href="/consumers/renting-a-home/i-want-to-rent/things-to-consider-before-renting" class=" ">Things to consider before renting</a></li> <li><a onclick="dl_Navigation('menu','Types of housing for rent in Canada');" href="/consumers/renting-a-home/i-want-to-rent/types-of-housing-for-rent-in-canada" class=" ">Types of housing for rent in Canada</a></li> <li><a onclick="dl_Navigation('menu','Finding or advertising a rental property');" href="/consumers/renting-a-home/i-want-to-rent/finding-or-advertising-a-rental-property" class=" ">Finding or advertising a rental property</a></li> <li><a onclick="dl_Navigation('menu','Visiting the rental property');" href="/consumers/renting-a-home/i-want-to-rent/visiting-the-rental-property" class=" ">Visiting the rental property</a></li> <li><a onclick="dl_Navigation('menu','Lease and rental agreements');" href="/consumers/renting-a-home/i-want-to-rent/lease-and-rental-agreements" class=" ">Lease and rental agreements</a></li> <li><a onclick="dl_Navigation('menu','Signing the lease');" href="/consumers/renting-a-home/i-want-to-rent/signing-lease" class=" ">Signing the lease</a></li> <li><a onclick="dl_Navigation('menu','Credit checks and bad credit');" href="/consumers/renting-a-home/i-want-to-rent/credit-checks-and-bad-credit" class=" ">Credit checks and bad credit</a></li> <li><a onclick="dl_Navigation('menu','Rental payments and deposits<br>');" href="/consumers/renting-a-home/i-want-to-rent/rental-payments-and-deposits" class=" ">Rental payments and deposits<br></a></li> <li><a onclick="dl_Navigation('menu','Roommates and pets');" href="/consumers/renting-a-home/i-want-to-rent/roommates-and-pets" class=" ">Roommates and pets</a></li> </ul> </li> <li> <a onclick="dl_Navigation('menu','I am renting');" href="/consumers/renting-a-home/i-am-renting" class=" ">I am renting</a> <ul> <li><a onclick="dl_Navigation('menu','Moving day');" href="/consumers/renting-a-home/i-am-renting/moving-day" class=" ">Moving day</a></li> <li><a onclick="dl_Navigation('menu','Landlord/Tenant responsibilities');" href="/consumers/renting-a-home/i-am-renting/landlord-tenant-responsibilities" class=" ">Landlord/Tenant responsibilities</a></li> <li><a onclick="dl_Navigation('menu','Inspections');" href="/consumers/renting-a-home/i-am-renting/inspections" class=" ">Inspections</a></li> <li><a onclick="dl_Navigation('menu','Maintenance and repairs');" href="/consumers/renting-a-home/i-am-renting/maintenance-repairs" class=" ">Maintenance and repairs</a></li> <li><a onclick="dl_Navigation('menu','Complaints and evictions');" href="/consumers/renting-a-home/i-am-renting/compliants-evictions" class=" ">Complaints and evictions</a></li> <li><a onclick="dl_Navigation('menu','Rent increases');" href="/consumers/renting-a-home/i-am-renting/rent-increases" class=" ">Rent increases</a></li> <li><a onclick="dl_Navigation('menu','When you can't pay rent');" href="/consumers/renting-a-home/i-am-renting/when-you-cant-pay-rent" class=" ">When you can't pay rent</a></li> <li><a onclick="dl_Navigation('menu','Renewing or terminating the lease');" href="/consumers/renting-a-home/i-am-renting/renewing-or-terminating-lease" class=" ">Renewing or terminating the lease</a></li> <li><a onclick="dl_Navigation('menu','Moving out');" href="/consumers/renting-a-home/i-am-renting/moving-out" class=" ">Moving out</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','One-Time Top-Up to the Canada Housing Benefit');" href="/consumers/renting-a-home/one-time-top-up-canada-housing-benefit" class=" ">One-Time Top-Up to the Canada Housing Benefit</a></li> <li><a onclick="dl_Navigation('menu','COVID&#8209;19: eviction bans and suspensions to support renters');" href="/consumers/renting-a-home/covid-19-eviction-bans-and-suspensions-to-support-renters" class=" ">COVID‑19: eviction bans and suspensions to support renters</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','About CMHC');" href="/about-us" class=" ">About CMHC</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC’s goals, values and commitment to housing');" href="/about-us/cmhcs-story" class=" ">CMHC’s goals, values and commitment to housing</a></li> <li><a onclick="dl_Navigation('menu','Discover Life at CMHC');" href="https://www.cmhc-schl.gc.ca/en/working-at-cmhc" class=" ">Discover Life at CMHC</a></li> <li> <a onclick="dl_Navigation('menu','Management and governance');" href="/about-us/management-and-governance" class=" ">Management and governance</a> <ul> <li><a onclick="dl_Navigation('menu','Speakers’ bureau');" href="/professionals/events-and-speakers/speakers-bureau?rdlink=1" class=" ">Speakers’ bureau</a></li> <li><a onclick="dl_Navigation('menu','CMHC's Annual Public Meeting');" href="/about-us/management-and-governance/annual-public-meeting" class=" ">CMHC's Annual Public Meeting</a></li> <li><a onclick="dl_Navigation('menu','CMHC’s board of directors and committees');" href="/about-us/management-and-governance/board-of-directors-and-its-committees" class=" ">CMHC’s board of directors and committees</a></li> <li><a onclick="dl_Navigation('menu','Our management committee');" href="/about-us/management-and-governance/our-management-committee" class=" ">Our management committee</a></li> <li> <a onclick="dl_Navigation('menu','Pension governance');" href="/about-us/management-and-governance/pension-and-governance-at-cmhc" class=" ">Pension governance</a> <ul> <li><a onclick="dl_Navigation('menu','Pension overview');" href="/about-us/management-and-governance/pension-and-governance-at-cmhc/pension-overview" class=" ">Pension overview</a></li> <li><a onclick="dl_Navigation('menu','Key roles and responsibilities');" href="/about-us/management-and-governance/pension-and-governance-at-cmhc/key-roles-and-responsibilities" class=" ">Key roles and responsibilities</a></li> <li><a onclick="dl_Navigation('menu','Annual reports');" href="/about-us/management-and-governance/pension-and-governance-at-cmhc/annual-reports" class=" ">Annual reports</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Corporate reporting');" href="/about-us/corporate-reporting" class=" ">Corporate reporting</a> <ul> <li><a onclick="dl_Navigation('menu','CMHC’s 2023 Annual Report');" href="/about-us/corporate-reporting/cmhc-annual-report" class=" ">CMHC’s 2023 Annual Report</a></li> <li><a onclick="dl_Navigation('menu','Program evaluation');" href="/about-us/corporate-reporting/program-evaluation" class=" ">Program evaluation</a></li> <li><a onclick="dl_Navigation('menu','Quarterly financial reports');" href="/about-us/corporate-reporting/quarterly-financial-reports" class=" ">Quarterly financial reports</a></li> <li><a onclick="dl_Navigation('menu','Joint auditors special examination report to CMHC board 2018');" href="/about-us/corporate-reporting/report-joint-auditors-board-directors-cmhc" class=" ">Joint auditors special examination report to CMHC board 2018</a></li> <li><a onclick="dl_Navigation('menu','CMHC&rsquo;s Insured Mortgage Deferral');" href="/about-us/corporate-reporting/mortgage-deferral-numbers" class=" ">CMHC’s Insured Mortgage Deferral</a></li> <li><a onclick="dl_Navigation('menu','Corporate Plan Summary');" href="/about-us/corporate-reporting/summary-of-the-corporate-plan" class=" ">Corporate Plan Summary</a></li> <li> <a onclick="dl_Navigation('menu','Transparency');" href="/about-us/corporate-reporting/transparency" class=" ">Transparency</a> <ul> <li><a onclick="dl_Navigation('menu','Access to information and privacy protection');" href="/about-us/corporate-reporting/transparency/access-to-information-and-privacy-protection" class=" ">Access to information and privacy protection</a></li> <li><a onclick="dl_Navigation('menu','Accessibility at CMHC');" href="/about-us/corporate-reporting/transparency/accessibility-at-cmhc" class=" ">Accessibility at CMHC</a></li> <li><a onclick="dl_Navigation('menu','Accessibility feedback process');" href="/about-us/corporate-reporting/transparency/accessibility-feedback-process" class=" ">Accessibility feedback process</a></li> <li><a onclick="dl_Navigation('menu','Briefing materials');" href="/about-us/corporate-reporting/transparency/briefing-materials" class=" ">Briefing materials</a></li> <li> <a onclick="dl_Navigation('menu','Procurement');" href="/about-us/corporate-reporting/transparency/procurement" class=" ">Procurement</a> <ul> <li><a onclick="dl_Navigation('menu','Vendor Diversity Program');" href="/about-us/corporate-reporting/transparency/procurement/cmhc-vendor-diversity-program" class=" ">Vendor Diversity Program</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Travel, hospitality and conference expenditures');" href="/about-us/corporate-reporting/transparency/travel-hospitality-and-conference-expenditures" class=" ">Travel, hospitality and conference expenditures</a></li> </ul> </li> </ul> </li> <li> <a onclick="dl_Navigation('menu','Contact us');" href="/about-us/contact-us" class=" ">Contact us</a> <ul> <li><a onclick="dl_Navigation('menu','Contact mortgage loan insurance');" href="/professionals/project-funding-and-mortgage-financing/mortgage-loan-insurance/contact-mortgage-loan-insurance?rdlink=1" class=" ">Contact mortgage loan insurance</a></li> <li><a onclick="dl_Navigation('menu','Regional offices');" href="/about-us/contact-us/regional-offices" class=" ">Regional offices</a></li> <li><a onclick="dl_Navigation('menu','Granville lsland');" href="https://granvilleisland.com/" class=" ">Granville lsland</a></li> <li><a onclick="dl_Navigation('menu','Indigenous and the North Housing Solutions');" href="/about-us/contact-us/indigenous-housing-specialists" class=" ">Indigenous and the North Housing Solutions</a></li> <li><a onclick="dl_Navigation('menu','National office');" href="/about-us/contact-us/national-office" class=" ">National office</a></li> <li><a onclick="dl_Navigation('menu','Holiday service hours');" href="/about-us/contact-us/holiday-hours" class=" ">Holiday service hours</a></li> </ul> </li> </ul> </li> <li><a onclick="dl_Navigation('menu','Media Newsroom');" href="/media-newsroom" class=" ">Media Newsroom</a></li> <li> <a onclick="dl_Navigation('menu','National Housing Strategy');" href="/nhs" class=" ">National Housing Strategy</a> <ul> <li> <a onclick="dl_Navigation('menu','What is the strategy?');" href="/nhs/guidepage-strategy" class=" ">What is the strategy?</a> <ul> <li><a onclick="dl_Navigation('menu','About the initiatives');" href="/nhs/guidepage-strategy/about-the-initiatives" class=" ">About the initiatives</a></li> <li><a onclick="dl_Navigation('menu','How to apply');" href="/nhs/guidepage-strategy/how-to-apply" class=" ">How to apply</a></li> <li><a onclick="dl_Navigation('menu','Help and resources');" href="/nhs/guidepage-strategy/help-and-resources" class=" ">Help and resources</a></li> <li><a onclick="dl_Navigation('menu','Priority areas for action');" href="/nhs/guidepage-strategy/priority-areas-for-action" class=" ">Priority areas for action</a></li> <li><a onclick="dl_Navigation('menu','The National Housing Strategy Glossary of Common Terms');" href="/nhs/guidepage-strategy/glossary" class=" ">The National Housing Strategy Glossary of Common Terms</a></li> <li><a onclick="dl_Navigation('menu','The Strategy in Action');" href="/nhs/guidepage-strategy/strategy-in-action" class=" ">The Strategy in Action</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','Federal/Provincial/Territorial housing agreements');" href="/nhs/federal-provincial-territorial-housing-agreements" class=" ">Federal/Provincial/Territorial housing agreements</a></li> <li><a onclick="dl_Navigation('menu','Other funding and financing opportunities');" href="/nhs/other-cmhc-funding-opportunities" class=" ">Other funding and financing opportunities</a></li> </ul> </li> <li><a onclick="dl_Navigation('menu','The Housing Observer');" href="/blog" class=" ">The Housing Observer</a></li> <li><a onclick="dl_Navigation('menu','Canada’s Housing Podcast');" href="/in-house-podcast" class=" ">Canada’s Housing Podcast</a></li> <li><a onclick="dl_Navigation('menu','Careers');" href="/working-at-cmhc" class=" ">Careers</a></li> <li><a onclick="dl_Navigation('menu','Housing Knowledge Centre');" href="/library" class=" ">Housing Knowledge Centre</a></li> </ul> <div class="nav-divider"> </div> </nav> </div> </header> <!--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&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&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&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&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&iar=0" class="breadcrumb-chevron" alt="" /> </li> <li class="active color-grey font-18">CMHC Home Start</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&la=en&h=100&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&la=en&h=100&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="F1GgKE67YpiL1OAJCMuit0V_cO_FW3y8f3orVXgD8rO9unNYYmL9qx93UfR6JxUYlP3Ni6V_IOPd57suoEscC9Z57ZQQMexzcbVuLkCsPbc1" /> <div id="addToFolderDeveloping" class="dialog modal-added-to-folder modal" style="display:none"> <input type="hidden" id="itemguid" value="{6233D262-07BC-4688-ACDF-11B30BF50B8D}" /> <input type="hidden" id="itemTitle" value="CMHC Home Start" /> <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 Home Start</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"> | </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 Home Start</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"> | </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%2fhome-start%3frev%3dd5aff49c-dfae-47ab-b6b7-4c24f58fb195&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&url=https%3a%2f%2fwww.cmhc-schl.gc.ca%2fprofessionals%2fproject-funding-and-mortgage-financing%2fmortgage-loan-insurance%2fmortgage-loan-insurance-homeownership-programs%2fhome-start%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%2fhome-start%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%2fhome-start%3frev%3dd5aff49c-dfae-47ab-b6b7-4c24f58fb195&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&url=https%3a%2f%2fwww.cmhc-schl.gc.ca%2fprofessionals%2fproject-funding-and-mortgage-financing%2fmortgage-loan-insurance%2fmortgage-loan-insurance-homeownership-programs%2fhome-start%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%2fhome-start%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="Ody4FLSSLz0DAXFEqP7PrBTK4L3cfWdq-53Vu60EpeFaNGbBPQA4QPdX6o7fLg1afANSkqOSfac9-pDclgIO6vschDdFGNIzME7yOWxen781" /> <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?"6233D262-07BC-4688-ACDF-11B30BF50B8D":"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 Home Start</h1></div> <div class="custom-hero-banner-v4-sub-header"></div> <div class="custom-hero-banner-v4-content"><p>Opening the door to homeownership for first-time homebuyers</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/test-folder/hero-banner.jpg", "heroImagePosition": "right", "heroImageMobile": "https://assets.cmhc-schl.gc.ca/sites/cmhc/test-folder/hero-banner-mobile.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">30-year Mortgages for First-time Homebuyers Buying a New Home</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 Home Start offers lenders mortgage loan insurance for first-time homebuyers purchasing newly built homes. Review the eligibility requirements and premium information below to help guide your clients through the process of securing mortgage loan insurance with CMHC Home Start.</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">Borrower Qualifications</h2> <p class="text-center" style="font-size: 18px;">Eligibility for Home Start based on the following 3 qualifications:</p> <ul> <!-- Variable 5 used to add the list with the li's tag --> <li><strong style="color: #000; font-size: 1.5rem;">First-Time Homebuyer</strong><br/>At least one borrower on the application must be a first-time homebuyer.*</li> <li><strong style="color: #000; font-size: 1.5rem;">Newly Built Home</strong><br/>The property must be a newly built home that has not been previously occupied for residential purposes. This is applicable to newly built homes, condominiums and manufactured homes.</li> <li><strong style="color: #000; font-size: 1.5rem;">High-Ratio Loans</strong><br/>This product is available for high-ratio loans (greater than 80% loan to value ratio) on owner-occupied properties.</li> </ul> </div> <script> $(document).ready(function () { // Variable 1 is used to provide json config // get the config json string var configData = { "handleBarBackgroundColor": "#fff", "enableNotch": false, "headerColor": "#000", "listItemsIcon": "https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/icons/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><span style="padding: 4px 6px; background-color: #564ed1; text-transform: uppercase; white-space: nowrap; font-size: 16px; color: #ffffff;">NOTE</span></p> <p>*A borrower must meet one of the following criteria to be considered a first-time homebuyer:</p> <ul> <li>They haven’t purchased a home before.</li> <li>They have not occupied a home as a principal place of residence that they themselves or their current spouse or common-law partner owned in the last 4 years.</li> <li>They have recently experienced a breakdown of a marriage or common-law partnership.</li> </ul> </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, or authorized to work in Canada (for homeowner loans only).</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 homeowner loans (owner-occupied properties):</strong></p> <ul> <li><strong>1 to 2 units:</strong> Up to 95% LTV</li> <li><strong>3 to 4 units:</strong> Up to 90% LTV</li> </ul> <h4>Minimum equity requirements</h4> <p><strong>For homeowner loans:</strong></p> <ul> <li><strong>1 to 2 units:</strong> 5% of the first $500,000 of lending value and 10% of the remainder</li> <li><strong>3 to 4 units:</strong> 10%</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 for both homeowner and small rental loans.</li> <li>For homeowner loans, CMHC-insured financing is available for one property per borrower/co-borrower at any given time.</li> <li>Maximum amortization period is 30 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 & 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> <h4>Non-permanent residents (homeowner loans only)</h4> <ul> <li>Must be legally authorized to work in Canada (e.g., work permit).</li> <li>Mortgage loan insurance is available for 1-to-4-unit properties, with at least one housing unit being owner-occupied.</li> <li>The purchase must not be subject to any prohibition under the <a href="https://laws-lois.justice.gc.ca/eng/acts/P-25.2/page-1.html"><em>Prohibition on the Purchase of Residential Property by Non-Canadians Act</em></a>.</li> <li>If a Canadian credit report is unavailable, an international credit report, letter of reference from the borrower's financial institution in their country of origin, or alternative methods of establishing creditworthiness may be considered.</li> </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 Home Start. 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 Homeowner Loans (for Owner-Occupied Property With 1 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>80.01% to 85%</td> <td>3.00%</td> </tr> <tr> <td>85.01% to 90%</td> <td>3.30%</td> </tr> <tr> <td>90.01% to 95%</td> <td>4.20%</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 Home Start Resources</h2></div> <div class="custom-feature-tiles-content"><p class="text-center">Guiding smart homeownership 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/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/home-start/home-start-fact-sheet-en.pdf">Fact Sheet</a></h3> </div> <div class="custom-feature-tiles-item-content"> <p>Everything you need to know about Home Start in one place.</p> </div> <div class="custom-feature-tiles-item-button"> <a href="https://assets.cmhc-schl.gc.ca/sites/cmhc/professional/project-funding-and-mortgage-financing/mortgage-loan-insurance/mortgage-loan-insurance-homeownership-programs/home-start/home-start-fact-sheet-en.pdf" class="button" aria-label="Download details about Home Start">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> <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’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'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> | </span> <a href="/about-us/terms-conditions" onclick="dl_Navigation('Footer',this.text)" >Terms and Conditions</a> <span> | </span> <a href="/about-us/corporate-reporting/transparency" onclick="dl_Navigation('Footer',this.text)" >Transparency</a> <span> | </span> <a href="/about-us/corporate-reporting/transparency/accessibility-at-cmhc" onclick="dl_Navigation('Footer',this.text)" >Accessibility Plan</a> <span> | </span> <a href="/about-us/corporate-reporting/transparency/accessibility-feedback-process" onclick="dl_Navigation('Footer',this.text)" >Accessibility Feedback</a> <span> </span> <span>Canada Mortgage and Housing Corporation (CMHC) ©2024 </span> </small> </div> <span id="Canada_logo"> <img src="https://assets.cmhc-schl.gc.ca/sf/project/cmhc/home/csps_canadawordmark_blackred.png?rev=a1e5ca3e-fb57-4c15-85ca-534bc8054395&la=en&h=58&w=240" title="" alt="Canada" /></span> </div> </div> </footer> <!--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=141dd59d-a2e8-4daa-b039-bd4b4787fb77"></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 = '{6233D262-07BC-4688-ACDF-11B30BF50B8D}'; $(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>