[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/Backup/14082024/Data/htdocs/htdocs/tracer/application/views/mahasiswa_profile/ [ Home ]
File: bg_detail_mhs.php
<!DOCTYPE html>
<html>
<head>
  <title></title>

 <script src="<?php echo base_url();?>/assets/js/vendor/jquery.easytabs.js"></script>
   <script src="<?php echo base_url();?>/assets/js/vendor/jquery.hashchange.min.js"></script>
   
   <script type="text/javascript">
 $(function(){
    function loadData() {
           
  $("#dataMhs").load("<?php echo base_url();?>mahasiswa_profile/detail_mahasiswa");
        }
        loadData();

})
$(function(){
    function loadOrtu() {
           
            $("#idOrtu").load("<?php echo base_url();?>mahasiswa_profile/dataOrtu");
        }
        loadOrtu();
          
})

  </script>

  <style type="text/css">
    
 .etabs { margin: 2px; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 1px 1px 0 0; -webkit-border-radius: 1px 1px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #6fb3e0; padding-top: 3px; position: relative; top: 1px; border-color: #666; bottom: 1px; }
.tab a.active { color: white;}
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
  </style>
<style type="text/css">

.cda {
position: absolute;
    width: 150px;
    height: 160px;
    box-shadow: 2px 2px 5px #888888;
  
}
.abs {
    margin: 0 0 0 200px;
    width: 80%;
    height: auto;
  
}

.bma {
     width: 100px;
    height: auto;
    border-radius: 50%;
    margin: 20px 0 0 25px;
box-shadow: 2px 2px 5px #888888;
   
}

table {
    border-collapse: collapse;
 
     width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table.sam {
    border-collapse: collapse;
    width: 100%;
    background-color:#f5f5f5;
}

th, td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

tr:hover{background-color:#f5f5f5}


input[type=text] {
    width: 70%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 12px;
    background-color: white;
    padding: 5px 5px 5px 5px;
}

input[type=text].riop {
    width: 5%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 8px;
    font-size: 12px;
    background-color: white;
    padding: 5px 5px 5px 5px;
}

tr.rev {
   
    border-bottom: 3px solid #ddd;
   
}
img.sam {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 75px;
}

td {
    font-size: 14px;
}
</style>
  <script type="text/javascript">
    $(document).ready( function() {
      $('#tab-container').easytabs();
    });
  </script>


  


</head>
<body>


<div class="container">
 




<div id="tab-container" class="tab-container">
  <ul class='etabs'>
    <li class='tab'><a href="#dataMhs"><i class="ace-icon glyphicon glyphicon-file"></i>&nbsp;&nbsp;Data Mahasiswa</a></li>
    <li class='tab'><a href="#idOrtu"><i class="ace-icon glyphicon glyphicon-share"></i>&nbsp;&nbsp;Data Orang Tua</a></li>
    
  </ul>
 
  <div id="dataMhs">
 
   
    <!-- content -->
  </div>

  
  <div id="idOrtu">



    <!-- content -->
  </div>
  
</div>
</div>
</body>
</html>