Professional Documents
Culture Documents
Web
Web
<html lang="en">
<head>
<meta charset="utf-8">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
-->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js');?
>"></script>
<script
src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js');?>"></script>
<![endif]-->
<style>
#prog{ position:relative; width:400px; border: 1px solid #ddd; padding: 1px;
border-radius: 3px; }
#bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
#percent { text-align: center; font-weight: bold; }
.hide{display:none;}
</style>
<style type="text/css">
body{
background:#ccc;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slider {
width: 95%;
margin: auto;
.action{
display:block;
margin:100px auto;
width:100%;
text-align:center;
}
.action a {
display:inline-block;
padding:5px 10px;
background:#f30;
color:#fff;
text-decoration:none;
}
.action a:hover{
background:#000;
}
</style>
<style>
.skdslider {
display: block;
overflow: hidden;
height: 350px !important;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="container-fluid">
<div class="navbar-header">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</a>
</div>
<li class="dropdown">
</ul>
</li>
</ul>
</div>
</div>
</nav>
<?php $this->load->view($isi);?>
<footer>
<div class="copyright">
</div>
</footer>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$( ".tanggal" ).datepicker({
dateFormat : "yy-mm-dd",
yearRange: "-30",
changeMonth: true,
changeYear: true,
showButtonPanel: true
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
//Slider
$('#camera_wrap_1').camera();
});
</script>
<script type="text/javascript">
$(function(){
$('.portfolio').magnificPopup({
delegate: 'a',
type: 'image',
image: {
cursor: null,
titleSrc: 'title'
},
gallery: {
enabled: true,
navigateByImgClick: true
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#demo1').skdslider({delay:5000, animationSpeed:
2000,showNextPrev:true,showPlayButton:true,autoSlide:true,animationType:'fading'});
jQuery('#demo2').skdslider({delay:5000, animationSpeed:
1000,showNextPrev:true,showPlayButton:false,autoSlide:true,animationType:'sliding'}
);
jQuery('#demo3').skdslider({delay:5000, animationSpeed:
2000,showNextPrev:true,showPlayButton:true,autoSlide:true,animationType:'fading'});
jQuery('#responsive').change(function(){
$('#responsive_wrapper').width(jQuery(this).val());
});
});
</script>
<script src="<?php echo
base_url('assets/frontend/css/slick/slick.js');?>"></script>
<script type="text/javascript">
$('.autoplay').slick({
slidesToShow: 4,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});
</script>
</html>