<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=`, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>form</title>
</head>
<body>
<div class = "wrapp-container">
<div class="text-container">
<h2>Please Enter Your Details</h>
<h3>Fill the application form below and submit.</h3>
<form>
<label>Name *</label>
<input type="text" id = "ipname" placeholder="First Name">
<input type="text" id = "iplastname" placeholder="Last Name">
<br><br>
<label>E-Mail*</label>
<input type="email" id = "ipemail"placeholder="Mail@example.com">
<br><br>
<label>Phone Number *</label>
<input type="tel" id = "ipphone" placeholder="Phone Number">
<br><br>
<label>Gender *</label>
<select name = "ipgender" id = "ipgender" size = "1">
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
<br><br>
<label>Citizen *</label>
<select name = "ipcountry" id = "ipcountry" size = "1">
<option value="India">India</option>
<option value="Pakistan">Pakistan</option>
<option value="Other">Other</option>
</select>
<br><br>
<label>Date of Birth *</label>
<input type="number" id = "ipd" min = "1" max = "31" placeholder="Date">
<input type="number" id = "ipm" min = "1" max = "12" placeholder="Month">
<input type="number" id = "ipy" min = "1990" placeholder="Year">
<br><br>
<label>Address *</label>
<input type="text" id = "ipsa" placeholder="Street Address">
<input type="text" id = "ipsl" placeholder="Select line 2">
<br>
<input type="text" id = "ipl" placeholder="Landmark">
<input type="text" id = "ipc" placeholder="City">
<br>
<input type="text" id = "ips" placeholder="State/Province">
<input type="text" id = "ipp" placeholder="Postal/Zip Code">
<br>
<input type="submit" class = "subbutton">
</form>
</div>
</div>
</body>
</html>