Scoaband - JGB scoaband

Curtain Style Mobile / Desktop Navigation

Angular Mortgage Calculator

Angular App developed for a real estate client, calculates your monthly mortgage payments in a USD amount. App based on the mortgage equation M = P[i(1+i)^n]/[(1+i)^n -1]. In the future variables such as insurance rates, property tax, and down payments can also be applied. Now includes down payment option.

A Pen by Peter Girnus on CodePen.

License.

McLennan & Company

Homenote.js Example

Example of homenote.js, a jQuery plugin for generating a mortgage calculator.

A Pen by Kyle Phillips on CodePen.

License.

	<div class="accordion-wrapper">
	<div class="accordion">
	<div class="tab">
	<label id="1">Login Form</label>
	<label id="2">Calculator</label>
	<label id="3">Shopping Cart</label>
	<label id="4">Tab</label>
	<label id="5">Accordion</label>
	<label id="6">Image Carousel</label>
	</div>

	<!-- SITE HEADER -->
	<header class="site-header">
	<nav class="site-nav navbar navbar-default navbar-fixed-top">
	<div class="container-fluid">
	<div class="navbar-header">
	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#site-nav" aria-expanded="false">
	<span class="sr-only">Menu</span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>

	<div class="dm-widget">
	<h2>Mortgage Calculator</h2>
	<div id="dm-form-container" class="dm-form-container">
	<form class="dm-form">
	<fieldset id="dm-amount-field">
	<label for="dm-amount" class="dm-form-label">Mortgage Amount: ($)</label>
	<input class="dm-form-input" id="dm-amount" type="text" placeholder="Mortgage Amount ($)" value="300000">
	</fieldset>
	<fieldset id="dm-rate-field">
	<label for="dm-rate" class="dm-form-label">Interest Rate: (%)</label>

	<div class="container">
	<main>
	<img src="http://www.directcommercialfunding.com/images/apartment-building-loans.jpg" alt="apartment building" />
	<div class="for-sale">
	<header>
	<i class="fa fa-home"></i>
	<h3><span class="blue">DESIGNYEP</span><br /> PROPERTY</h3>
	</header>
	<h1><span class="blue light-weight">FOR</span><br /> <strong>SALE</strong></h1>
	<h4>OFFERED AT</h4>

	<div id="content">

	<!-- canas -->
	<div id="paint"></div>

	<!-- text -->
	<div id="wrapper">
	<div class="flex">

	<div id="controls">

	<!DOCTYPE html>
	<html>
	<head><title>SOUND</title></head>
	<body>
	<div>Frequence: <span id="frequency"></span></div>
	<script type="text/javascript">

	var audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)();
	var oscillatorNode = audioCtx.createOscillator();
	var gainNode = audioCtx.createGain();