0% found this document useful (0 votes)
14 views

Index

Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views

Index

Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.4.0/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Quicksand:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
</head>

<body>
<div class="container">
<div class="form-wrapper">
<div class="banner">
<h1>Hello, Friend</h1>
<p>
Enter Your Personal Details and start journey with us
</p>
</div>
<div class="green-bg">
<button type="button">Sign Up</button>
</div>
<form class="signup-form">
<h1>Create Account</h1>
<div class="social-media">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-linkedin-in"></i>
</div>
<p>or use your email for registration</p>
<div class="input-group">
<i class="fas fa-user"></i>
<input type="text" placeholder="Name">
</div>
<div class="input-group">
<i class="fas fa-envelope"></i>
<input type="email" placeholder="Email">
</div>
<div class="input-group">
<i class="fas fa-lock"></i>
<input type="password" placeholder="Password">
</div>
<button type="submit">Sign Up</button>
</form>
</div>
</div>
<script src="script.js"></script>
</body>

</html>

You might also like