PAL.C.T MINI SHELL
<?php
include "koneksi.php"; ?>
<!DOCTYPE html>
<html>
<head>
<title>Faedah Teknik</title>
<link rel="shortcut icon" href="favicon.jpg" />
<!--meta-->
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<!--style-->
<!-- Bootstrap core CSS -->
<link href="<?php echo $base_url; ?>/asset/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo $base_url; ?>/asset/css/slider.css" rel="stylesheet">
<!--<link href="asset/css/flat-btn.css" rel="stylesheet"> -->
<link href="<?php echo $base_url; ?>/asset/css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/style/fancybox/jquery.fancybox.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/style/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/style/slide.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/style/responsive.css" />
<script src="https://use.fontawesome.com/a122d960f4.js"></script>
<script src="<?php echo $base_url; ?>/asset/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo $base_url; ?>/asset/pop/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/pop/jquery.fancybox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $base_url; ?>/asset/pop/jquery.fancybox-buttons.css" />
<script type="text/javascript" src="<?php echo $base_url; ?>/asset/pop/jquery.fancybox-buttons.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
$('.rot').fancybox({
'width': 600,
'autoSize': false
});
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
},
buttons : {}
}
});
});
</script>
<style type="text/css">
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="asset/js/html5shiv.js"></script>
<script src="asset/js/respond.min.js"></script>
<![endif]-->
<!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="//v2.zopim.com/?3vHk1KMc7DCYbeK8QMjCKRxMnsEdxrrr";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
</script>
<!--End of Zopim Live Chat Script-->
</head>
<body>
<header>
<div class='container head-bar'>
<div id='logo'>
<div class='col-md-8'>
<a href="<?php echo $base_url; ?>/home"><img src="<?php echo $base_url; ?>/image/logo_1.png"></a>
</div>
<div class='col-md-4'>
<!-- <form action='' method="POST">
<div class="input-group" style="margin-top: 15px;">
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-btn">
<button type="submit" class="btn btn-secondary" type="button"><i class="fa fa-search"></i></button>
</span>
</div>
</form> -->
</div>
</div>
</div>
<style type="text/css">
.portfolio-item {
/*box-shadow: 1px 1px 5px rgba(0,0,0,0.5);*/
border:1px solid #e0e0e0;
position: relative;
display:none;
overflow: hidden;
padding: 0;
margin-bottom:30px;
}
.portfolio-item .portfolio-image {
position: relative;
display: block;
overflow: hidden;
}
/*.portfolio-item:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}*/
.portfolio-item:hover {
box-shadow: 0 0 4px 1px rgba(204,204,204,.48);
}
.portfolio-item .portfolio-image img {
width: 100%;
height: auto;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#gl{
border-top:1px solid #e0e0e0;
padding: 7px;
height: 120px;
padding-bottom:20px;
}
#gl h3{
margin: 5px 0;
font-weight: bold;
overflow: hidden;
height: 35px;
color:#222;
font-size: 16px;
}
#gl span{
color: #888;
}
#gl h5{
margin: 0;
padding: 0;
font-weight: bold;
color:#ff5722;
font-size: 14px;
}
#bn{
background: #68B6E6;
padding: 30px;
}
@media screen and (max-width:768px){
#gl{
height: 120px;
}
#bn h3{
font-size: 18px;
}
}
@media screen and (max-width:480px){
#ic .col-xs-6{
width: 100%;
}
#gl{
height: auto;
}
#gl h3{
font-size: 16px;
height: 50px;
}
#gl h5{
font-size: 12px;
}
}
@media screen and (max-width:320px){
#pr .col-xs-6{
width: 100%;
}
#gl h3{
height: auto;
}
}
</style>
</header>
<div class="container" style="background: #fff; padding-top: 15px">
<div class='row'>
<div class='col-md-12 main-contain'>
<div class="row">
<div class="col-md-12">
<div id="bn">
<h4>Dapatkan Produk-produk berikut dengan harga spesial di toko-toko terdekat anda.</h4>
<h3><strong>HOTLINE : 0821 1151 1515</strong></h3>
<a href="<?php echo $main_url; ?>/jaringan.php" class="btn btn-primary btn-lg">Lokasi Toko Terdekat</a>
</div>
</div>
</div>
<div class="news_tittle">
<h4>FBC Produk</h4>
</div>
<div class="row" id="pr">
<?php
$qp = mysql_query("SELECT * FROM fbc_produk WHERE status = 'valid' ORDER BY no_urut ASC");
while($rp = mysql_fetch_assoc($qp)){
$rb = mysql_fetch_assoc(mysql_query("SELECT nama_brand FROM brand WHERE id_brand = '".$rp['id_brand']."'"));
?>
<div class="col-md-3 col-sm-4 col-xs-6">
<div class="portfolio-item" style="display: block;">
<div class="portfolio-image"> <a href="<?php echo $main_url; ?>/detail.php?id=<?php echo $rp['id_db']; ?>" class="fancybox fancybox.iframe">
<div id="pic"><img src="<?php echo $base_url; ?>/fl/images/img_produk/<?php echo $rp['foto']; ?>" width="100%"></div>
</a>
</div>
<div id="gl">
<span><?php echo $rb['nama_brand'];?> - <?php echo $rp['kode']; ?></span>
<a href="<?php echo $main_url; ?>/detail.php?id=<?php echo $rp['id_db']; ?>" class="fancybox fancybox.iframe"><h3><?php echo $rp['nama']; ?></h3></a>
<h5 style="float: right;">Rp. <?php echo number_format($rp['harga'],0,'.','.'); ?></h5>
<?php if($rp['het'] != "0.00"){
?>
<span style="color:#666;font-size:12px;text-decoration: line-through;float: left; font-size: 10px">Rp. <?php echo number_format($rp['het'],0,'.','.');?></span>
<?php } ?>
<div style="clear: both;"></div>
<div style="float: left;">
<?php if($rp['catatan'] != ""){
?>
<span><?php echo $rp['catatan']; ?></span>
<?php } ?>
</div>
</div>
</div>
</div>
<?php }
?>
</div>
<style type="text/css">
#ic{
margin-bottom: 50px;
}
#ic img{
width: 100%;
margin-bottom: 15px;
}
</style>
<div class="row" id="ic">
<?php
$si = "SELECT * FROM fbc_icon ORDER BY no_urut ASC";
$qi = mysql_query($si);
while($ri = mysql_fetch_assoc($qi)){
?>
<div class="col-md-2 col-sm-3 col-xs-3">
<a href="<?php echo $ri['url']; ?>" target="_blank"><img src="<?php echo $base_url; ?>/fl/images/img_icon/<?php echo $ri['foto']; ?>"></a>
</div>
<?php
}
?>
</div>
</div>
</div>
</div>
<br><br>
<footer>
<div class='container'>
<br>
<p>Copyright © 2015 Faedah. All Rights Reserved.</p>
<br>
<br>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="<?php echo $base_url; ?>/asset/js/bootstrap.min.js"></script>
<script src="<?php echo $base_url; ?>/asset/js/holder.js"></script>
<script src="<?php echo $base_url; ?>/asset/js/script.js"></script>
<script type="text/javascript" src="<?php echo $base_url; ?>/asset/js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
jQuery('ul.nav li.dropdown').hover(function() {
jQuery(this).find('.dropdown-menu').stop(true, true).delay(100).fadeIn();
}, function() {
jQuery(this).find('.dropdown-menu').stop(true, true).delay(100).fadeOut();
});
});
</script>
</body>
</html>
y~or5J ={Eeu磝Qk ᯘG{?+]ן?wM3X^歌>{7پK>on\jy R g/=fOroNVv~Y+ NGuÝHWyw[eQʨSb> >}Gmx[o[<{Ϯ_qF vM IENDB`