CSS

<html>
<head img height="5" src="asset/img/ok.jpg" width="5" >
<title >Testing</title>
</head></html>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"></link>
<link href="asset/css/bootstrap.min" rel="stylesheet"></link>
<link href="/bootstrap/css/datepicker.css" rel="stylesheet">
<!--Body Mulai-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
$(function(){
window.prettyPrint && prettyPrint();
$('#awal').datepicker();
});
</script>
<!--HEADER Start-->
<div class="page-header">
 <!--Navbar Start-->
<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
<li class="active"><a href="http://www.onie12018077.blogspot.com/blogger.g?blogID=4000928777700727880#"><img alt="home" height="25" src="asset/img/ok.jpg" width="25" /></a></li>
<li><a href="http://www.onie12018077.blogspot.com/blogger.g?blogID=4000928777700727880#">One</a></li>
<li><a href="http://www.facebook.com/blogger.g?blogID=4000928777700727880#">facebook</a></li>
      <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
</ul>
<form class="navbar-search pull-right">
<input class="search-query" placeholder="Search" type="text" />
            </form>
</div>
</div>  
</div>

<!--Sidebar mulai-->
<div class="span15 sidebar">
<h3>
Sidebar</h3>
<ul class="nav nav-tabs nav-stacked">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Admin</a></li>
<li><a href="#">Report</a></li>
<li><a href="#">Kelas</a></li>
<li><a href="#">More</a></li>
<li><a href="#">More</a></li>
<li><a href="#">More</a></li>

</ul>

</div>

<div class="span10">
<!--Sidebar Selesai-->
</div>


<!--Kontes / isi Mulai-->

 <div class="hero-unit">
<h3>
Hello, world!</h3>
<br />
<a class="btn btn-primary btn-large" href="http://www.blogger.com/blogger.g?blogID=4000928777700727880">Learn more »</a></div>
<!--Kontes / isi Selesai-->

<!-- Contoh Colom tambahan  -->
<div class="row">
<div class="span4">
<h2>
Heading</h2>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. <br />
<a class="btn" href="http://www.onie12018077.blogspot.com/blogger.g?blogID=4000928777700727880#">View details »</a></div>
<div class="span4">
<h2>
Heading</h2>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. <br />
<a class="btn" href="http://www.onie12018077.blogspot.com/blogger.g?blogID=4000928777700727880#">View details »</a></div>
<div class="span4">
<h2>
Heading</h2>
Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.<br />
<a class="btn" href="http://www.onie12018077.blogspot.com/blogger.g?blogID=4000928777700727880#">View details »</a>

</div>
</div>
<!-- Contoh Colom tambahan selesai -->
<br></br>
<div class="input-append date" id="awal" data-date="12-02-2012" data-date-format="mm.dd.yyyy">
<input name="akhir" class="span2" placeholder="Hari Akhir" size="16" type="text" readonly="">
<span class="add-on">
<i class="icon-calendar"></i>
</span>
</div>
<!--Footer start-->
  <hr />
 <footer>
 <center>
 <div class="row">
<div class="container">
© <a href="http://www.onie12018077.blogspot.com/">[Onie Yudho S.]</a>
</div>
</div>
</center>
</footer>
<!--Footer end-->