templates/index.html

<!doctype html>
<head>
    <title>Hello Azure - Python Quickstart</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap/css/bootstrap.min.css') }}">
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
</head>
<html>
   <body>
     <main>
        <div class="px-4 py-3 my-2 text-center">
            <img class="d-block mx-auto mb-4" src="{{ url_for('static', filename='images/azure-icon.svg') }}" alt="Azure Logo" width="192" height="192"/>
            <!-- <img  src="/docs/5.1/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57"> -->
            <h1 class="display-6 fw-bold text-primary">Welcome!</h1>            
          </div>
        <!-- <form method="post" action="{{url_for('hello')}}">
            <div class="col-md-6 mx-auto text-center">
                <label for="name" class="form-label fw-bold fs-5">Your organisation has asked you to test new login functionality, this website does nothing but validate the setup.</label>

                <p class="lead mb-2">Could you please tell me your name?</p>
                <div class="d-grid gap-2 d-sm-flex justify-content-sm-center align-items-center my-1">
                  <input type="text" class="form-control" id="name" name="name" style="max-width: 256px;">
                </div>            
                <div class="d-grid gap-2 d-sm-flex justify-content-sm-center my-2">
                  <a href="https://login.damedrewby.co.uk/bigdamebaby" class="btn btn-primary btn-lg px-4 gap-3" target="_blank">Login</a>
                  <button type="submit" class="btn btn-primary btn-lg px-4 gap-3">Login</button>
                </div>            
            </div>
        </form> -->
        <form method="post" action="{{url_for('login')}}">
          <div class="col-md-6 mx-auto text-center">
              <label for="name" class="form-label fw-bold fs-5">Your organisation has asked you to test new login functionality, this website does nothing but validate the setup.</label>
              <div class="d-grid gap-2 d-sm-flex justify-content-sm-center align-items-center my-1">
                <input type="text" class="form-control" id="email" name="email" style="max-width: 256px;" placeholder="email">
              </div>
              <div class="d-grid gap-2 d-sm-flex justify-content-sm-center align-items-center my-1">                
                <input type="text" class="form-control" id="password" name="password" style="max-width: 256px;" placeholder="password">
              </div>
              <div class="d-grid gap-2 d-sm-flex justify-content-sm-center my-2">
                <button type="submit" class="btn btn-primary btn-lg px-4 gap-3">Login</button>
              </div>            
          </div>
      </form>
     </main>      
   </body>
</html>