Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
69 changes: 69 additions & 0 deletions SaifAliAnsari/interntask.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!-- THE BOILERPLATE SHOULD NOT BE REMOVED -->
<!-- Proper naming convention should be used while naming id attributes. -->
<!-- ADDING A SUCCESS PAGE FOR THE SAME WILL BOOST YOUR CHANCES -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css">
<script src="main.js"></script>
</head>
<body>
<img src="https://incubateind.com/images/IncubateIND%20Black.png" class="logo" alt="">

<!-- Beautify This -->
<div class="login-wrap">
<div class="login-html">
<div class="login-form">

<h2>Enter Your Details</h2>

<form action="/action_page.php">
<div class="group">
<label for="user" class="label">Username</label>
<input id="user" type="text" class="input">
</div>
<div class="group">
<label for="email" class="label">Email</label>
<input type="email" id="email" name="email" class="input"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
</div>
<div class="group">
<label for="phone" class="label">Phone Number (exclude +91)</label>
<input type="tel" id="phone" name="phone" class="input" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">

</div>
<div class="group">
<label for="pass" class="label">Password</label>
<input id="pass" type="password" class="input" data-type="password">
</div>
<div class="group">
<label for="pass" class="label">Repeat Password</label>
<input id="pass" type="password" class="input" data-type="password">
</div>
<div class="group">
<label for="message" class="label">Enter Message</label>
<textarea name="message" id="message" class="input" cols="35" rows="4" placeholder=""></textarea></div>
<div class="group">
<p>Age</p>

<input type="radio" id="above" name="age" value="above">

<label for="above">Above 18</label>

<input type="radio" id="below" name="age" value="below">
<label for="below">Below 18</label></div>
<div class="group">
<button type="submit" class="button">Submit</button></div>
</form>

</div>
</div>
</div>
<!-- Beautify Ends -->

</body>
</html>