You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
4.0 KiB
89 lines
4.0 KiB
<!doctype html> |
|
<html lang="en"> |
|
<head> |
|
<title>Tip Calculator</title> |
|
<!-- Required meta tags --> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
|
|
|
<!-- Bootstrap CSS --> |
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> |
|
|
|
</head> |
|
<body class="bg-dark"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-md-6 mx-auto"> |
|
<div class="card card-body text-center mt-5"> |
|
<h1 class="heading display-5 pb-3">Tax Estimate Calculator</h1> |
|
<form id="tax-form"> |
|
<div class="form-group"> |
|
<div class="input-group"> |
|
<label for="assessmentClass">Choose an Assessment Class: </label> |
|
<select id="assessmentClass" name="assessmentClass"> |
|
<option disabled selected value> select an option</option> |
|
<option value="1">Residential</option> |
|
<option value="2">Non-Residential</option> |
|
<option value="3">Farm Land</option> |
|
<option value="4">M & E</option> |
|
</select> |
|
</div> |
|
</div> |
|
<div class="form-group"> |
|
<div class="input-group"> |
|
<span class="input-group-addon">$</span> |
|
<input type="number" class="form-control" id="assessmentValue" placeholder="Assessment or Estimated Value"> |
|
</div> |
|
</div> |
|
|
|
</form> |
|
<hr> |
|
|
|
<script src="js/taxcalc.js"></script> |
|
|
|
<!-- RESULTS --> |
|
<div id="results" class="pt-4"> |
|
<h5>Estimated Tax Amounts</h5> |
|
<div class="form-group"> |
|
<div class="input-group"> |
|
<span class="input-group-addon">Municipal Tax</span> |
|
<input type="number" class="form-control" id="municipalAmount" style="direction:rtl; font-family:monospace;" disabled> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group"> |
|
<div class="input-group"> |
|
<span class="input-group-addon">Alberta School Foundation</span> |
|
<input type="number" class="form-control" id="schoolAmount" style="direction:rtl; font-family:monospace;" disabled> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group"> |
|
<div class="input-group"> |
|
<span class="input-group-addon">Cypress View Seniors Levy</span> |
|
<input type="number" class="form-control" id="seniorsAmount" style="direction:rtl; font-family:monospace;" disabled> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group"> |
|
<div class="input-group"> |
|
<span class="input-group-addon">Total Tax Amount</span> |
|
<input type="number" class="form-control" id="totalAmount" style="direction:rtl; font-family:monospace;" disabled> |
|
</div> |
|
</div> |
|
|
|
|
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<!-- Optional JavaScript --> |
|
<!-- jQuery first, then Popper.js, then Bootstrap JS --> |
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> |
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script> |
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> |
|
|
|
</body> |
|
</html> |