github.com/apremalal/vamps-core@v1.0.1-0.20161221121535-d430b56ec174/server/webapps/app/base/login.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 In  </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  
    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="">
    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              <div class="middle-box text-center loginscreen animated fadeInDown">
    39                  <div class="row">
    40                      <div class="col-md-6 col-md-offset-3">
    41                          <h3 class="login-text">Welcome to Wifi+</h3>
    42                          <p class="login-text"> Generate dashboards from managed access points.</p>
    43                          <p class="login-text">Login in. To see it in action.</p>
    44                          <form class="m-t" id="login-form">
    45                              <div class="form-group">
    46                                  <input type="username" id="username" name="username" class="form-control"
    47                                         placeholder="Username"
    48                                         required>
    49                              </div>
    50                              <div class="form-group">
    51                                  <input type="password" id="password" name="password" class="form-control"
    52                                         placeholder="Password"
    53                                         required>
    54                              </div>
    55                              <div class="form-group">
    56                                  <div class="checkbox">
    57                                      <label>
    58                                          <input type="checkbox"> Remember Me
    59                                      </label>
    60                                  </div>
    61                              </div>
    62                              <button class="btn btn-raised btn-primary" id="login-btn">Login</button>
    63                              <br/>
    64                              <a href="#">
    65                                  <small>Forgot password?</small>
    66                              </a>
    67                              <p class="text-muted text-center login-text">
    68                                  <small>Do not have an account?</small>
    69                              </p>
    70                              <a class="btn btn-raised btn-default" href="register">Create an account</a>
    71                          </form>
    72                          <p class="m-t login-text">
    73                              <small>Vedicsoft solutions &copy; 2016</small>
    74                          </p>
    75                      </div>
    76                  </div>
    77              </div>
    78          </div>
    79      </div>
    80  
    81  </div>
    82  </div>
    83  
    84  <!-- Java scripts -->
    85  <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
    86  <script type="text/javascript" src="js/bootstrap.min.js"></script>
    87  <script type="text/javascript" src="js/material.min.js"></script>
    88  <script type="text/javascript" src="js/ripples.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/configs.js"></script>
    92  <script type="text/javascript" src="js/login.js"></script>
    93  </body>
    94  </html>