Scribd
Upload
8 views3 pages

Experiment No 2java

This document contains the HTML code for a registration page that utilizes Bootstrap for styling. It includes a form for users to input their full name, email, phone number, password, and password confirmation. The page is designed to be visually appealing with a centered layout and custom styles.

Uploaded by

rehanp009900
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views3 pages

Experiment No 2java

This document contains the HTML code for a registration page that utilizes Bootstrap for styling. It includes a form for users to input their full name, email, phone number, password, and password confirmation. The page is designed to be visually appealing with a centered layout and custom styles.

Uploaded by

rehanp009900
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Experiment no: - 2

Code:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Registration Page</title>

<!-- Bootstrap CSS -->


<link
href="[Link]
[Link]" rel="stylesheet">

<!-- Custom CSS -->


<style>
body {
background: #f8f9fa;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}

.registration-form {
background: rgb(245, 184, 184);
padding: 30px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 100%;
max-width: 500px;
}

.registration-form h2 {
margin-bottom: 20px;
text-align: center;
}
</style>
</head>
<body>

<div class="registration-form">
<h2>Registration Form</h2>
<form>
<div class="mb-3">
<label for="fullName" class="form-label">Full Name</label>
<input type="text" class="form-control" id="fullName"
placeholder="Enter your name" required>
</div>

<div class="mb-3">
<label for="email" class="form-label">Email address</label>
<input type="email" class="form-control" id="email"
placeholder="Enter your email" required>
</div>

<div class="mb-3">
<label for="phone" class="form-label">Phone Number</label>
<input type="tel" class="form-control" id="phone"
placeholder="Enter your number" required>
</div>

<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password"
placeholder="Enter password" required>
</div>

<div class="mb-3">
<label for="confirmPassword" class="form-label">Confirm
Password</label>
<input type="password" class="form-control"
id="confirmPassword" placeholder="Confirm password" required>
</div>

<div class="d-grid">
<button type="submit" class="btn btn-primary">Register</button>
</div>

<div class="mt-3 text-center">


<small>Already have an account? <a href="#">Login
here</a></small>
</div>
</form>
</div>

<!-- Bootstrap JS Bundle -->


<script
src="[Link]
[Link]"></script>

</body>
</html>
Output:-

You might also like