<div class="container d-flex flex-column justify-content-center" style="min-height: 100vh;">
<div class="form-login bg-white mx-auto">
<div class="container">
<div class="row">
<div class="col-md-4 d-flex flex-column justify-content-between">
<img class="d-block mb-3 mx-auto" src="/img/logo-stwb.svg" alt="Stadtwerke Bamberg">
<a class="btn-link small" href="#">Benötigen Sie Hilfe? </a>
</div>
<div class="col-md-8">
<form>
<label class="form-group prepend-icon">
<input class="form-control" id="input-username" placeholder="Benutzer">
<i class="icon icon-person"></i>
</label>
<label class="form-group prepend-icon">
<input type="password" class="form-control" id="input-password" placeholder="Passwort">
<i class="icon icon-lock"></i>
</label>
<button type="submit" class="btn btn-primary btn-block mt-4 mb-3 append-icon text-left">Login <i class="icon icon-arrow-right"></i></button>
</form>
<a class="btn-link small" href="#">Passwort vergessen? </a>
</div>
</div>
</div>
</div>
</div>
