mnaufaldillah

login tugas bootstrap

Oct 16th, 2021
290
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.92 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>News</title>
  5.         <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  6.         <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  7.         <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  8.         <link rel="stylesheet" href="custom_login.css"/>
  9.     </head>
  10.     <body>
  11.         <div id="login">
  12.             <h3 class="text-center text-white pt-5">Login form</h3>
  13.             <div class="container">
  14.                 <div id="login-row" class="row justify-content-center align-items-center">
  15.                     <div id="login-column" class="col-md-6">
  16.                         <div id="login-box" class="col-md-12">
  17.                             <form id="login-form" class="form" action="" method="post">
  18.                                 <h3 class="text-center text-info">Login</h3>
  19.                                 <div class="form-group">
  20.                                     <label for="username" class="text-info">Username:</label><br>
  21.                                     <input type="text" name="username" id="username" class="form-control">
  22.                                 </div>
  23.                                 <div class="form-group">
  24.                                     <label for="password" class="text-info">Password:</label><br>
  25.                                     <input type="text" name="password" id="password" class="form-control">
  26.                                 </div>
  27.                                 <div id="register-link" class="text-right">
  28.                                     <a href="#" class="text-info">Register here</a>
  29.                                 </div>
  30.                             </form>
  31.                         </div>
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.     </body>
  37. </html>
Add Comment
Please, Sign In to add comment