<!-- Footer Main -->
<style>
	.column-container{
		display: grid;
		grid-template-columns: auto auto auto;
		grid-gap: 20px;
		padding: 20px;
	}
	.column-container > div {
		background-color: rgba(255, 255, 255, 0.8);
		padding: 20px 0;
		padding-left: 12%;
	}
	.column-container .info{
		padding-left: 5%;
	}
	.ftr-social{
		margin-top: 0px;
		margin-bottom: 0;
		padding: 0;
		text-align: left;
	}
	.soc h5{
		padding-left: 5%;
	}
	.copyright {
		margin-top:0;
		padding-top: 29px;
		padding-bottom: 10px;
		text-align: center;
		position: relative;
	}
</style>
	<footer class="container-fluid no-left-padding no-right-padding footer-main" style="box-shadow: 0 4px 8px 5px rgba(0,0,0,0.2);">
		<!-- Container -->
		<div class="container">
				<div class="column-container">
					<div class="column logo-block">
						<a href="<?=base_url()?>" title="Logo"><img src="<?= base_url('uploads/'.$logo)?>" /></a>
					</div>
					<div class="column info">
						<h5>Alamat Kantor:</h5>
						<p>Pangeran Jayakarta 66 blok A 1-3, RT.5/RW.9, <br>
							South Mangga Dua, Sawah Besar, <br> 
							Central Jakarta City, Jakarta 10730</p>
						<p>
							<h5>Telepon:</h5>
							0816 1999 118 <br>
							0812 2666 0465
						</p>
					</div>
					
					<div class="column soc">
						<h5>Sosial Media:</h5>
						<?php $social = $this->db->select('*')->from('configuration')->where('id_configuration',1)->get()->row();  ?>
						<ul class="ftr-social">
							<li><a href="<?=$social->facebook?>" title="Facebook"><i class="fa fa-facebook"></i>Facebook</a></li> <br>
							<li><a href="<?=$social->instagram?>" title="Instagram"><i class="fa fa-instagram"></i>Instagram</a></li>
						</ul>
					</div>
				</div>
			<div class="copyright">
				<p>@ <?= date('Y'); ?> Vajra.id</p>
			</div>
		</div><!-- Container /- -->
	</footer><!-- Footer Main /- -->
	
	<!-- JQuery v1.12.4 -->
	<script src="<?=base_url('theme/js/jquery-1.12.4.min.js')?>"></script>

	<!-- Library - Js -->
	<script src="<?=base_url('theme/js/popper.min.js')?>"></script>
	<script src="<?=base_url('theme/js/lib.js')?>"></script>
	
	<!-- REVOLUTION JS FILES -->
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/jquery.themepunch.tools.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/jquery.themepunch.revolution.min.js')?>"></script>

	<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->	
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.actions.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.carousel.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.kenburn.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.layeranimation.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.migration.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.navigation.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.parallax.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.slideanims.min.js')?>"></script>
	<script type="text/javascript" src="<?=base_url('theme/revolution/js/extensions/revolution.extension.video.min.js')?>"></script>
	
	<!-- Library - Theme JS -->
	<script src="<?=base_url('theme/js/functions.js')?>"></script>
	
</body>
</html>