yenu/resources/templates/login.html

{% extends "layout.html" %}

{% block content %}
<div class="container mt-5">
  <div class="row justify-content-md-center">
    <div class="col-lg-5 col-sm-12">
      <img src="/img/logo_big.png">

      <p>To access this area, you need a password.</p>

      <form method="POST" class="form-horizontal">
        {% csrf-field %}

        <div class="mb-3">
          <label for="title" class="form-label">Password</label>
          <input type="password" name="password" class="form-control" autofocus>
        </div>

        <button type="submit" class="btn btn-success">
          Login
          <span class="fa fa-arrow-right"></span>
        </button>
      </form>
    </div>
  </div>
</div>
{% endblock %}