footer.php

<footer class="btn-material-grey-800">
	<!-- <img src="img/foot.png" alt="" class="foot"> -->
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-4 col-sm-10 col-xs-10">
				<small>&copy; 2015 by <a href="javascript:void(0)">COMFORTA.</a> All Rights Reserved. Design by <a href="javascript:void(0)">Grab! Digital</a></small>
			</div>
			<div class="col-md-8 col-sm-2 col-xs-2 text-right">
					<a href="index.php" class="btn btn-material-grey-800 btn-xs hidden-sm hidden-xs">HOME</a>
					<a href="matras.php" class="btn btn-material-grey-800 btn-xs hidden-sm hidden-xs">PILIH MATRAS</a>
					<a href="showroom.php" class="btn btn-material-grey-800 btn-xs hidden-sm hidden-xs">SHOWROOM</a>
					<a href="promo.php" class="btn btn-material-grey-800 btn-xs hidden-sm hidden-xs">PROMO</a>
					<a href="garansi.php" class="btn btn-material-grey-800 btn-xs hidden-sm hidden-xs">GARANSI</a>
					<a href=".php" class="btn btn-material-grey-700 btn-xs" id="up"><i class="mdi-hardware-keyboard-arrow-up"></i></a>
			</div>
		</div>
	</div>
</footer>

<div id="socmed" class="hidden-xs">

	<a href="https://www.facebook.com/comfortaspringbed?ref=hl" class="icn btn-material-indigo-500" title="Facebook">
		<img src="img/facebook.png" alt="Facebook">
	</a>
	<a href="https://twitter.com/comfortabed" class="icn btn-material-cyan-500" title="Twitter">
		<img src="img/twitter.png" alt="Twitter">
	</a>
	<a href="https://instagram.com/comfortabed_ig/" class="icn btn-material-grey-500" title="Twitter">
		<img src="img/instagram.png" alt="Twitter">
	</a>
	<a href="https://www.youtube.com/channel/UCF4KoP52BgQWt45P-9p2qFA" class="icn btn-material-red-500" title="Youtube">
		<img src="img/youtube.png" alt="Youtube">
	</a>
	<a href="comforta@massindo.com" class="icn btn-material-grey-500" title="Email">
		<img src="img/mail.png" alt="Email">
	</a>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-body">
				<p style="text-align:center; color:#fff; font-weight:bold; font-size:28px;">
					Pilih tingkat kenyamanan Anda.
				</p>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<div class="row">
					<div class="col-xs-2">
						<div class="pop-vert-th">
							<img src="img/pills-ver-01.png" height="130" alt="">
							<img src="img/pills-ver-02.png" height="130" alt="">
							<img src="img/pills-ver-03.png" height="130" alt="">
						</div>
					</div>
					<div class="col-xs-10">
						<div class="col-xs-4">
							<img src="img/pills-hor-01.png" alt="">
							<br><br>
							<a href="product.php?id=luxury" class="card-image" id="lux01">
								<img src="img/product/luxury/Luxury-dream.jpg" alt="">
								<span class="pop-mat-type well-material-grey-50">Luxury Dream</span>
							</a>
							<a href="product.php?id=perfect" class="card-image" id="per01">
								<img src="img/product/perfect/Perfect-dream.jpg" alt="">
								<span class="pop-mat-type well-material-indigo-900">Perfect Dream</span>
							</a>
							<a href="product.php?id=popular" class="card-image" id="sup01">
								<img src="img/product/super/Super-dream.jpg" alt="">
								<span class="pop-mat-type well-material-grey-800">Super Dream</span>
							</a>
						</div>
						<div class="col-xs-4">
							<img src="img/pills-hor-02.png" alt="">
							<br><br>
							<a href="product.php?id=luxury" class="card-image" id="lux02">
								<img src="img/product/luxury/Luxury-pedic.jpg" alt="">
								<span class="pop-mat-type well-material-grey-50">Luxury Pedic</span>
							</a>
							<a href="product.php?id=perfect" class="card-image" id="per02">
								<img src="img/product/perfect/Perfect-pedic.jpg" alt="">
								<span class="pop-mat-type well-material-indigo-900">Perfect Pedic</span>
							</a>
							<a href="product.php?id=popular" class="card-image" id="sup02">
								<img src="img/product/super/Super-pedic.jpg" alt="">
								<span class="pop-mat-type well-material-grey-800">Super Pedic</span>
							</a>
						</div>
						<div class="col-xs-4">
							<img src="img/pills-hor-03.png" alt="">
							<br><br>
							<a href="product.php?id=luxury" class="card-image" id="lux03">
								<img src="img/product/luxury/Luxury-choice.jpg" alt="">
								<span class="pop-mat-type well-material-grey-50">Luxury Choice</span>
							</a>
							<a href="product.php?id=perfect" class="card-image" id="per03">
								<img src="img/product/perfect/Perfect-choice.jpg" alt="">
								<span class="pop-mat-type well-material-indigo-900">Perfect Choice</span>
							</a>
							<a href="product.php?id=popular" class="card-image" id="sup03">
								<img src="img/product/super/Super-choice.jpg" alt="">
								<span class="pop-mat-type well-material-grey-800">Super Choice</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/material.min.js"></script>
<script src="js/ripples.min.js"></script>
<script src="js/jquery.dropdown.js"></script>
<script src="js/bootstrap.offcanvas.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/trmix.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	<?php if (isset($_GET['id'])) { $id=$_GET['id']; } else { $id = ""; } ; ?>
	<?php if (isset($_GET['province'])) { $province=$_GET['province']; } else { $province = ""; } ; ?>
	<?php if (isset($_GET['city'])) { $city=$_GET['city']; } else { $city = ""; } ; ?>
	<?php if (isset($_GET['size'])) { $size=$_GET['size']; } else { $size = ""; } ; ?>
	<?php if (isset($_GET['package'])) { $package=$_GET['package']; } else { $package = ""; } ; ?>

	$("select[name=selprov]").change(function(){
		//top.location.href="http://localhost/comforta.co.id/product.php?id=<?php echo $id; ?>&province=" + $("select[name=selprov] option:selected").val();
	}).change();

	$("select[name=selcity]").change(function(){
		//top.location.href="http://localhost/comforta.co.id/product.php?id=<?php echo $id; ?>&province=<?php echo $province; ?>&city=" + $("select[name=selcity] option:selected").val();
	}).change();
	$("select[name=selsize]").change(function(){
		//top.location.href="http://localhost/comforta.co.id/product.php?id=<?php echo $id; ?>&province=<?php echo $province; ?>&city=<?php echo $city; ?>&size=" + $("select[name=selsize] option:selected").val();
	}).change();
	$("select[name=selpack]").change(function(){
		//top.location.href="http://localhost/comforta.co.id/product.php?id=<?php echo $id; ?>&province=<?php echo $province; ?>&city=<?php echo $city; ?>&size=<?php echo $size; ?>&package=" + $("select[name=selpack] option:selected").val();
	}).change();

    $("select[name=selpromo]").change(function(){
        $( "select option:selected").each(function(){
            if($(this).attr("value")=="barat"){
                $(".box").hide();
                $(".promo1").show();
            }
            if($(this).attr("value")=="tengah"){
                $(".box").hide();
                $(".promo2").show();
            }
            if($(this).attr("value")=="timur"){
                $(".box").hide();
                $(".promo3").show();
            }
        });
    }).change();

	$('ul.tabs li').click(function(){
		var tab_id = $(this).attr('data-tab');

		$('ul.tabs li').removeClass('current');
		$('.tab-content').removeClass('current');

		$(this).addClass('current');
		$("#"+tab_id).addClass('current');
	});


	$("button[name=btnselmatras]").click(function(){
		var tMatras = $("select[name=seltngmatras] option:selected").val();
		var bBadan = $("select[name=selbrtbadan] option:selected").val();
		var jml = tMatras+bBadan;

		$("#lux01").css('opacity','1');
		$("#per01").css('opacity','1');
		$("#sup01").css('opacity','1');
		$("#lux02").css('opacity','1');
		$("#per02").css('opacity','1');
		$("#sup02").css('opacity','1');
		$("#lux03").css('opacity','1');
		$("#per03").css('opacity','1');
		$("#sup03").css('opacity','1');

		if( (jml == 22 ) || (jml == 23 ) || (jml == 24 ) || (jml == 32 ) || (jml == 33 ) || (jml == 42 ) ) {
			$("#lux02").css('opacity','.1');
			$("#per02").css('opacity','.1');
			$("#sup02").css('opacity','.1');
			$("#lux03").css('opacity','.1');
			$("#per03").css('opacity','.1');
			$("#sup03").css('opacity','.1');
		}
		if( (jml == 25 ) || (jml == 26 ) || (jml == 34 ) || (jml == 35 ) || (jml == 43 ) || (jml == 44 ) || (jml == 52 ) || (jml == 53 ) || (jml == 62 ) ) {
			$("#lux01").css('opacity','.1');
			$("#per01").css('opacity','.1');
			$("#sup01").css('opacity','.1');
			$("#lux03").css('opacity','.1');
			$("#per03").css('opacity','.1');
			$("#sup03").css('opacity','.1');
		}
		if( (jml == 27 ) || (jml == 36 ) || (jml == 37 ) || (jml == 45 ) || (jml == 46 ) || (jml == 47 ) || (jml == 54 ) || (jml == 55 ) || (jml == 56 )
		|| (jml == 57 ) || (jml == 63 ) || (jml == 64 ) || (jml == 65 ) || (jml == 66 ) || (jml == 67 ) || (jml == 72 ) || (jml == 73 ) || (jml == 74 )
		|| (jml == 75 ) || (jml == 76 ) || (jml == 77 ) ) {
			$("#lux01").css('opacity','.1');
			$("#per01").css('opacity','.1');
			$("#sup01").css('opacity','.1');
			$("#lux02").css('opacity','.1');
			$("#per02").css('opacity','.1');
			$("#sup02").css('opacity','.1');
		}
	});


});
</script>

</body>
</html>