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.     <link rel="stylesheet" href="./css/script.css">
  8.     <!-- Font Awesome -->
  9.     <link
  10.    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
  11.    rel="stylesheet"
  12.    />
  13.     <!-- Google Fonts -->
  14.     <link
  15.    href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
  16.    rel="stylesheet"
  17.    />
  18.     <!-- MDB -->
  19.     <link
  20.    href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.10.1/mdb.min.css"
  21.    rel="stylesheet"
  22.    />
  23.     <!-- MDB -->
  24.     <script
  25.    type="text/javascript"
  26.    src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.10.1/mdb.min.js"
  27.    ></script>
  28.     <title>Login</title>
  29. </head>
  30. <body>
  31.     <section class="vh-100 gradient-custom">
  32.         <div class="container py-5 h-100">
  33.           <div class="row d-flex justify-content-center align-items-center h-100">
  34.             <div class="col-12 col-md-8 col-lg-6 col-xl-5">
  35.               <div class="card bg-info text-white" style="border-radius: 1rem;">
  36.                 <div class="card-body p-5 text-center">
  37.      
  38.                   <div class="mb-md-5 mt-md-4 pb-5">
  39.      
  40.                     <h2 class="fw-bold mb-2 text-uppercase">Login</h2>
  41.                     <!-- <p class="text-white-50 mb-5">Masukan Email dan Password untuk akses akun</p> -->
  42.      
  43.                     <div class="form-outline form-white mb-4">
  44.                       <input type="email" id="typeEmailX" class="form-control form-control-lg" />
  45.                       <label class="form-label" for="typeEmailX">Email</label>
  46.                       <p style="color: rgb(173, 157, 157);"">[email protected]</p>
  47.                     </div>
  48.      
  49.                     <div class="form-outline form-white mb-4">
  50.                       <input type="password" id="typePasswordX" class="form-control form-control-lg" />
  51.                       <label class="form-label" for="typePasswordX">Password</label>
  52.                       <p style="color: rgb(173, 157, 157);">Password123</p>
  53.                     </div>
  54.      
  55.                     <p class="small mb-5 pb-lg-2"><a class="text-white-50" href="./contacts.html">Contact Us</a></p>
  56.      
  57.                     <button class="btn btn-outline-light btn-lg px-5" type="submit">Login</button>
  58.      
  59.                     <div class="d-flex justify-content-center text-center mt-4 pt-1">
  60.                       <a href="#!" class="text-white"><i class="fab fa-facebook-f fa-lg"></i></a>
  61.                       <a href="#!" class="text-white"><i class="fab fa-twitter fa-lg mx-4 px-2"></i></a>
  62.                       <a href="#!" class="text-white"><i class="fab fa-google fa-lg"></i></a>
  63.                     </div>
  64.      
  65.                   </div>
  66.      
  67.                   <div>
  68.                     <p class="mb-0">Dont have an account? <a href="#!" class="text-white-50 fw-bold">Sign Up</a></p>
  69.                   </div>
  70.      
  71.                 </div>
  72.               </div>
  73.             </div>
  74.           </div>
  75.         </div>
  76.       </section>
  77. </body>
  78. </html>