41 lines
2.1 KiB
PHP
41 lines
2.1 KiB
PHP
<?php require_once 'header.php'; ?>
|
|
|
|
<header class="hero text-center">
|
|
<div class="container">
|
|
<h1 class="display-4">Loan Calculator</h1>
|
|
<p class="lead">Instantly calculate your monthly loan payments.</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container my-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="card calculator-card">
|
|
<div class="card-body p-5">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="mb-4">
|
|
<label for="loanAmount" class="form-label">Loan Amount ($)</label>
|
|
<input type="number" class="form-control form-control-lg" id="loanAmount" placeholder="e.g., 10000">
|
|
</div>
|
|
<div class="mb-4">
|
|
<label for="interestRate" class="form-label">Annual Interest Rate (%)</label>
|
|
<input type="number" class="form-control form-control-lg" id="interestRate" placeholder="e.g., 5">
|
|
</div>
|
|
<div class="mb-4">
|
|
<label for="loanTerm" class="form-label">Loan Term (Years)</label>
|
|
<input type="number" class="form-control form-control-lg" id="loanTerm" placeholder="e.g., 10">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 d-flex flex-column justify-content-center align-items-center bg-light rounded p-4">
|
|
<h3 class="text-muted">Monthly Payment</h3>
|
|
<p id="monthlyPayment" class="text-primary">$0.00</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<?php require_once 'footer.php'; ?>
|