Text Color
Background Color
Total Text Color
Info Bullet Color
Font
Font Size
Width (pixels)
Default Amount ($)
Default Amortization (years)
Default Interest (%)
Layout
Your Logo
Calculator Title

Place the code below wherever you want the calculator to appear, inside the <body>. Because of the defer attribute of the external <script>, the loading time of your page will not be affected.
<div id="mortgage-calculator"><a href="http://www.home.ca">www.home.ca</a></div>
<script type="text/javascript" src="https://home.ca/static/js/calculators.js" defer="defer"></script>
<noscript>To view the <a href="https://home.ca">mortgage calculator</a> you must have JavaScript turned on</noscript>