<footer class="main-footer" style="background:#367707">
    	<div class="auto-container">
        
            <!--Widgets Section-->
            <div class="widgets-section">
            	<div class="row clearfix">
                	<!--Big Column-->
                	<div class="col-md-12 col-sm-12 col-xs-12">
                    	<div class="row clearfix">
                            
                            <!--Footer Column-->
                        	<div class="footer-column col-md-12 col-sm-12 col-xs-12">
                                 <?php $contact = $this->db->select('*')->from('configuration')->where('id_configuration',1)->get()->row(); ?>
                            	<div class="footer-widget about-widget">
                                	<!-- <div class="footer-logo"><figure><a href="index.php"><img src="https://static.wixstatic.com/media/d0ff8f_2dee7fbe2de446d59652e4bf81a9f8a4~mv2.png/v1/fill/w_247,h_54,al_c,q_80,usm_0.66_1.00_0.01/Horizontal%20Logo%20-%20clearbg.webp" alt=""></a></figure></div> -->
                                    <div class="widget-content" style="text-align: center;">
                                        <ul class="contact-info">
                                        	<li><a href="<?= $contact->instagram?>" target="_blank">
                                                <span class="icon fa fa-instagram"></span>
                                            </a></li>
                                            <li> <a href="<?= $contact->facebook?>" target="_blank">
                                                <span class="icon fa fa-facebook"></span>
                                            </a><br></li>
                                            <li><a href="<?= $contact->youtube?>" target="_blank">
                                                <span class="icon fa fa-youtube"></span>
                                            </a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    
                 </div>
                 <div class="footer-bottom">
                     <div class="auto-container">
                         <div class="row">
                             <div class="col-md-12">
                                 <?php $company = $this->db->select('website_name')->from('configuration')->where('id_configuration',1)->get()->row()->website_name?>
                                 <div class="copyright-text text-center">
                                    &copy; <?= date('Y'); ?> <?= $company?>.All Rights Reserved
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
        
        </div>
        <a class="floatContact floatMsgDesk fa fa-whatsapp" href="https://api.whatsapp.com/send?phone=62811981131" target="_blank"></a>
        <!--Footer Bottom-->
         
    </footer>

    
    
</div>

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="fa fa-long-arrow-up"></span></div>


<script src="<?=base_url('theme/js/jquery.js')?>"></script> 
<script src="<?=base_url('theme/js/bootstrap.min.js')?>"></script>
<script src="<?=base_url('theme/js/jquery.mCustomScrollbar.concat.min.js')?>"></script>
<script src="<?=base_url('theme/js/revolution.min.js')?>"></script>
<script src="<?=base_url('theme/js/jquery.fancybox.pack.js')?>"></script>
<script src="<?=base_url('theme/js/jquery.fancybox-media.js')?>"></script>
<script src="<?=base_url('theme/js/mixitup.js')?>"></script>
<script src="<?=base_url('theme/js/nouislider.js')?>"></script>
<script src="<?=base_url('theme/js/jquery.bootstrap-touchspin.js')?>"></script>
<script src="<?=base_url('theme/js/validate.js');?>"></script>
<script src="<?=base_url('theme/js/isotope.js');?>"></script>
<script src="<?=base_url('theme/js/owl.js');?>"></script>
<script src="<?=base_url('theme/js/wow.js');?>"></script>
<script src="<?=base_url('theme/js/script.js');?>"></script>
<script src="https://maps.google.com/maps/api/js?key="></script>

</body>
<style type="text/css">
    .gambar {
        opacity: 0.6 !important;
    }
</style>

<script>
$(document).ready(function() {
    //project page
    let projectYear;

    $('#chooseProjectYear').change(function() {
        projectYear = $(this).val();
        load_data_ajax(projectYear);
    });   

    function load_data_ajax(projectYear) {
        $.ajax({
            'url'       : '<?= site_url(); ?>' + 'project/ajax_get_projects',
            'type'      : 'POST',
            'data'      : {
                          'project_year' : projectYear, 
                          '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
                          }, 
            'success'   : function(data) { 
                var container = $('#projectYearResult');
                if (data) {
                    container.html(data);   
                };
            }
        });
    }
});
</script>

</html>