You are on page 1of 6

Studysolution.

pk
IT430 Assignment 1 Solution
FALL 2023
Note: Please Don’t make copy paste
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Car on Installment Application</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f4f4f4;

margin: 0;

padding: 0;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

form {

background-color: #fff;

padding: 20px;

border-radius: 8px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

width: 400px;

}
Studysolution.pk

label {

display: block;

margin-bottom: 8px;

input, select {

width: 100%;

padding: 8px;

margin-bottom: 16px;

box-sizing: border-box;

button {

background-color: #4caf50;

color: #fff;

padding: 10px 15px;

border: none;

border-radius: 4px;

cursor: pointer;

font-size: 16px;

button:hover {

background-color: #45a049;

</style>
Studysolution.pk
</head>

<body>

<form action="/submit" method="post">

<label for="fullName">Full Name:</label>

<input type="text" id="fullName" name="fullName" required>

<label for="email">Email:</label>

<input type="email" id="email" name="email" required>

<label for="phone">Phone Number:</label>

<input type="tel" id="phone" name="phone" required>

<label for="phone">Address:</label>

<input type="tel" id="phone" name="phone" required>

<label for="carModel">Car Make:</label>

<input type="text" id="carModel" name="carModel" required>

<label for="carModel">Car Model:</label>

<input type="text" id="carModel" name="carModel" required>

<label for="phone">Car Year:</label>

<input type="tel" id="phone" name="phone" required>

<label for="phone">Car Price:</label>

<input type="tel" id="phone" name="phone" required>

<label for="downPayment">Down Payment:</label>

<input type="number" id="downPayment" name="downPayment" required>

<label for="installmentPeriod">Loan Duration (months):</label>

<input type="number" id="installmentPeriod" name="installmentPeriod" required>


Studysolution.pk
<label for="installmentPeriod">Employment Status:</label>

<input type="number" id="installmentPeriod" name="installmentPeriod" required>

<label for="email">Employment Name:</label>

<input type="email" id="email" name="email" required>

<label for="monthlyIncome">Monthly Income:</label>

<input type="number" id="monthlyIncome" name="monthlyIncome" required>

<button type="submit">Submit Application</button>

</form>

</body>

</html>
Studysolution.pk
Studysolution.pk

You might also like