<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<?php session_start(); ?>
<!DOCTYPE html>
<html> <head> <title>Login</title> </head>
<h1>Nybro</h1>
<body>
<form class = "form-signin" action = "loginVerification.php" method = "POST">
<h2 class="form-signin-heading text-muted">Login</h2>
<!--<p>Email:</p>-->
<input type = "text" placeholder="Email" class = "form-control">
<!--<p>Password:</p>-->
<input type = "password" placeholder="Password" class ="form-control">
<input type = "hidden" class = "token" value = "<?php $_SESSION['token']; ?>"/>
<?php
if(isset($_GET['msg'])){
echo $_GET['msg'];
}
?>
<input type = "submit" value = "Login" class="btn btn-lg btn-primary btn-block">
</form>
<!--<br>-->
<!--<br>-->
<div class="note" style="text-align:center">
<a href="register.php">Don't have an Account? Sign up Here!</a>
</div>
</body>
</html>
body {
padding-top: 10px;
padding-bottom: 40px;
/*background-color: #eee;*/
/*background-image: url('https://vignette2.wikia.nocookie.net/clubpenguin/images/e/e9/Jess_Future_Party_Login_Screen_Background.png/revision/latest?cb=20160330140948');*/
background: #558C89; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #558C89 1%, #74AFAD 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#558C89), color-stop(100%,#74AFAD)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #558C89 1%,#74AFAD 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #558C89 1%,#74AFAD 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #558C89 1%,#74AFAD 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #558C89 1%,#74AFAD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#558C89', endColorstr='#74AFAD',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:calc(100vh);
width:100%;
}
h1{
text-align: center;
font-size: 50px;
font-family: Futura,Trebuchet MS,Arial,sans-serif;
color: #ECECEA;
}
h2{
text-align: center;
font-size:30px;
color: #ECECEA;
font-family: Futura,Trebuchet MS,Arial,sans-serif;
}
.btn {
outline:0;
border:none;
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
box-shadow:inset 2px -3px rgba(0,0,0,0.15);
}
.btn:focus
{
outline:0;
-webkit-outline:0;
-moz-outline:0;
}
/*.fullscreen_bg {*/
/* position: fixed;*/
/* top: 0;*/
/* right: 0;*/
/* bottom: 0;*/
/* left: 0;*/
/* background-size: cover;*/
/* background-position: 50% 50%;*/
/* background-image: url('http://cleancanvas.herokuapp.com/img/backgrounds/color-splash.jpg');*/
/* background-repeat:repeat;*/
/*}*/
.form-signin {
max-width: 280px;
padding: 15px;
margin: 0 auto;
margin-top:50px;
}
.form-signin .form-signin-heading, .form-signin {
margin-bottom: 10px;
}
.form-signin .form-control {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-signin .form-control:focus {
z-index: 2;
}
.form-signin input[type="text"] {
margin-bottom: -1px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-color: #000;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: rgb(0,0,0);
border-top:1px solid rgba(0,0,0,0.08);
}
.form-signin-heading {
color: #fff;
text-align: center;
text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}
.note a {
color: #fff;
font-family: Futura,Trebuchet MS,Arial,sans-serif;
}
input[type="submit"], textarea {
font-family: Futura,Trebuchet MS,Arial,sans-serif;
background-color : #D9853B;
}