[ Mini Kiebo ]

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

	<style>

div.absolute {
    position: absolute;
    top: 80px;
    right: 30px;
    width: 220px;
    height: 40px;
    border: ;
    text-align: center;
    background-color: #fff;
}

/* batas */
img {
   
    left: 800px;
    top: 130px;
      width: 80%;
    height: auto;
    border-radius: 4px;
    border: 4px solid #ddd;
   box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    z-index: 1;
}

/* batas */
body {font-family: "Lato", sans-serif;}

ul.tab {
    list-style-type: none;
    margin: 1px;
    padding: 1px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    box-shadow: 1px 1px 4px #888888;
}


ul.tab li {float: left;}


ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}


ul.tab li a:hover {
    background-color: #ddd;
}


ul.tab li a:focus, .active {
    background-color: #8b8b8b;
}


.tabcontent {
    display: none;
    padding: 6px 12px;
    border:  ;
    box-shadow: 1px 1px 5px #888888;
    border-top: none;
    font-size: 14px;
}
</style>


</head>


<body>
<ul class="tab">
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">PROFIL</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Paris')">RIWAYAT PENDIDIKAN</a></li>
  <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Tokyo')">KEGIATAN PELATIHAN</a></li>
   <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'prestasi')"> PENELITIAN </a></li>
   <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'pengabdian')"> PENGABDIAN MASYARAKAT </a></li>
</ul>

<div id="London" class="tabcontent">

 
  <?php $this->load->view ('dosen/bg_profile');?>
</div>

<div id="Paris" class="tabcontent">
  <h4>RIWAYAT PENDIDIKAN PERGURUAN TINGGI</h4>
  <?php $this->load->view ('dosen/bg_profile_riwayat');?>
</div>

<div id="Tokyo" class="tabcontent">
   <h4>Kegiatan Pelatihan</h4>
  <?php $this->load->view ('dosen/bg_profile_ilmiah');?>
</div>

<div id="prestasi" class="tabcontent">
   <h4> Kegiatan Penelitian </h4>
  <?php $this->load->view ('dosen/bg_profile_penelitian');?>
</div>

<div id="pengabdian" class="tabcontent">
   <h4> Kegiatan Pengabdian Masyarakat </h4>
  <?php $this->load->view ('dosen/bg_profile_pengabdian');?>
</div>


</div>
</body>

 <script>
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>

</html>