github.com/gocaveman/caveman@v0.0.0-20191211162744-0ddf99dbdf6e/uiproto/files/static/login.html (about) 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Sample Site - Login</title> 5 6 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> 7 8 <style> 9 10 /*#top_links { 11 position: absolute; 12 top: 10px; 13 right: 30px; 14 } 15 16 #top_links a { 17 color: white; 18 } 19 */ 20 21 .form-signin { 22 text-align: center; 23 width: 100%; 24 max-width: 330px; 25 padding: 15px; 26 margin: 0 auto; 27 } 28 .form-signin .checkbox { 29 font-weight: 400; 30 } 31 .form-signin .form-control { 32 position: relative; 33 box-sizing: border-box; 34 height: auto; 35 padding: 10px; 36 font-size: 16px; 37 } 38 .form-signin .form-control:focus { 39 z-index: 2; 40 } 41 .form-signin input[type="email"] { 42 margin-bottom: -1px; 43 border-bottom-right-radius: 0; 44 border-bottom-left-radius: 0; 45 } 46 .form-signin input[type="password"] { 47 margin-bottom: 10px; 48 border-top-left-radius: 0; 49 border-top-right-radius: 0; 50 } 51 52 </style> 53 54 </head> 55 <body style="margin-top: 0;"> 56 57 <div style="margin: 0 auto; width: 1200px; position: relative;"> 58 59 <!-- <div id="top_links"> 60 <a href="/login.html">Login</a> 61 62 <a href="/admin.html">Administration</a> 63 </div> 64 --> 65 <a href="/index.html"><img src="sample-top-bar.jpg" style="width: 1200px;" /></a> 66 67 68 <form class="form-signin"> 69 <img class="mb-4" src="https://getbootstrap.com/docs/4.0/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72"> 70 <h1 class="h3 mb-3 font-weight-normal">Please sign in</h1> 71 <label for="inputEmail" class="sr-only">Email address</label> 72 <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> 73 <label for="inputPassword" class="sr-only">Password</label> 74 <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> 75 <div class="checkbox mb-3"> 76 <label> 77 <input type="checkbox" value="remember-me"> Remember me 78 </label> 79 </div> 80 <a class="btn btn-lg btn-primary btn-block" href="/admin.html">Sign in</a> 81 <p class="mt-5 mb-3 text-muted">© 2018</p> 82 </form> 83 84 85 </div> 86 87 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> 88 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> 89 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> 90 91 </body> 92 </html>