header

<!DOCTYPE html>
<html>
   <head <?php echo $header;?>>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
      <meta name="description" content="">
      <meta name="author" content="">
      <link rel="icon" href="<?php echo base_url('assets/img/favicon.png');?>">
      <title><?php echo $title;?></title>

      <link rel="stylesheet" href="<?php echo base_url('assets/stylesheets/font-awesome.min.css');?>" media="screen" title="no title" charset="utf-8">
      <link href="<?php echo base_url('assets/stylesheets/styles.css');?>" rel="stylesheet">
      <link href="<?php echo base_url('assets/stylesheets/slider.css');?>" rel="stylesheet">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
      <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
      <script type="text/javascript">var switchTo5x=true;</script>


      <!-- black n white
     <script src="<?php echo base_url('assets/js/grayscale.js');?>"></script>
      -->

        <!-- stinky atas -->
        <script type='text/javascript'>
          //<![CDATA[
          $(document).ready(function() {
              // Menentukan elemen yang dijadikan sticky yaitu .atas
              var stickyNavTop = $('.atas').offset().top;
              var stickyNav = function(){
                  var scrollTop = $(window).scrollTop();
                  // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya
                  if (scrollTop > stickyNavTop) {
                      $('.atas').css({ 'position': 'fixed', 'top':0, 'width':'100%',  'z-index':9999 });
                  } else {
                      $('.atas').css({ 'position': 'relative' });
                  }
              };
              // Jalankan fungsi
              stickyNav();
              $(window).scroll(function() {
                  stickyNav();
              });
          });
          //]]>
        </script>


        <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
        <style type="text/css">
        .back-to-top {
        cursor: pointer;
        position: fixed;
        bottom: 0;
        right: 20px;
        display:none;
        }
      </style>


   </head>