CINXE.COM
CSSDA - JPanel - Login
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>CSSDA - JPanel - Login</title> <meta name="robots" content="noindex, nofollow" /> <meta content="width=device-width, initial-scale=1" name="viewport"> <link rel="apple-touch-icon" sizes="57x57" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="76x76" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="120x120" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="144x144" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="152x152" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="180x180" href="images/favicons/apple-touch-icon-57x57.png"> <link rel="icon" type="image/png" href="images/favicons/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="images/favicons/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="images/favicons/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="images/favicons/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="images/favicons/android-chrome-192x192.png" sizes="192x192"> <link rel="shortcut icon" href="images/favicons/favicon.ico"> <script src="vendor/modernizr1dd80ff62d5e93e911ab.js"></script> <script> Modernizr.addTest('mobiledevice', function() { return !!(/(iPad|iPhone|iPod|Android|BlackBerry|IEMobile|Opera Mini)/g).test(navigator.userAgent); }); </script> <style> @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'); </style> <link href="style.css" rel="stylesheet"> </head> <body> <header><a class="logo" href="https://www.cssdesignawards.com/" target="_blank">CSS Design Awards</a></header> <div class="login-wrapper"> <div class="login-content"> <h2 class="login-title">Log In </h2> <form class="login-form validated-form" id="login-form" name="login-form" method="post" action=""> <div class="login-input-wrapper"> <input class="login-email" id="email" name="login-email" type="email" placeholder="Email" minlength="6" data-msg-required="This field is required" data-msg-email="Please enter a valid email address" data-msg-minlength="Please enter at least 6 characters" required> </div> <div class="login-input-wrapper"> <input class="login-password" id="password" name="login-password" type="password" placeholder="Password" minlength="6" data-msg-required="This field is required" data-msg-minlength="Please enter at least 6 characters" required> </div> <button class="btn-login">Log In</button><a class="login-link" href="forgot-password.php">Forgot password?</a> </form> </div> </div> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js" integrity="sha256-F6h55Qw6sweK+t7SiOJX+2bpSAa3b/fnlrVCJvmEj1A=" crossorigin="anonymous"></script> <script type="text/javascript" src="validate.js"></script> </body> </html>