github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/register.html (about) 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>VAMPS | Sign Up</title> 7 8 <link href="css/app.css" rel="stylesheet" type="text/css"> 9 <!-- Material Design fonts --> 10 <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"> 11 <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons"> 12 13 <!-- Bootstrap --> 14 <link rel="stylesheet" type="text/css" href="base/plugins/bootstrap/css/bootstrap.min.css"> 15 <!-- Bootstrap Material Design --> 16 <style type="text/css"> 17 body { 18 background-color: #00ACC1; 19 -webkit-background-size: cover; 20 -moz-background-size: cover; 21 -o-background-size: cover; 22 background-size: cover; 23 } 24 25 .well { 26 margin-top: 10%; 27 } 28 </style> 29 </head> 30 31 <body class="gray-bg"> 32 <div class="container-fluid"> 33 <div class="row"> 34 <div class="col-md-4 col-md-offset-4 well"> 35 <div class="middle-box text-center animated fadeInDown"> 36 <h1 class="logo-name">VAMPS</h1> 37 </div> 38 39 <div class="middle-box text-center loginscreen animated fadeInDown"> 40 <div class="row"> 41 <div class="col-md-6 col-md-offset-3"> 42 <h3 class="login-text">Register to Wifi+</h3> 43 <p class="login-text">Create account to see it in action.</p> 44 45 <form class="m-t" id="registration-form"> 46 <div class="form-group"> 47 <input type="text" name="username" id="username" class="form-control" 48 placeholder="User Name" required=""> 49 </div> 50 <div class="form-group"> 51 <input type="email" name="email" id="email" class="form-control" placeholder="Email" 52 required=""> 53 </div> 54 <div class="form-group"> 55 <input type="password" name="password" id="password" class="form-control" 56 placeholder="Password" required=""> 57 </div> 58 <div class="form-group"> 59 <input type="password" name="confirmpassword" id="confirmpassword" class="form-control" 60 placeholder="Confirm Password" 61 required=""> 62 </div> 63 <div class="form-group"> 64 <div class="checkbox i-checks login-text"><label> <input type="checkbox" id="agree" 65 name="agree"><i></i> Agree the 66 terms and policy 67 </label></div> 68 </div> 69 <button id="btn-register" class="btn btn-raised btn-primary">Register</button> 70 71 <p class="text-muted text-center login-text"> 72 <small>Already have an account?</small> 73 </p> 74 <a class="btn btn-raised btn-default" href="login.html">Login</a> 75 </form> 76 <p class="m-t login-text"> 77 <small>Vedicsoft solutions © 2016</small> 78 </p> 79 </div> 80 </div> 81 </div> 82 </div> 83 </div> 84 </div> 85 86 <!-- Java scripts --> 87 <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script> 88 <script type="text/javascript" src="js/bootstrap.min.js"></script> 89 <script type="text/javascript" src="base/plugins/validate/jquery.validate.min.js"></script> 90 <script type="text/javascript" src="base/plugins/cookie/js.cookie.js"></script> 91 <script type="text/javascript" src="js/login.js"></script> 92 93 </body> 94 </html>