document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  9.     <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  10.     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  11.     <style>
  12.         body {
  13.             margin: 0;
  14.             padding: 0;
  15.             background: -webkit-linear-gradient(left,rgb(182, 182, 204), rgb(72, 72, 179));
  16.             height: 100vh;
  17.         }
  18.  
  19.         #login .container #login-row #login-column #login-box {
  20.             margin-top: 240px;
  21.             width: 600px;
  22.             height: 350px;
  23.             box-shadow: #000000;
  24.             border-radius: 60px;
  25.             background-color: #000000;
  26.         }
  27.        
  28.         #login .container #login-row #login-column #login-box #login-form {
  29.             padding: 25px;
  30.             color: white;
  31.         }
  32.        
  33.         #login .container #login-row #login-column #login-box #login-form #register-link {
  34.             margin-top: -85px;
  35.         }
  36.        
  37.         a {
  38.             color: white !important;
  39.         }
  40.     </style>
  41.     <title>Bootstrap Login dan Contact Message</title>
  42. </head>
  43.  
  44. <body>
  45.     <div id="login">
  46.         <div class="container ">
  47.             <div id="login-row" class="row justify-content-center align-items-center ">
  48.                 <div id="login-column" class="col-md-6 ">
  49.                     <div id="login-box" class="shadow col-md-12 ">
  50.                         <form id="login-form" class="form rounded-3" action="" method="post">
  51.                             <h3 class="text-center  ">Login form</h3>
  52.                             <div class="form-group">
  53.                                 <label for="username">Username:</label><br>
  54.                                 <input type="text" name="username" id="username" class="form-control">
  55.                             </div>
  56.                             <div class="form-group">
  57.                                 <label for="password">Password:</label><br>
  58.                                 <input type="text" name="password" id="password" class="form-control">
  59.                             </div>
  60.                             <div class="form-group">
  61.                                 <label for="remember-me"><span>Remember me</span> <span><input id="remember-me" name="remember-me" type="checkbox"></span></label><br>
  62.                                 <input type="submit" name="submit" class="btn btn-light" value="submit">
  63.                             </div>
  64.                             <div id="register-link" class="text-right" style="color: white !important;">
  65.                                 <a href="contact.html">Contact Us</a>
  66.                             </div>
  67.                         </form>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </div>
  73. </body>
  74.  
  75. </html>
');