document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Login</title>
  8.     <link rel="preconnect" href="https://fonts.googleapis.com" />
  9.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  10.     <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@1&display=swap" rel="stylesheet" />
  11.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
  12.     <link rel="shotcut icon" type="image/x-icon" href="../assets/android-chrome-192x192.png" />
  13.     <script src="https://kit.fontawesome.com/ba4825c01c.js" crossorigin="anonymous"></script>
  14.     <link rel="stylesheet" href="style.css" />
  15.   </head>
  16.   <body>
  17.     <div class="bg-image shadow-2-strong" id="intro">
  18.       <div class="mask" style="background-color: rgba(0, 0, 0, 0.1)">
  19.         <div class="d-flex align-items-center justify-content-md-center" style="height: 100vh">
  20.           <div class="container" id="container">
  21.             <div class="overlay-container">
  22.               <div class="overlay">
  23.                 <div class="overlay-panel overlay-right">
  24.                   <img src="https://techzeero.com/html-templates/login-forms/image/blue-creative.jpg" />
  25.                 </div>
  26.               </div>
  27.             </div>
  28.             <div class="form-container sign-in-container">
  29.               <form action="#">
  30.                 <h1 class="font-weight-normal">Login into account</h1>
  31.                 <input type="email" placeholder="Email" />
  32.                 <input type="password" placeholder="Password" />
  33.                 <button class="but btn btn-info btn-rounded">Login</button>
  34.                 <br />
  35.  
  36.                 <span>or login with</span>
  37.                 <div class="social-container">
  38.                   <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
  39.                   <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
  40.                   <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
  41.                 </div>
  42.                 <br />
  43.                 <h6 class="font-weight-bold">Belum punya akun? <a href="#" class="text-primary"> Register sekarang!</a></h6>
  44.  
  45.                 <hr style="width: 75%; text-align: left; margin-left: 0; color: black" />
  46.                 <h6>Have a message for us? Please drop <a href="contact.html" class="text-primary">here</a>.</h6>
  47.               </form>
  48.             </div>
  49.           </div>
  50.         </div>
  51.       </div>
  52.     </div>
  53.   </body>
  54. </html>
  55.  
');