ti-account-app/templates/login.j2

{% extends "bootstrap/base.html" %}
{% block title %}Manage your Technical Incompetence account{% endblock %}

{% block styles %}
{{super()}}
<link rel="stylesheet" href="{{url_for('.static', filename='style.css')}}">
{% endblock %}

{% block navbar %}
<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
    <div class="navbar-brand">Technical Incompetence Account</div>
</nav>
{% endblock %}

{% block content %}
    <div class="container" style="margin-top: 15px">
        <div class="jumbotron">
            <h1>Sign in for our awesome service</h1>
            <p>Forgot your password? Too bad! We don't have emails working yet!</p>
        </div>
        <div class="col-md-12">

        {% if error is defined %}
        <div id="error-alert" class="alert alert-danger" role="alert">
            {{ error }}
        </div>
        {% endif %}

        <form action="" method="post">
            <label for="exampleFormControlInput1">Username</label>
            <input name="user" class="form-control"><br>
            <label for="exampleFormControlInput2">Password</label>
            <input type="password" name="passwd" class="form-control"><br>
            <button type="submit" class="btn btn-primary">Log In</button>
        </form>
    </div>
{% endblock %}