asit Gamer yt - Invidious

asit Gamer yt

RSS

🌹Welcome to new family🥀
💖asitsahu official💖
My Instagram I'd:- mr.asitsahu
my love 😘
A******a
do you know who she ?

View channel on YouTube

Switch Invidious Instance

Videos

Shorts

Livestreams

Posts

asit Gamer yt

1 month ago | [YT] | 1

View 0 replies

asit Gamer yt

[24/11, 12:31] +91 82609 44900: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Registration Form</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="container">
<h2>Student Registration Form</h2>

<form>
<div class="row">
<input type="text" placeholder="Full Name" required />
<input type="text" placeholder="Username" required />
</div>

<div class="row">
<input type="text" placeholder="Father's Name" required />
<input type="text" placeholder="Mother's Name" required />
</div>

<div class="row">
<input type="email" placeholder="Email" required />
<input type="tel" placeholder="Mobile No." required />
</div>

<div class="row">
<input type="date" placeholder="Date of Birth" required />
<input type="tel" placeholder="Phone Number" />
</div>

<div class="row">
<input type="password" placeholder="Password" required />
<input type="password" placeholder="Confirm Password" required />
</div>

<label class="checkbox">
<input type="checkbox" />
<span>I certify that the information I have written on the application
form and the documents I have submitted to be true and accurate.
</span>
</label>

<button type="submit" class="btn">Register</button>
</form>
</div>
</body>
</html>
[24/11, 12:31] +91 82609 44900: * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}

body {
background: linear-gradient(to top right, #654ea3, #eaafc8);
background-size: cover;
background-position: center;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

.container {
width: 700px;
background: rgba(255, 255, 255, 0.2);
padding: 35px;
border-radius: 15px;
backdrop-filter: blur(10px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

h2 {
text-align: center;
color: #fff;
margin-bottom: 20px;
font-size: 28px;
}

form .row {
display: flex;
gap: 20px;
margin-bottom: 15px;
}

form input {
width: 100%;
padding: 12px;
border: 2px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.15);
color: #fff;
border-radius: 8px;
font-size: 16px;
outline: none;
}

form input::placeholder {
color: #eee;
}

.checkbox {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 25px;
color: white;
font-size: 14px;
}

.checkbox input {
width: 20px;
height: 20px;
}

.btn {
width: 100%;
padding: 14px;
background: white;
border: none;
border-radius: 8px;
font-size: 18px;
cursor: pointer;
font-weight: bold;
transition: 0.3s;
}

.btn:hover {
background: #8c8795;
}