Pasang Iklan

Whatsapp : 0822 5516 1055

Total Pengunjung

Sunday 12 June 2016

Bootstrap Dengan Form Dan Method

NILAI ONLINE AMKI YAINCO KETAPANG

Dosen Amki Yainco Ketapang


Selamat Datang, Jika Anda Lupa Username Dan Password Harap Mendatangi Bagian BAAK


Login Dosen

Post by Jane Dane, Sep 27, 2015.
Food Ipsum




<!DOCTYPE html>
<html lang="en">
<head>
  <title>NILAI ONLINE AMKI YAINCO KETAPANG</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="b/css/bootstrap.min.css">
  <script src="b/jquery.min.js"></script>
  <script src="b/js/bootstrap.min.js"></script>
  <style>
    /* Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {height: 1500px}
   
    /* Set gray background color and 100% height */
    .sidenav {
      background-color: #f1f1f1;
      height: 100%;
    }
   
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
   
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height: auto;}
    }
  </style>
</head>
<body>

<div class="container-fluid">
  <div class="row content">
    <div class="col-sm-3 sidenav">
      <h4>Dosen Amki Yainco Ketapang</h4>
      <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="#section1">Home</a></li>
        <li><a href="#section2">Login</a></li>
        <li><a href="#section3">Web Amki</a></li>
        <li><a href="#section3">Web Mahasiswa</a></li>
      </ul><br>
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search Blog..">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button">
            <span class="glyphicon glyphicon-search"></span>
          </button>
        </span>
      </div>
    </div>

    <div class="col-sm-9">
      <h4><small>Selamat Datang, Jika Anda Lupa Username Dan Password Harap Mendatangi Bagian BAAK</small></h4>
      <hr>
      <h2>Login Dosen</h2>
      <h5><span class="glyphicon glyphicon-time"></span> Post by Jane Dane, Sep 27, 2015.</h5>
      <h5><span class="label label-danger">Food</span> <span class="label label-primary">Ipsum</span></h5><br>
     

<form action="" method="POST" role="form">
  <div class="form-group">
    <label for="kode">Kode Login</label>
    <input type="kode" class="form-control" id="kode">
  </div>
  
  
  <div class="form-group">
    <label for="pwd">Password:</label>
    <input type="password" class="form-control" id="pwd">
  </div>

  <button  id="btn" name="btn" type="submit" class="btn btn-default">Login Dosen</button>
</form>


<?php
if(isset($_POST["btn"])) {

echo "aa" ;

}
?>

 <br><br>
     
     
        </div>
      </div>
    </div>
  </div>
</div>

<footer class="container-fluid">
  <p>Copyright@2016-AMKI</p>
</footer>

</body>
</html>

0 komentar:

Popular Posts

@jablayInside. Powered by Blogger.
Scroll To Top