svaze's picture
Upload 125 files
5026c77 verified
Raw
History Blame Contribute Delete
4.8 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sign Up</title>
<link rel="stylesheet" href="../static/style.css" />
</head>
<body>
<!-- <h1 class="mock-text">This is a mock website.</h1> -->
<div class="register-body">
<div class="center-contents">
<h2 class="sign-in-title">Register Your Account</h2>
<form action="" method="post">
<div class="input-section-container">
<h2 class="input-section-title">Address Details</h2>
<div class="input-section-divison">
<div class="input-containers">
<div class="input-whole">
<label for="pincode">Pin-code</label>
<input
type="text"
name="pincode"
id="pincode"
placeholder="Enter your Pin-code"
/>
</div>
<div class="input-whole">
<label for="city-district">City/District</label>
<input
type="text"
name="city-district"
id="city-district"
placeholder="Enter your City/District"
/>
</div>
<div class="input-whole">
<label for="state">State/U.T.</label>
<input
type="text"
name="state"
id="state"
placeholder="Enter your State/U.T."
/>
</div>
</div>
<div class="input-containers">
<div class="input-whole">
<label for="country">Country</label>
<input
type="text"
name="country"
id="country"
placeholder="Enter your Country"
/>
</div>
<div class="input-whole">
<label for="address1">Address 1</label>
<input
type="text"
name="address1"
id="address1"
placeholder="Enter your Address"
/>
</div>
<div class="input-whole">
<label for="address2">Address 2</label>
<input
type="text"
name="address2"
id="address2"
placeholder="Enter your Address"
/>
</div>
</div>
</div>
</div>
<div class="input-section-container">
<h2 class="input-section-title">Contact Details</h2>
<div class="input-section-divison">
<div class="input-containers">
<div class="input-whole">
<label for="mobile">Mobile</label>
<input
type="text"
name="mobile"
id="mobile"
placeholder="Enter your Mobile Number"
/>
</div>
<div class="input-whole">
<label for="gender">Gender</label>
<input
type="text"
name="gender"
id="gender"
placeholder="Enter your Gender"
/>
</div>
</div>
<div class="input-containers">
<div class="input-whole">
<label for="firstname">First Name</label>
<input
type="text"
name="firstname"
id="firstname"
placeholder="Enter your First Name"
/>
</div>
<div class="input-whole">
<label for="lastname">Last Name</label>
<input
type="text"
name="lastname"
id="lastname"
placeholder="Enter your Last Name"
/>
</div>
</div>
</div>
</div>
<div class="sign-in-buttons-container">
<button class="red-button btn" type="submit">Register</button>
<!-- <button class="btn">Register with Google</button> -->
</div>
</form>
</div>
</div>
</body>
</html>