| <div class="justify-content-center"> | |
|     <div class="card"> | |
|         <div class="card-header"> | |
|             <h2>Login</h2> | |
|         </div> | |
|         <div class="card-body"> | |
|             <form action="/user/login" method ="post" class="p-2"> | |
|                 <div class="form-group"> | |
|                     <label for="username">User Name</label> | |
|                     <input class="form-control" type="text" id="username" name="username" placeholder="Enter username" required> | |
|                 </div> | |
|                 <div class="form-group"> | |
|                     <label for="password">Password</label> | |
|                     <input class="form-control" type="password" name="password" id="password" placeholder="Password" required> | |
|                 </div> | |
|                 <div class="text-center"> | |
|                     <button class="btn btn-lg btn-secondary">Login</button> | |
|                 </div> | |
|                 <br> | |
|             </form> | |
|         </div> | |
|     </div> | |
| </div> |