Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
- pageEncoding="ISO-8859-1"%>
- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="ISO-8859-1">
- <title>Awesome to-do list</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
- <style>
- body {
- font-family: Lucida Console, Helvetica, sans-serif;
- }
- * {
- box-sizing: border-box;
- }
- /* style the container */
- .container {
- position: relative;
- border-radius: 5px;
- background-color: #f2f2f2;
- padding: 20px 0 30px 0;
- }
- /* style inputs and link buttons */
- input,
- .btn {
- width: 50%;
- padding: 12px;
- border: none;
- border-radius: 4px;
- margin: 5px 0;
- opacity: 0.85;
- display: inline-block;
- font-size: 17px;
- line-height: 20px;
- text-decoration: none; /* remove underline from anchors */
- font-family: Lucida Console, Helvetica, sans-serif;
- }
- input:hover,
- .btn:hover {
- opacity: 1;
- }
- /* style the submit button */
- input[type=submit] {
- background-color: rgb(255, 102, 163);
- color: white;
- cursor: pointer;
- font-family: Lucida Console, Helvetica, sans-serif;
- }
- input[type=submit]:hover {
- background-color: rgb(204, 0, 82);
- }
- /* Clear floats after the columns */
- .row:after {
- content: "";
- display: table;
- clear: both;
- }
- /* hide some text on medium and large screens */
- .hide-md-lg {
- display: none;
- }
- /* bottom container */
- .bottom-container {
- text-align: center;
- background-color: rgb(153, 0, 61);
- border-radius: 0px 0px 4px 4px;
- }
- /* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */
- @media screen and (max-width: 650px) {
- /* show the hidden text on small screens */
- .hide-md-lg {
- display: block;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <form action="Login" method="POST">
- <div class="row">
- <h2 style="text-align:center; color: rgb(153, 0, 61);">Awesome To-Do List</h2>
- <div class="col" style="text-align:center;">
- <div class="hide-md-lg">
- <p>Or sign in manually:</p>
- </div>
- <input type="text" name="username" placeholder="Username" required>
- <input type="password" name="password" placeholder="Password" required>
- <input type="submit" value="Login">
- </div>
- </div>
- </form>
- </div>
- <div class="bottom-container">
- <div class="row">
- <div class="col">
- <a href="register.jsp" style="color:white" class="btn">Are u new? Register <b>here</b></a>
- </div>
- </div>
- </div>
- <c:if test="${loginerror == 'yes'}">
- <script>alert("Invalid username and password");</script>
- </c:if>
- <c:if test="${logout == 'yes'}">
- <script>alert("You have logout");</script>
- </c:if>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement