index.php

index.php

<html>
<head>
<title>Belajar Menggunakan Bootstrap</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link href="assets/css/datepicker.min.css" rel="stylesheet" type="text/css"
<link href="assets/DataTables/css/dataTables.bootstrap.css" rel="stylesheet">
<link href="assets/DataTables/css/dataTables.bootstrap.min.css" rel="stylesheet" >
</head>

<body >
<div class="navbar navbar-inverse" >
<div class="container">
<a href="index.php" class="navbar-brand">KeraSakti.com</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.php?hal=home" >Home</a></li>
<li><a href="index.php?hal=profil">About Us</a></li>
<li><a href="index.php?hal=tampil_data">Tampil Data Karyawan</a></li>

</ul>
</div>

</div>
</div>

<br>
<br>
<content>
<div class="container">
<div class="text-center" >
<?php
$hal=$_GET['hal'];
if($hal=="tampil_data"){
include"tampil_data.php";
}else if($hal=="edit"){
include"edit.php";
}else if($hal=="delete"){
include"delete.php";
}else if($hal=="tambah"){
include"tambah.php";
}else{
include"home.php";
}
?>
</div>
</div>
</content>
<br><br><br><br><br><br><br><br>

<footer>
<div class="col-md-12">
<br>
<br>
<p><center style="background:#000; padding-top:10px; padding-bottom:10px;"><font color="#fff"> Copyright @Created by Ramadani Ilham ,2017 </font></center> </p>
</div>
</footer>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script src="assets/js/bootstrap-datepicker.min.js"></script>
<script src="assets/DataTables/js/jquery.dataTables.js"></script>
<script src="assets/DataTables/js/dataTables.bootstrap.js"></script>
<script src="assets/DataTables/js/jquery.dataTables.min.js"></script>
<script src="assets/DataTables/js/dataTables.bootstrap.min.js"></script>
<script src="assets/DataTables/js/dataTables.buttons.min.js"></script>
<script src="assets/DataTables/js/buttons.bootstrap.min.js"></script>
<script src="assets/DataTables/js/jszip.min.js"></script>
<script src="assets/DataTables/js/pdfmake.min.js"></script>
<script src="assets/DataTables/js/vfs_fonts.js"></script>
<script src="assets/DataTables/js/buttons.html5.min.js"></script>
<script src="assets/DataTables/js/buttons.print.min.js"></script>
<script src="assets/DataTables/js/buttons.colVis.min.js"></script>

<script type="text/javascript">
$(function(){
$('.date-picker').datepicker({
autoclose: true,
todayHighlight: true
});

$("#dataTables1").dataTable();
$("#dataTables2").dataTable({
"bPaginate": true,
"bLengthChange": false,
"bFilter" : false,
"bSort" : true,
"bInfo" : true,
"bAutowidth" : false
});
});
</script>
<script type="text/javascript">
$(function(){
$('[data-toggle="tooltip"]').tooltip();
$(document).ready(function(){
$('#dataTables-example').dataTable({
lengthMenu: [[10, 25, 50, -1],[10, 25, 50, "ALL"]],
buttons:[
'pageLength'
]
});
})
});
</script>
</body>
</html>