[go: up one dir, main page]

0% found this document useful (0 votes)
14 views2 pages

Doctype HTML

The document is an HTML template for a registration form. It includes fields for first name, last name, email, and password, along with a submit button. The form is styled with CSS for a clean and modern appearance.

Uploaded by

sharmaankita1099
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views2 pages

Doctype HTML

The document is an HTML template for a registration form. It includes fields for first name, last name, email, and password, along with a submit button. The form is styled with CSS for a clean and modern appearance.

Uploaded by

sharmaankita1099
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html>
<head>
<title>Registration Form</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;
}

.container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 400px;
text-align: center;
}

h2 {
margin-bottom: 20px;
color: #333;
}

label {
display: block;
margin-bottom: 5px;
color: #555;
text-align: left;
}

input[type="text"],
input[type="email"],
input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}

button {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
width: 100%;
font-size: 16px;
}
button:hover {
background-color: #45a049;
}
</style>
</head>
<body>

<div class="container">
<h2>Registration Form</h2>
<form action="#" method="post">
<label for="firstname">First Name:</label>
<input type="text" id="firstname" name="firstname" required>

<label for="lastname">Last Name:</label>


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

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="password">Password:</label>
<input type="password" id="password" name="password" required>

<button type="submit">Register</button>
</form>
</div>

</body>
</html>

You might also like