<footer id="site-footer" class="site-footer">
				<div class="container">
					<div class="row">
						<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12 mb-4 mb-xl-0">
							<div class="widget-footer">
								<img src="<?= base_url() . 'uploads/logo.webp' ?>" class="footer-logo" alt="" />
								<p>
									Complete solution provider for residentials, offices and apartments, hotel and restaurants.
								</p>
								<div class="footer-social list-social">
									<ul>
										<li>
											<a href="<?= $facebook ?>" target="_self"
												><i class="fa fa-facebook-f"></i
											></a>
										</li>
										<li>
											<a href="<?= $linkedin ?>" target="_self"
												><i class="fa fa-linkedin"></i
											></a>
										</li>
										<li>
											<a href="<?= $instagram ?>" target="_self"
												><i class="fa fa-instagram"></i
											></a>
										</li>
										<li>
											<a href="<?= $youtube ?>" target="_self"
												><i class="fa fa-youtube"></i
											></a>
										</li>
										<!-- <li>
											<a href="<?= $tiktok ?>" target="_self"
												><i class="fa fa-tiktok"></i
											></a>
										</li> -->
										<li>
											<a href="<?= $tokopedia ?>" target="_self"
												><img src="<?= base_url() . 'uploads/tokopedia.png' ?>" style="width:15px; height:15px" alt="Tokopedia" /></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						
						<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-6 mb-4 mb-md-0">
							<div class="widget-footer widget-contact">
								<h6>Corporate</h6>
								<ul>
									<li><a href="<?= base_url('about') ?>">About Us</a></li>
									<li><a href="#">Download E-Catalog</a></li>
									<li><a href="<?= base_url('portfolio') ?>">Portfolio</a></li>
									<li><a href="<?= base_url('blog') ?>">Blog</a></li>
								</ul>
							</div>
						</div>
						<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-6">
							<div class="widget-footer widget-contact">
								<h6>Customer Service</h6>
								<ul>
									<!-- <li><a href="#">FAQ</a></li> -->
									<li><a href="#">How To Order</a></li>
									<li><a href="<?= base_url('showrooms') ?>">Store Locator</a></li>
									<li><a href="<?= base_url() . 'page/term-condition' ?>">Term & Condition</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</footer>
			<!-- #site-footer -->
			<div class="footer-bottom">
				<div class="container">
					<div class="row">
						<div class="col-lg-7 col-md-12 mb-4 mb-lg-0">
							<p>Copyright <?= date('Y') ?> © Serbaantik.com All Rights Reserved.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- #page -->
		<a id="back-to-top" href="#" class="show"
			><i class="ot-flaticon-left-arrow"></i
		></a>

		<div id="howtoorderFooter">
				<a id="mbtn" aria-label="chat us"
				href="#" style="color:white;">
						<i class='fa fa-tasks' style="font-size:40px;"></i>
				</a>
		</div>

		<div id="whatsappFooter">
				<a aria-label="chat us" target="_blank" 
				href="https://api.whatsapp.com/send?phone=<?= $phone ?>&text=<?= urlencode('Halo Serba Antik, saya ingin pesan, bisa dibantu?') ?>" style="color:white;">
						<i class='fa fa-whatsapp' style="font-size:40px;"></i>
				</a>
		</div>

		<div id="instagramFooter">
				<a aria-label="instagram" target="_blank" href="<?= $instagram ?>" style="color:white;">
						<i class='fa fa-instagram' style="font-size:40px;"></i>
				</a>
		</div>

		<div id="modalDialog" class="modal" style="width:600px; max-width:90%;  position: fixed;
    top: 70%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);">
    <div class="modal-content animate-top">
        <div class="modal-header">
            <h5 class="modal-title">How To Order</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
        <div class="modal-body">
						<img src="<?= base_url() . 'uploads/' . $dna_logo ?>" style="width:100%" alt="how to order" />
        </div>
    </div>
</div>

		<!-- jQuery -->
		<script src="<?= base_url('theme/js/mousewheel.min.js'); ?>"></script>
		<script src="<?= base_url('theme/js/lightgallery-all.min.js'); ?>"></script>
		<script src="<?= base_url('theme/js/jquery.magnific-popup.min.js'); ?>"></script>
		<script src="<?= base_url('theme/js/jquery.isotope.min.js'); ?>"></script>
		<script src="<?= base_url('theme/js/owl.carousel.min.js'); ?>"></script>
		<script src="<?= base_url('theme/js/easypiechart.min.js'); ?>"></script>
		<script src="<?= base_url('theme/js/jquery.countdown.min.js'); ?>"></script>
		<script src="<?= base_url('theme/js/scripts3.js'); ?>"></script>
		<script src="<?= base_url('theme/js/royal_preloader.min.js'); ?>"></script>

		<!-- REVOLUTION JS FILES -->
		<script src="<?= base_url('theme/plugins/revolution/revolution/js/jquery.themepunch.tools.min.js'); ?>"></script>
		<script src="<?= base_url('theme/plugins/revolution/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 src="<?= base_url('theme/plugins/revolution/revolution/js/extensions/revolution-plugin.js'); ?>"></script>

		<!-- Lightbox -->
		<script src="<?= base_url('theme/plugins/lightbox/js/lightbox.min.js'); ?>
    "></script>

		<!-- REVOLUTION SLIDER SCRIPT FILES -->
		<?php if($this->uri->segment(1) == ''  || $this->uri->segment(1) == 'index.php' || $this->uri->segment(1) == 'welcome') : ?>
			<script src="<?= base_url('theme/js/rev-script-2a.js'); ?>"></script>
		<?php else : ?>
			<script src="<?= base_url('theme/js/rev-script-2b.js'); ?>"></script>
		<?php endif; ?>	
		
		<script>
			window.jQuery = window.$ = jQuery
			;(function ($) {
				'use strict'
				//Preloader
				Royal_Preloader.config({
					mode: 'progress',
					background: '#1a1a1a',
				})
			})(jQuery)

			Royal_Preloader.config({
				mode: 'logo',
				logo: '<?= base_url('theme/images/logo-preloader.png'); ?>',
				opacity: 1,
				background: "#000000",
			});

			//Modal for how to order (all pages)
			var modal = $('#modalDialog'); 
			// Get the button that opens the modal
			var btn = $("#mbtn");
			// Get the <span> element that closes the modal
			var span = $(".close");

			$(document).ready(function(){
					// When the user clicks the button, open the modal
					btn.on('click', function() {
							modal.show();
					});
					
					// When the user clicks on <span> (x), close the modal
					span.on('click', function() {
							modal.hide();
					});
			});

			// When the user clicks anywhere outside of the modal, close it
			$('body').bind('click', function(e){
					if($(e.target).hasClass("modal")){
							modal.hide();
					}
			});

			//Modal for download catalog (products page)
			var modal2 = $('#modalDialog2');
			// Get the button that opens the modal
			var btn2 = $("#mbtn2");
			// Get the <span> element that closes the modal
			var span2 = $(".close");

			$(document).ready(function(){
					// When the user clicks the button, open the modal
					btn2.on('click', function() {
							modal2.show();
					});
					
					// When the user clicks on <span> (x), close the modal
					span2.on('click', function() {
							modal2.hide();
					});
			});

			// When the user clicks anywhere outside of the modal, close it
			$('body').bind('click', function(e){
					if($(e.target).hasClass("modal")){
							modal2.hide();
					}
			});
 
			document.addEventListener("contextmenu", function (e){
				e.preventDefault();
			}, false);
		</script>
	</body> 
</html>