Advertisement
irfanamir

Tugas Login PWPB

Mar 15th, 2020
416
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.76 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title></title>
  6.     <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
  7.     <script type="text/javascript" src="js/bootstrap.min.js"></script>
  8.     <style media="screen">
  9.       body{
  10.         background-size: cover;
  11.       }
  12.     </style>
  13.   </head>
  14.   <body background="img/bg-01.jpg">
  15.  
  16. <!------------------ ini navbar nya --------------------/--->
  17.     <nav class="navbar navbar-expand-lg navbar-purple bg-purple fixed-top">
  18.         <a class="navbar-brand" href="#">
  19.             <img src="img\profile1.png" alt="logo" style="width: 80px;">
  20.         </a>
  21.         <div class="collapse navbar-collapse" id="navbarColor02">
  22.             <ul class="navbar-nav mr-auto">
  23.                 <li class="nav-item active">
  24.                     <a class="nav-link" href="#" style="font-weight: bold; color:black">Home</a>
  25.                 </li>
  26.  
  27.                 <li class="nav-item item">
  28.                     <a class="nav-link" href="news.php" style="font-weight: bold; color:black">News</a>
  29.                 </li>
  30.  
  31.                 <li class="nav-item ">
  32.                     <a class="nav-link" href="#about" style="font-weight: bold; color:black">About</a>
  33.                 </li>      
  34.  
  35.                 <!--- author : M.irfan A.F.S -/-->
  36.                  <!--- 2020-03-15 -/-->
  37.  
  38.  
  39.                 <li class="nav-item ">
  40.                     <a class="nav-link" href="#contact" style="font-weight: bold; color:black">Contact</a>
  41.                 </li>
  42.             </ul>
  43.             <ul class="navbar-nav navbar-right">
  44.                 <li class="nav-item">
  45.                     <a href="#" class="nav-link" style="font-weight: bold; color:white">User Active : -
  46.                 </li>
  47.             </ul>
  48.         </div>
  49.     </nav>
  50.   <!--- End -/-->
  51.  
  52.   <!-------------- Halaman Login -----------/-->
  53.     <div class="col-md-12">
  54.       <h1 style="font-weight: bold; text-align: center; color: #ffffff; margin-top: 250px">Halaman Login</h1>
  55.     </div>
  56.   <!-- yang di ubah = class:form-inline dan margin left and right-/-->
  57.     <form class="form" action="login.php" method="post" style="margin-top: 30px; margin-left: 500px; margin-right: 500px; position: center;">
  58.       <div class="form-group">
  59.         <label for="email" style="margin-left: 20px">Username : </label>
  60.         <input type="username" name="username" class="form-control" style="margin-left: 20px;">
  61.       </div>
  62.       <div class="form-group">
  63.         <label for="pwd" style="margin-left: 20px">Password : </label>
  64.         <input type="password" name="password" class="form-control" style="margin-left: 20px">
  65.       </div>
  66.       <button type="submit" name="login" class="btn btn-danger" style="margin-left: 20px">login</button>
  67.     </form>
  68.   </body>
  69. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement