<h2 class="-mar-top-0">Payment Calculator</h2> <form class="form calculator__form"> <div class="form--2-col"> <div class="field"><label for="sale_price">Property Price </label><input id="sale_price" name="sale_price" type="text" value="$150,000"></div> <div class="field calculator__field--inline"> </div> <div class="field calculator__field--inline"><label for="down_price">Downpayment </label><input id="down_price" name="down_price" type="text" value="$30,000"></div> <div class="field calculator__field--inline"> </div> <div class="field calculator__field--inline"><label class="visually-hidden" for="down_percent">Percentage </label><input id="down_percent" name="down_percent" type="text" value="20%"></div> <div class="field"> </div> <div class="field"><label for="year_term">Length of Mortgage </label><input id="year_term" name="year_term" type="text" value="30 Years"></div> <div class="field"> </div> <div class="field"><label for="interest_percent">Annual Interest Rate </label><input id="interest_percent" name="interest_percent" type="text" value="3%"></div> </div> <div class="field"> <div class="field__checkbox"> </div> <div class="field__checkbox"><input id="show_progress" class="show__progress" name="show_progress" type="checkbox" value="1"><label for="show_progress">Show me the calculations and amortization</label></div> </div> <div> </div> <div><small>This mortgage calculator can be used to figure out monthly payments of a home mortgage loan, based on the home's sale price, the term of the loan desired, buyer's down payment percentage, and the loan's interest rate.</small></div> <div> </div> <div class="field calculator__form__actions"><button class="button button--large button--primary" type="submit">Calculate</button></div> </form>