Skip to content

Instantly share code, notes, and snippets.

@shahbaz17

shahbaz17/index.html

Last active June 22, 2023 03:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save shahbaz17/bc105ee262a45cd373c862552551f490 to your computer and use it in GitHub Desktop.
Save shahbaz17/bc105ee262a45cd373c862552551f490 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 5 Login Page
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/main.css" />
<title>Bootstarp 5 - Login Page</title>
</head>
<body class="d-flex text-center bg-secondary">
<form class="login-form">
<img
src="/node_modules/bootstrap-icons/icons/bootstrap.svg"
alt=""
height="80"
width="80"
class="mb-5"
/>
<h1 class="h3 mb-3 font-weight-normal">Bootsrap 5 Login</h1>
<label for="inputEmail" class="sr-only">Email Address</label>
<input
type="email"
name="email"
id="inputEmail"
class="form-control mb-2"
placeholder="Email address"
required
autofocus
/>
<label for="inputPassword" class="sr-only">Password</label>
<input
type="email"
name="password"
id="inputPassword"
class="form-control mb-2"
placeholder="Password"
required
/>
<div class="checkbox mb-3">
<label>
<input type="checkbox" value="remember-me" /> Remember me
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">
Login
</button>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment