Looking to create a login form similar to the one shown in this image using Bootstrap5, but struggling to do so. Is there anyone who can assist me in creating a login form like the one mentioned here? I am new to Bootstrap and CSS.
Here is my current template:
<div class="container">
<div class="text-center">
{% for message in messages %}
<h5>{{ message }}</h5>
{% endfor %}
<br>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card">
<form method="POST" action="{% url 'login' %}">
{% csrf_token %}
<div class="form-group">
<label class="text-primary">Enter Username</label>
<input type="text" class="form-control" name="username">
</div>
<br>
<div class="form-group">
<label class="text-primary ">Enter Password</label>
<input type="password" class="form-control" name="password">
</div>
<br>
<button type="submit" class="btn btn-primary">Login</button>
</form>
</div>
</div>
</div>
</div>