UOB TEST

by oktaviardi pratama

HTML

<link rel="stylesheet" href="http://microsites.staging.rumah.com/uob/wp-content/themes/uob-theme/css/bootstrap.min.css">
<link rel="stylesheet" href="http://microsites.staging.rumah.com/uob/wp-includes/css/admin-bar.css?ver=3.4.2">
<link rel="stylesheet" href="chrome-extension://cgndfbhngibokieehnjhbjkkhbfmhojo/css/validation.css">
<link rel="stylesheet" href="http://microsites.staging.rumah.com/uob/wp-content/themes/uob-theme/css/reset.css">
<link rel="stylesheet" href="http://microsites.staging.rumah.com/uob/wp-content/themes/uob-theme/style.css">
<link rel="stylesheet" href="http://microsites.staging.rumah.com/uob/wp-content/plugins/microsite-kit/microsite-kit/assets/js/jquery/ui/smoothness/jquery-ui-1.8.17.custom.css?ver=3.4.2">
<div id="contact-us-form" class="row">
<div class="span3">[dynamicform id=1]</div>
<div class="span6">
<h2>Keuntungan KPR UOB</h2>
Nasabah tidak harus menyediakan dana tunai untuk membeli rumah tetapi cukup dengan menyediakan uang muka. Karena KPR memiliki jangka waktu yang panjang, sehingga angsuran yang dibayarkan dapat memberikan peningkatan nilai rumah yang dibeli.

</div>
</div>
<div class="row">
<table id="pic" class="table-striped">
<thead>
<tr>
<th>Wilayah</th>
<th>PIC</th>
<th>No Telepon</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Jakarta Pusat</strong></td>
<td>Linggo Hudiono</td>
<td>0817 0300 3533</td>
</tr>
<tr>
<td></td>
<td>Posma Sirait</td>
<td>0813 1946 7714</td>
</tr>

 <tr>
<td>Jakarta Utara</td>
<td>Anugrah Yuliani</td>
<td>0811 9912 223</td>
</tr>   
    
 <tr>
<td>Jakarta Timur</td>
<td>Alexander Handi</td>
<td>0813 8077 8077</td>
</tr>
   
  
    
<tr>
<td>Jakarta Selatan</td>
<td>Maulida Rohima</td>
<td>0819 0505 5097</td>
</tr>
    
      <tr>
<td>Tangerang</td>
<td>Budi Santosa</td>
<td>0817 0000 880</td>
</tr>
    
      <tr>
<td>bekasi</td>
<td>Andriana Sudirman</td>
<td>0816 4811 719</td>
</tr>
    

<tr>
<td>Cibubur - Bogor</td>
<td>Dian Christiarini</td>
<td>0813 1500 3036</td>
</tr>

    
   ...

CSS

#sc_drag_area_protector div{
  border-radius: 0px 0px;
  margin:0;
  /*max-width:100%;*/
  min-width: 1px;

}

#sc_drag_area {
  height:100px;
  left:150px;
  position: absolute;
  top:100px;
  width:250px;
  z-index: 9999;
}
#sc_drag_container {
  border: 1px solid #0000FF;
  cursor: move ;
  height: 100% ;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative ;
  width: 100%;
  z-index:9997;
}
#sc_drag_area_protector {
  border-radius: 0px 0px;
  display: block;
  height:100%;
  left:0;
  top:0;
  position: absolute;
  width:100%;
  z-index:8500;
  margin: 0;
  
  min-width: 1px;
  overflow: hidden;
}
#sc_drag_size {
  background-color: rgba(44, 44, 44, 0.5);
  color:#ffffff;
  font-family: arial,san-serif;
  font-weight:bold;
  font-size:12px;
  height:18px;
  min-width:65px !important;
  left:12px;
  line-height:18px;
  position:absolute;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
  top: -18px;
  z-index:9998;
}
#sc_drag_cancel, #sc_drag_crop {
  background-color: rgba(0, 0, 0, 0.5);
  cursor:pointer;
  color:#ffffff;
  font-size:12px;
  font-family: arial,san-serif;
  font-weight:bold;
  height:22px;
  line-height:22px;
  position:absolute ;
  z-index:9998
}
#sc_drag_crop {
  bottom:-25px;
  text-align: center;
  right:10px;
  min-width: 30px !important;
  padding: 0 10px;
}
#sc_drag_cancel {
  bottom:-25px;
  text-align: center;
  right:70px;
  min-width: 30px !important;
  padding: 0 10px;
}
#sc_drag_shadow_top, #sc_drag_shadow_bottom, #sc_drag_shadow_left, #sc_drag_shadow_right {
  background-color: #000000;
  opacity: 0.5;
  position: absolute;
  z-index:7000;
  border: 0;
}
#sc_drag_shadow_top {
  left: 0;
  top: 0;
}
#sc_drag_shadow_bottom {
  bottom: 0;
  right: 0;
}
#sc_drag_shadow_left {
  bottom: 0;
  left: 0;
}
#sc_drag_shadow_right {
  right: 0;
  top: 0;
}
#sc_drag_north_east, #sc_drag_north_west, #sc_drag_south_east, #sc_drag_south_west  {
  border:1px solid #FFFFFF;
  background-color: #0000FF;
  height: 5px;
 ...