-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (41 loc) · 1.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon-32x32.png">
<title>Frontend Mentor | Mortgage repayment calculator</title>
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
<style>
.attribution { font-size: 11px; text-align: center; }
.attribution a { color: hsl(228, 45%, 44%); }
</style>
</head>
<body>
Mortgage Calculator
Clear All
Mortgage Amount
Mortgage Term
Interest Rate
Mortgage Type
Repayment
Interest Only
Calculate Repayments
<!-- Empty results start -->
Results shown here
Complete the form and click “calculate repayments” to see what
your monthly repayments would be.
<!-- Empty results end -->
<!-- Completed results start -->
Your results
Your results are shown below based on the information you provided.
To adjust the results, edit the form and click “calculate repayments” again.
Your monthly repayments
Total you'll repay over the term
<!-- Completed results end -->
<div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge">Frontend Mentor</a>.
Coded by <a href="#">Your Name Here</a>.
</div>
</body>
</html>