"nybro"
Bootstrap 3.0.0 Snippet by charlesfeng111

<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; }

Related: See More


Questions / Comments: