<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Login Form | Group Four</title>
<link rel="stylesheet" href="styles.css">
<link href='https://cdn.boxicons.com/fonts/basic/boxicons.min.css'
rel='stylesheet'>
</head>
<body>
<div class="wrapper">
<form action="">
<h1>Login</h1>
<div class="input-box">
<input type="text" placeholder="Username" required>
<i class="bx bx-user" ></i>
</div>
<div class="input-box">
<input type="password" placeholder="Password" required>
<i class="bx bx-lock" ></i>
</div>
<div class="remember-forgot">
<label><input type="checkbox"> Remember Me</label>
<a href="#">Forgot Password?</a>
</div>
<button type="submit" class="btn">Login</button>
<div class="register-link">
<p>Don't have an account? <a href="#">Register</a></p>
</div>
</form>"
</div>
</body>
</html>