Add Bootstrap styling to login form
This commit is contained in:
parent
c3611737e8
commit
b93e889923
1 changed files with 27 additions and 6 deletions
|
@ -14,12 +14,33 @@
|
||||||
<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
|
<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
|
||||||
<a class="navbar-brand" href="index.html">Reimbursinator</a>
|
<a class="navbar-brand" href="index.html">Reimbursinator</a>
|
||||||
</nav>
|
</nav>
|
||||||
<h1>Log in</h1>
|
<div class="container pt-5">
|
||||||
<form method="POST">
|
<div class="row h-100">
|
||||||
username: <input type="text" name="username" required><br>
|
<div class="col-sm-6 mx-auto">
|
||||||
password: <input type="password" name="password" required><br>
|
<div class="card bg-light text-dark">
|
||||||
<input type="submit" name="submit" value="submit">
|
<div class="card-header">
|
||||||
</form>
|
<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>
|
<p id="errorReport"><p>
|
||||||
<script src="login.js"></script>
|
<script src="login.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in a new issue