Beautiful Bootstrap login block — copy & paste ready.
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-md-5">
<div class="card border-0 shadow-sm">
<div class="card-body p-4">
<h3 class="fw-bold text-center mb-4">Sign in</h3>
<form>
<div class="mb-3"><label class="form-label">Email</label><input class="form-control" type="email" placeholder="you@example.com"></div>
<div class="mb-3"><label class="form-label">Password</label><input class="form-control" type="password" placeholder="••••••••"></div>
<div class="d-flex justify-content-between mb-3">
<div class="form-check"><input class="form-check-input" type="checkbox" id="rm4"><label class="form-check-label" for="rm4">Remember me</label></div><a href="#" class="small">Forgot?</a>
</div><button class="btn btn-primary w-100" type="button">Sign in</button>
</form>
</div>
</div>
</div>
</div>
</div>