Conservancy/reimbursinator
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Bootstrap styling to login form

Browse source
This commit is contained in:
Preston Doman 2019-01-20 21:45:42 -08:00
parent c3611737e8
commit b93e889923
1 changed files with 27 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
front/static/login.html
View file

@ -14,12 +14,33 @@
<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
<a class="navbar-brand" href="index.html">Reimbursinator</a>
</nav>
<h1>Log in</h1>
<form method="POST">
username: <input type="text" name="username" required><br>
password: <input type="password" name="password" required><br>
<input type="submit" name="submit" value="submit">
<div class="container pt-5">
<div class="row h-100">
<div class="col-sm-6 mx-auto">
<div class="card bg-light text-dark">
<div class="card-header">
<h3>Please log in</h3>
</div>
<div class="card-body">
<form class="form" autocomplete="off">
<div class="form-group">
<label for="formGroupUsername">Username:</label>
<input class="form-control" id="formGroupUsername" type="text" name="username" required autofocus>
</div>
<div class="form-group">
<label for="formGroupPassword">Password:</label>
<input class="form-control" id="formGroupPassword" type="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary pull-right">Submit</button>
</form>
</div>
<div class="card-footer">
Not registered? <a href="signup.html">Sign up</a>
</div>
</div>
</div>
</div>
</div>
<p id="errorReport"><p>
<script src="login.js"></script>
</body>