<?php
include "header.php";

$banner_post = getALL('ktbannerset',' position <> 0 ','bn_id ASC'); //FETCH BANNER

$hmtb_post = gtALL('kmt_featuresd'," rec_nm = 'hometab' ",'id ASC'); // FECTH FEATURED HOME TABS
$prdstb_post = gtALL('kmt_featuresd'," rec_nm = 'prodtab' ",'id ASC'); // FECTH FEATURED PRODUCTS HOME TABS


$prdpromo_post = gtALL('kmt_featuresd'," rec_nm = 'homepromo' ",'id ASC'); // FECTH FEATURED PRODUCTS PROMO
?>
    <div class="page-contain">

        <div id="main-content" class="main-content">

            <div class="main-slide block-slider">
                <ul class="biolife-carousel nav-none-on-mobile" data-slick='{"arrows": true, "dots": false, "slidesMargin": 0, "slidesToShow": 1, "infinite": true, "speed": 800, "autoplay": true}' >
                    <?php /*<li>
                        <div class="slide-contain slider-opt03__layout01">
                            <div class="media">
                                <div class="child-elememt" style="left:0;"><a href="#" class="link-to"><img src="img/slide-01-child-01.png" alt=""></a></div>
                            </div>
                            <div class="text-content" style="">
                                <i class="first-line">Pomegranate</i>
                                <h3 class="second-line">Vegetables 100% Organic</h3>
                                <p class="third-line">A blend of freshly squeezed green apple & fruits</p>
                                <p class="buttons">
                                    <a href="#" class="btn btn-bold">Shop now</a>
                                    <a href="#" class="btn btn-thin">View lookbook</a>
                                </p>
                            </div>
                        </div>
                    </li>
					
					<li>
						<div class="slide-contain slider-opt03__layout01">
							<a href="javascript:void(0);" class="media"  style="background-image:url(kmart-banner/slide-01.jpg);">
								
							</a>
						</div>
					</li>*/ ?>
					
					<?php
					if(!empty($banner_post)){
						foreach($banner_post as $cat){
							$prd_img = (!empty($cat['bannername']) && file_exists('kmart-banner/'.$cat['bannername'])) ? $cat['bannername'] : '';
							$phn_img = (!empty($cat['phonebanner']) && file_exists('kmart-banner/'.$cat['phonebanner'])) ? $cat['phonebanner'] : '';
							if(!empty($prd_img) && !empty($phn_img)){
							
						?>
						<li>
							<div class="slide-contain slider-opt03__layout01">
								<a href="javascript:void(0);" class="media hyfban" style="background:transparent;"  data-phn="kmart-banner/<?= $phn_img; ?>" data-exp = "kmart-banner/<?= $prd_img; ?>">
									<img src="img/dummy.png" class="img-fluid" alt="K-Mart Banner" />
								</a>
							</div>
						</li>
						<?php
							}
						}
					}
					
					/*
					<li>
                        <div class="slide-contain slider-opt03__layout01">
                            <a href="greg099" class="media"  style="background-image:url(kmart-banner/bn1.jpg);">
                                
                            </a>
                            <div class="text-content d-none">
                                <i class="first-line">Pomegranate</i>
                                <h3 class="second-line">Vegetables 100% Organic</h3>
                                <p class="third-line">A blend of freshly squeezed green apple & fruits</p>
                                <p class="buttons">
                                    <a href="#" class="btn btn-bold">Shop now</a>
                                    <a href="#" class="btn btn-thin">View lookbook</a>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-contain slider-opt03__layout01">
                            <div class="media"  style="background-image:url(kmart-banner/bn2.jpg);">
                                <div class="child-elememt"><a href="#2" class="link-to"></a></div>
                            </div>
                            <div class="text-content  d-none">
                                <i class="first-line">Pomegranate</i>
                                <h3 class="second-line">Vegetables 100% Organic</h3>
                                <p class="third-line">A blend of freshly squeezed green apple & fruits</p>
                                <p class="buttons">
                                    <a href="#" class="btn btn-bold">Shop now</a>
                                    <a href="#" class="btn btn-thin">View lookbook</a>
                                </p>
                            </div>
                        </div>
                    </li>
					
					<li>
                        <div class="slide-contain slider-opt03__layout01">
                            <div class="media">
                                <div class="child-elememt" style="left:0;"><a href="#" class="link-to"><img src="images/home-03/slide-01-child-01.png" alt=""></a></div>
                            </div>
                            <div class="text-content" style="">
                                <i class="first-line">Pomegranate</i>
                                <h3 class="second-line">Vegetables 100% Organic</h3>
                                <p class="third-line">A blend of freshly squeezed green apple & fruits</p>
                                <p class="buttons">
                                    <a href="#" class="btn btn-bold">Shop now</a>
                                    <a href="#" class="btn btn-thin">View lookbook</a>
                                </p>
                            </div>
                        </div>
                    </li>
					
					<li>
                        <div class="slide-contain slider-opt03__layout01">
                            <div class="media" style="background-image:url(kmart-banner/bn3.jpg);">
                                <div class="child-elememt"></a></div>
                            </div>
                            <div class="text-content" style="left:13%;right:auto;">
                                <i class="first-line">Pomegranate</i>
                                <h3 class="second-line">Vegetables 100% Organic</h3>
                                <p class="third-line">A blend of freshly squeezed green apple & fruits</p>
                                <p class="buttons">
                                    <a href="#" class="btn btn-bold">Shop now</a>
                                    <a href="#" class="btn btn-thin">View lookbook</a>
                                </p>
                            </div>
                        </div>
                    </li>
					*/ ?>
                </ul>
            </div>

            <div class="special-slide" style="padding-top:2em;">
                <div class="container">
                    
                    <div  class="biolife-service type01 biolife-service__type01 sm-margin-top-0 xs-margin-top-45px">
                        <ul class="services-list">
                            <li>
                                <div class="service-inner">
                                    <span class="number">1</span>
                                    <span class="biolife-icon icon-beer"></span>
                                    <a class="srv-name">Proudly Ghanaian Products</a>
                                </div>
                            </li>
                            <li>
                                <div class="service-inner">
                                    <span class="number">2</span>
                                    <span class="biolife-icon icon-schedule"></span>
                                    <a class="srv-name">Delivery at the Comfort of your home/office</a>
                                </div>
                            </li>
                            <li>
                                <div class="service-inner">
                                    <span class="number">3</span>
                                    <span class="biolife-icon icon-car"></span>
                                    <a class="srv-name">Accepted Returns</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
			
			
		

            <!--Block 03: Product Tab-->
            <div class="product-tab z-index-20 sm-margin-top-193px xs-margin-top-30px">
                <div class="container">
                    <div class="biolife-title-box">
                        <span class="subtitle"></span>
                        <h3 class="main-title">Best Selected Products For You</h3>
                    </div>
                    <div class="biolife-tab biolife-tab-contain sm-margin-top-34px">
                        <div class="tab-head tab-head__icon-top-layout icon-top-layout">
                            <ul class="tabs md-margin-bottom-35-im xs-margin-bottom-40-im">
								<?php
								if(!empty($hmtb_post)){
									$i = 0 ;
									foreach($hmtb_post as $tbs){
										$i++;
										$arf = array('','tab01_1st','tab01_2nd','tab01_3rd','tab01_4th','tab01_5th');
										
										$gtct = gtOne("ktmmenu_name"," mn_id = $tbs[rec_id] ","mname");
										$gtcticn = gtOne("ktmmenu_name"," mn_id = $tbs[rec_id] ","micon");
										if(!empty($gtct)){
									?>
										<li class="tab-element <?= ($arf[$i] == "tab01_1st") ? 'active' : ''; ?>">
											<a href="#<?= $arf[$i]; ?>" class="tab-link"><span class="<?= $gtcticn; ?>"></span><?= $gtct; ?></a>
										</li>
									<?php
										}
									}
								}
								?>
                            </ul>
                        </div>
						<?php
						if(!empty($prdstb_post)){
						?>
                        <div class="tab-content">
							<?php
							if(!empty($hmtb_post)){
									$i = 0 ;
								foreach($hmtb_post as $tbs){
								$i++;
								$arf = array('','tab01_1st','tab01_2nd','tab01_3rd','tab01_4th','tab01_5th');
								$gtct = gtOne("ktmmenu_name"," mn_id = $tbs[rec_id] ","mn_id");
								if(!empty($gtct)){
								?>
								<div id="<?= $arf[$i]; ?>" class="tab-contain <?= ($arf[$i] == "tab01_1st") ? 'active' : ''; ?>">
									<ul class="products-list biolife-carousel nav-center-02 nav-none-on-mobile eq-height-contain" data-slick='{"rows":2 ,"arrows":false,"dots":false,"infinite":true,"speed":400,"slidesMargin":10,"slidesToShow":5, "responsive":[{"breakpoint":1200, "settings":{ "slidesToShow": 5}},{"breakpoint":992, "settings":{ "slidesToShow": 3, "slidesMargin":25 }},{"breakpoint":768, "settings":{ "slidesToShow": 2, "slidesMargin":15}}]}'>
										<?php
										//$gt_prds = gtALL("kmartstockprds","  ");
										
										foreach($prdstb_post as $pds){
											$ft_pdi = $pds['rec_id'];
											
											$gt_prds = gtOne("kmartstockprds","  ksp_id = '$ft_pdi' AND mn_id = '$gtct' ",'ksp_id');
											if(!empty($gt_prds)){
											
											$gtctnm = gtOne("ktmmenu_name"," mn_id = $tbs[rec_id] ","mname");
											
											$chk_prdz = $db_con->prepare("SELECT * FROM kmartstockprds WHERE ksp_id = '$gt_prds' ");
											$chk_prdz->execute(); $pdz = $chk_prdz->fetch();	
											
											$gt_imgs = gtOne("kprdw_imgs"," prd_rec = '$pdz[pqrcode]' ORDER BY kmg_id ASC","pjm_pic");
											$prd_img = (!empty($gt_imgs) && file_exists('prdimgs/'.$gt_imgs)) ? "prdimgs/".$gt_imgs : 'img/kmart-icon.png';
											
											/*
											$sl_pc = $pdz['psell'];   $ds_pc = $pdz['pdiscount'];
											$calc_sld = (!empty($ds_pc) && $ds_pc > 0) ?  ($sl_pc - $ds_pc) : $sl_pc ;
											$calc_dsc = (!empty($ds_pc) && $ds_pc > 0) ?  '<del><span class="price-amount"><span class="currencySymbol">GH₵</span>'.$sl_pc.'</span></del>' : '' ;
											
											//CHECK IF GENERAL DISCOUNT
											$gnz_dst = getOne('pgs_settings'," st_rec = 'gndiscount' ",'st_value');
											$ckgnds = ($gnz_dst > 0) ? $gnz_dst : 0;
											$shwptg = number_format((float)((($ds_pc / $sl_pc)*100)),0); //GET DISCOUNT %
											$nwshwptg = number_format((float)($sl_pc-($sl_pc*($ckgnds/100))),0); // GET DISCOUNT VALUE
											
											$shw_pec = (!empty($ckgnds)) ? $ckgnds : $shwptg;
											$shw_ds = (!empty($ckgnds)) ? $nwshwptg : $calc_sld;
											$shw_dsc = (!empty($ckgnds)) ? '<del><span class="price-amount"><span class="currencySymbol">GH₵ </span>'.$sl_pc.'</span></del>' : $calc_dsc;
											*/
											
											$shw_pec = calcprcs($pdz['psell'],$pdz['pdiscount'],'spc');
											$shw_ds = calcprcs($pdz['psell'],$pdz['pdiscount'],'ssl');
											$shw_dsc = calcprcs($pdz['psell'],$pdz['pdiscount'],'sds');
										?>
										<li class="product-item">
											<div class="contain-product layout-default">
												<div class="product-thumb">
													<a href="product?kmt=<?= $pdz['purl']; ?>" class="link-to-product">
														<img src="<?= $prd_img; ?>" alt="<?= $pdz['pname'] ?>" width="270" height="270" class="product-thumnail">
													</a>
													<?= (!empty($shw_pec) && $shw_pec > 0) ? '<div class="labels"><span class="sale-label">-'.$shw_pec.'%</span></div>' : ''; ?>
												</div>
												<div class="info pdzkpm" data-cart="<?= $pdz['pqrcode']; ?>">
													<b class="categories"><?= $gtctnm; ?></b>
													<h4 class="product-title"><a href="product?kmt=<?= $pdz['purl']; ?>" class="pr-name mkells"><?= $pdz['pname']; ?></a></h4>
													<div class="price">
														<ins><span class="price-amount"><span class="currencySymbol">GH₵</span><?= $shw_ds; ?></span></ins>
														<?= $shw_dsc; ?>
													</div>
													<div class="slide-down-box">
														<p class="message">FDA Approved</p>
														<div class="buttons">
															<a href="javascript:void(0);" class="btn add-to-cart-btn crtadz"><i class="fa fa-cart-arrow-down"></i> add to cart</a>
														</div>
													</div>
												</div>
											</div>
										</li>
										<?php
											}
										}
										?>
									</ul>
								</div>
							
								<?php
									}
								}
							}
							?>
                           
                        </div>
						<?php
						}
						?>
						
                    </div>
                </div>
            </div>

<?php
if(!empty($prdpromo_post)){
?>
            <div class="banner-promotion-01 xs-margin-top-50px sm-margin-top-11px">
                <div class="biolife-banner promotion biolife-banner__promotion" style="background-image:url(img/blackpromo.jpg);">
                    <div class="container">
						<div class="row">
						<div class="col-lg-12 col-md-11 mx-auto float-none">
                            <div class="advance-product-box">
                                
								<div class="biolife-title-box bold-style biolife-title-box__bold-style custmzblk">
									<span class="subtitle"></span>
									<h3 class="main-title">BLACK FRIDAY PROMO</h3>
								</div>
								
								<ul class="products biolife-carousel nav-top-right nav-none-on-mobile" data-slick='{"autoplay": true, "arrows":true, "dots":false,"infinite":true,"speed":400,"slidesMargin":30,"slidesToShow":3, "responsive":[{"breakpoint":1200, "settings":{ "slidesToShow": 3}},{"breakpoint":992, "settings":{ "slidesToShow": 3, "slidesMargin":25 }},{"breakpoint":768, "settings":{ "slidesToShow": 1, "slidesMargin":15}}]}'>
                                    <?php
									foreach($prdpromo_post as $pds){
										
										$ft_pdi = $pds['rec_id'];
											
										$gt_prds = gtOne("kmartstockprds","  ksp_id = '$ft_pdi' ",'ksp_id');
										if(!empty($gt_prds)){
										
										$gtctnm = gtOne("ktmmenu_name"," mn_id = $tbs[rec_id] ","mname");
										
										$chk_prdz = $db_con->prepare("SELECT * FROM kmartstockprds WHERE ksp_id = '$gt_prds' ");
										$chk_prdz->execute(); $pdz = $chk_prdz->fetch();	
										
										
										$gt_imgs = gtOne("kprdw_imgs"," prd_rec = '$pdz[pqrcode]' ORDER BY kmg_id ASC","pjm_pic"); // MAIN PRODUCT IMAGE
										
										
										//TO CHECK SPECIAL FEATURES
										$chk_ftp = $db_con->prepare("SELECT * FROM kmt_ft_prds WHERE kmtf_id = '$pds[id]' AND ksp_id = '$gt_prds'  AND delete_status = 0");
										$chk_ftp->execute(); $fpd = $chk_ftp->fetch();
										
										
										$chk_mgi = (!empty($fpd) && !empty($fpd['prd_img'])) ?  $fpd['prd_img'] : $gt_imgs;
										$prd_img = (!empty($chk_mgi) && file_exists('prdimgs/'.$chk_mgi)) ? "prdimgs/".$chk_mgi : 'img/kmart-icon.png';
										
										
										$chk_sl = (!empty($fpd) && !empty($fpd['km_sell'])) ? $fpd['km_sell'] : $pdz['psell'];
										$chk_ds = (!empty($fpd) && !empty($fpd['km_discount'])) ? $fpd['km_discount'] : $pdz['pdiscount'];
										
										
										$shw_pec = calcprcs($chk_sl,$chk_ds,'spc');
										$shw_ds = calcprcs($chk_sl,$chk_ds,'ssl');
										$shw_dsc = calcprcs($chk_sl,$chk_ds,'sds');
									?>
									<li class="product-item">
                                        <div class="contain-product deal-layout contain-product__deal-layout">
                                            <div class="product-thumb">
                                                <a href="product?kmt=<?= $pdz['purl']; ?>" class="link-to-product">
                                                    <img src="<?= $prd_img; ?>" alt="<?= $pdz['pname'] ?>" class="product-thumnail">
                                                </a>
                                                <?= (!empty($shw_pec) && $shw_pec > 0) ? '<div class="labels"><span class="sale-label">-'.$shw_pec.'%</span></div>' : ''; ?>
                                            </div>
                                            <div class="info pdzkpm promo" data-cart="<?= $pdz['pqrcode']; ?>">
                                                <b class="categories"><?= $gtctnm; ?></b>
                                                <h4 class="product-title"><a href="product?kmt=<?= $pdz['purl']; ?>" class="pr-name"><?= $pdz['pname'] ?></a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span><?= $shw_ds; ?></span></ins>
                                                    <?= $shw_dsc; ?>
                                                </div>
                                                <div class="slide-down-box">
                                                    <p class="message">FDA Approved</p>
                                                    <div class="buttons">
                                                        <a href="javascript:void(0);" class="btn add-to-cart-btn crtadz"><i class="fa fa-cart-arrow-down"></i> add to cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
									<?php
									}
									}
									?>
                                </ul>
								
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
<?php
}
?>
			
			
<?php /*
            <div class="Product-box sm-margin-top-96px xs-margin-top-0">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-md-5 col-sm-6">
                            <div class="advance-product-box">
                                <div class="biolife-title-box bold-style biolife-title-box__bold-style">
                                    <h3 class="title">Deals of the day</h3>
                                </div>
                                <ul class="products biolife-carousel nav-top-right nav-none-on-mobile" data-slick='{"arrows":true, "dots":false, "infinite":false, "speed":400, "slidesMargin":30, "slidesToShow":1}'>
                                    <li class="product-item">
                                        <div class="contain-product deal-layout contain-product__deal-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/home-03/product_deal_330x330.jpg" alt="dd" width="330" height="330" class="product-thumnail">
                                                </a>
                                                <div class="labels">
                                                    <span class="sale-label">-50%</span>
                                                </div>
                                            </div>
                                            <div class="info">
                                                <div class="biolife-countdown" data-datetime="2020/02/18 00:00:00"></div>
                                                <b class="categories">Fresh Fruit</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">National Fresh Fruit</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="slide-down-box">
                                                    <p class="message">All products are carefully selected to ensure food safety.</p>
                                                    <div class="buttons">
                                                        
                                                        <a href="#" class="btn add-to-cart-btn">add to cart</a>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product deal-layout contain-product__deal-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/home-03/product_deal-02_330x330.jpg" alt="dd" width="330" height="330" class="product-thumnail">
                                                </a>
                                                <div class="labels">
                                                    <span class="sale-label">-50%</span>
                                                </div>
                                            </div>
                                            <div class="info">
                                                <div class="biolife-countdown" data-datetime="2020/04/18 00:00:00"></div>
                                                <b class="categories">Fresh Fruit</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">National Fresh Fruit</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="slide-down-box">
                                                    <p class="message">All products are carefully selected to ensure food safety.</p>
                                                    <div class="buttons">
                                                        
                                                        <a href="#" class="btn add-to-cart-btn">add to cart</a>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product deal-layout contain-product__deal-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/home-03/product_deal-03_330x330.jpg" alt="dd" width="330" height="330" class="product-thumnail">
                                                </a>
                                                <div class="labels">
                                                    <span class="sale-label">-50%</span>
                                                </div>
                                            </div>
                                            <div class="info">
                                                <div class="biolife-countdown" data-datetime="2020/01/18 00:00:00"></div>
                                                <b class="categories">Fresh Fruit</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">National Fresh Fruit</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="slide-down-box">
                                                    <p class="message">All products are carefully selected to ensure food safety.</p>
                                                    <div class="buttons">
                                                        
                                                        <a href="#" class="btn add-to-cart-btn">add to cart</a>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-7 col-sm-6">
                            <div class="advance-product-box">
                                <div class="biolife-title-box bold-style biolife-title-box__bold-style">
                                    <h3 class="title">Top Rated Products</h3>
                                </div>
                                <ul class="products biolife-carousel eq-height-contain nav-center-03 nav-none-on-mobile row-space-29px" data-slick='{"rows":2,"arrows":true,"dots":false,"infinite":false,"speed":400,"slidesMargin":30,"slidesToShow":2,"responsive":[{"breakpoint":1200,"settings":{ "rows":2, "slidesToShow": 2}},{"breakpoint":992, "settings":{ "rows":2, "slidesToShow": 1}},{"breakpoint":768, "settings":{ "rows":2, "slidesToShow": 2}},{"breakpoint":500, "settings":{ "rows":2, "slidesToShow": 1}}]}'>
                                    <li class="product-item">
                                        <div class="contain-product right-info-layout contain-product__right-info-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/products/p-19.jpg" alt="dd" width="270" height="270" class="product-thumnail">
                                                </a>
                                            </div>
                                            <div class="info">
                                                <b class="categories">Vegetables</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">Pumpkins Fairytale</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="rating">
                                                    <p class="star-rating"><span class="width-80percent"></span></p>
                                                    <span class="review-count">(05 Reviews)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product right-info-layout contain-product__right-info-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/products/p-03.jpg" alt="dd" width="270" height="270" class="product-thumnail">
                                                </a>
                                            </div>
                                            <div class="info">
                                                <b class="categories">Vegetables</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">Passover Cauliflower</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="rating">
                                                    <p class="star-rating"><span class="width-80percent"></span></p>
                                                    <span class="review-count">(05 Reviews)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product right-info-layout contain-product__right-info-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/products/p-02.jpg" alt="dd" width="270" height="270" class="product-thumnail">
                                                </a>
                                            </div>
                                            <div class="info">
                                                <b class="categories">Vegetables</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">Hot Chili Peppers</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="rating">
                                                    <p class="star-rating"><span class="width-80percent"></span></p>
                                                    <span class="review-count">(05 Reviews)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product right-info-layout contain-product__right-info-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/products/p-22.jpg" alt="dd" width="270" height="270" class="product-thumnail">
                                                </a>
                                            </div>
                                            <div class="info">
                                                <b class="categories">Vegetables</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">Cherry Tomato Seeds</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="rating">
                                                    <p class="star-rating"><span class="width-80percent"></span></p>
                                                    <span class="review-count">(05 Reviews)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product right-info-layout contain-product__right-info-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/products/p-20.jpg" alt="dd" width="270" height="270" class="product-thumnail">
                                                </a>
                                            </div>
                                            <div class="info">
                                                <b class="categories">Vegetables</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">National Fresh Fruit</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="rating">
                                                    <p class="star-rating"><span class="width-80percent"></span></p>
                                                    <span class="review-count">(05 Reviews)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product right-info-layout contain-product__right-info-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/products/p-05.jpg" alt="dd" width="270" height="270" class="product-thumnail">
                                                </a>
                                            </div>
                                            <div class="info">
                                                <b class="categories">Vegetables</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">Organic Hass Avocado</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="rating">
                                                    <p class="star-rating"><span class="width-80percent"></span></p>
                                                    <span class="review-count">(05 Reviews)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product right-info-layout contain-product__right-info-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/products/p-06.jpg" alt="dd" width="270" height="270" class="product-thumnail">
                                                </a>
                                            </div>
                                            <div class="info">
                                                <b class="categories">Vegetables</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">Packham's Pears</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="rating">
                                                    <p class="star-rating"><span class="width-80percent"></span></p>
                                                    <span class="review-count">(05 Reviews)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="product-item">
                                        <div class="contain-product right-info-layout contain-product__right-info-layout">
                                            <div class="product-thumb">
                                                <a href="#" class="link-to-product">
                                                    <img src="images/products/p-20.jpg" alt="dd" width="270" height="270" class="product-thumnail">
                                                </a>
                                            </div>
                                            <div class="info">
                                                <b class="categories">Vegetables</b>
                                                <h4 class="product-title"><a href="#" class="pr-name">National Fresh Fruit</a></h4>
                                                <div class="price ">
                                                    <ins><span class="price-amount"><span class="currencySymbol">GH₵</span>85.00</span></ins>
                                                    <del><span class="price-amount"><span class="currencySymbol">GH₵</span>95.00</span></del>
                                                </div>
                                                <div class="rating">
                                                    <p class="star-rating"><span class="width-80percent"></span></p>
                                                    <span class="review-count">(05 Reviews)</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="biolife-banner style-01 biolife-banner__style-01 xs-margin-top-80px-im sm-margin-top-30px-im">
                                    <div class="banner-contain">
                                        <a href="#" class="bn-link"></a>
                                        <div class="text-content">
                                            <span class="first-line">Daily Fresh</span>
                                            <b class="second-line">Natural</b>
                                            <i class="third-line">Fresh Food</i>
                                            <span class="fourth-line">Premium Quality</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
*/ ?>

            <!--Block 08: Blog Posts-->
            <div class="blog-posts sm-margin-top-93px sm-padding-top-72px xs-padding-bottom-50px" style="display:none;">
                <div class="container">
                    <div class="biolife-title-box">
                        <span class="subtitle">The freshest and most exciting news</span>
                        <h3 class="main-title">From the Blog</h3>
                    </div>
                    <ul class="biolife-carousel nav-center nav-none-on-mobile xs-margin-top-36px" data-slick='{"rows":1,"arrows":true,"dots":false,"infinite":false,"speed":400,"slidesMargin":30,"slidesToShow":3, "responsive":[{"breakpoint":1200, "settings":{ "slidesToShow": 3}},{"breakpoint":992, "settings":{ "slidesToShow": 2}},{"breakpoint":768, "settings":{ "slidesToShow": 2}},{"breakpoint":600, "settings":{ "slidesToShow": 1}}]}'>
                        <li>
                            <div class="post-item effect-01 style-bottom-info layout-02 ">
                                <div class="thumbnail">
                                    <a href="#" class="link-to-post"><img src="images/our-blog/post-thumb-01.jpg" width="370" height="270" alt=""></a>
                                    <div class="post-date">
                                        <span class="date">26</span>
                                        <span class="month">Sep</span>
                                    </div>
                                </div>
                                <div class="post-content">
                                    <h4 class="post-name"><a href="#" class="linktopost">Blog Post Title</a></h4>
                                    <div class="post-meta">
                                        
                                        <a href="#" class="post-meta__item btn liked-count">2<span class="biolife-icon icon-comment"></span></a>
                                        <a href="#" class="post-meta__item btn comment-count">6<span class="biolife-icon icon-like"></span></a>
                                        <div class="post-meta__item post-meta__item-social-box">
                                            <span class="tbn"><i class="fa fa-share-alt" aria-hidden="true"></i></span>
                                            <div class="inner-content">
                                                <ul class="socials">
                                                    <li><a href="#" title="twitter" class="socail-btn"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="facebook" class="socail-btn"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="pinterest" class="socail-btn"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="youtube" class="socail-btn"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="instagram" class="socail-btn"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="excerpt">Did you know that red-staining foods are excellent lymph-movers? In fact, many plants that were historically used as dyes...</p>
                                    <div class="group-buttons">
                                        <a href="#" class="btn readmore">continue reading</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="post-item effect-01 style-bottom-info layout-02">
                                <div class="thumbnail">
                                    <a href="#" class="link-to-post"><img src="images/our-blog/post-thumb-02.jpg" width="370" height="270" alt=""></a>
                                    <div class="post-date">
                                        <span class="date">26</span>
                                        <span class="month">Sep</span>
                                    </div>
                                </div>
                                <div class="post-content">
                                    <h4 class="post-name"><a href="#" class="linktopost">Blog Post Title</a></h4>
                                    <div class="post-meta">
                                        
                                        <a href="#" class="post-meta__item btn liked-count">2<span class="biolife-icon icon-comment"></span></a>
                                        <a href="#" class="post-meta__item btn comment-count">6<span class="biolife-icon icon-like"></span></a>
                                        <div class="post-meta__item post-meta__item-social-box">
                                            <span class="tbn"><i class="fa fa-share-alt" aria-hidden="true"></i></span>
                                            <div class="inner-content">
                                                <ul class="socials">
                                                    <li><a href="#" title="twitter" class="socail-btn"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="facebook" class="socail-btn"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="pinterest" class="socail-btn"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="youtube" class="socail-btn"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="instagram" class="socail-btn"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="excerpt">Did you know that red-staining foods are excellent lymph-movers? In fact, many plants that were historically used as dyes...</p>
                                    <div class="group-buttons">
                                        <a href="#" class="btn readmore">continue reading</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="post-item effect-01 style-bottom-info layout-02">
                                <div class="thumbnail">
                                    <a href="#" class="link-to-post"><img src="images/our-blog/post-thumb-04.jpg" width="370" height="270" alt=""></a>
                                    <div class="post-date">
                                        <span class="date">26</span>
                                        <span class="month">Sep</span>
                                    </div>
                                </div>
                                <div class="post-content">
                                    <h4 class="post-name"><a href="#" class="linktopost">Blog Post Title</a></h4>
                                    <div class="post-meta">
                                        
                                        <a href="#" class="post-meta__item btn liked-count">2<span class="biolife-icon icon-comment"></span></a>
                                        <a href="#" class="post-meta__item btn comment-count">6<span class="biolife-icon icon-like"></span></a>
                                        <div class="post-meta__item post-meta__item-social-box">
                                            <span class="tbn"><i class="fa fa-share-alt" aria-hidden="true"></i></span>
                                            <div class="inner-content">
                                                <ul class="socials">
                                                    <li><a href="#" title="twitter" class="socail-btn"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="facebook" class="socail-btn"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="pinterest" class="socail-btn"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="youtube" class="socail-btn"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="instagram" class="socail-btn"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="excerpt">Did you know that red-staining foods are excellent lymph-movers? In fact, many plants that were historically used as dyes...</p>
                                    <div class="group-buttons">
                                        <a href="#" class="btn readmore">continue reading</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="post-item effect-01 style-bottom-info layout-02">
                                <div class="thumbnail">
                                    <a href="#" class="link-to-post"><img src="images/our-blog/post-thumb-03.jpg" width="370" height="270" alt=""></a>
                                    <div class="post-date">
                                        <span class="date">26</span>
                                        <span class="month">Sep</span>
                                    </div>
                                </div>
                                <div class="post-content">
                                    <h4 class="post-name"><a href="#" class="linktopost">Blog Post Title</a></h4>
                                    <div class="post-meta">
                                        
                                        <a href="#" class="post-meta__item btn liked-count">2<span class="biolife-icon icon-comment"></span></a>
                                        <a href="#" class="post-meta__item btn comment-count">6<span class="biolife-icon icon-like"></span></a>
                                        <div class="post-meta__item post-meta__item-social-box">
                                            <span class="tbn"><i class="fa fa-share-alt" aria-hidden="true"></i></span>
                                            <div class="inner-content">
                                                <ul class="socials">
                                                    <li><a href="#" title="twitter" class="socail-btn"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="facebook" class="socail-btn"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="pinterest" class="socail-btn"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="youtube" class="socail-btn"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="instagram" class="socail-btn"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="excerpt">Did you know that red-staining foods are excellent lymph-movers? In fact, many plants that were historically used as dyes...</p>
                                    <div class="group-buttons">
                                        <a href="#" class="btn readmore">continue reading</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="post-item effect-01 style-bottom-info layout-02">
                                <div class="thumbnail">
                                    <a href="#" class="link-to-post"><img src="images/our-blog/post-thumb-05.jpg" width="370" height="270" alt=""></a>
                                    <div class="post-date">
                                        <span class="date">26</span>
                                        <span class="month">Sep</span>
                                    </div>
                                </div>
                                <div class="post-content">
                                    <h4 class="post-name"><a href="#" class="linktopost">Blog Post Title</a></h4>
                                    <div class="post-meta">
                                        
                                        <a href="#" class="post-meta__item btn liked-count">2<span class="biolife-icon icon-comment"></span></a>
                                        <a href="#" class="post-meta__item btn comment-count">6<span class="biolife-icon icon-like"></span></a>
                                        <div class="post-meta__item post-meta__item-social-box">
                                            <span class="tbn"><i class="fa fa-share-alt" aria-hidden="true"></i></span>
                                            <div class="inner-content">
                                                <ul class="socials">
                                                    <li><a href="#" title="twitter" class="socail-btn"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="facebook" class="socail-btn"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="pinterest" class="socail-btn"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="youtube" class="socail-btn"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="instagram" class="socail-btn"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="excerpt">Did you know that red-staining foods are excellent lymph-movers? In fact, many plants that were historically used as dyes...</p>
                                    <div class="group-buttons">
                                        <a href="#" class="btn readmore">continue reading</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="post-item effect-01 style-bottom-info layout-02">
                                <div class="thumbnail">
                                    <a href="#" class="link-to-post"><img src="images/our-blog/post-thumb-06.jpg" width="370" height="270" alt=""></a>
                                    <div class="post-date">
                                        <span class="date">26</span>
                                        <span class="month">Sep</span>
                                    </div>
                                </div>
                                <div class="post-content">
                                    <h4 class="post-name"><a href="#" class="linktopost">Blog Post Title</a></h4>
                                    <div class="post-meta">
                                        
                                        <a href="#" class="post-meta__item btn liked-count">2<span class="biolife-icon icon-comment"></span></a>
                                        <a href="#" class="post-meta__item btn comment-count">6<span class="biolife-icon icon-like"></span></a>
                                        <div class="post-meta__item post-meta__item-social-box">
                                            <span class="tbn"><i class="fa fa-share-alt" aria-hidden="true"></i></span>
                                            <div class="inner-content">
                                                <ul class="socials">
                                                    <li><a href="#" title="twitter" class="socail-btn"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="facebook" class="socail-btn"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="pinterest" class="socail-btn"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="youtube" class="socail-btn"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                                                    <li><a href="#" title="instagram" class="socail-btn"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="excerpt">Did you know that red-staining foods are excellent lymph-movers? In fact, many plants that were historically used as dyes...</p>
                                    <div class="group-buttons">
                                        <a href="#" class="btn readmore">continue reading</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

    </div>

<?php
include "footer.php";
?>
<script type="text/javascript" language="javascript" >
$(document).ready(function(){
	var MediaSize = { xl:1200,lg:992,md:991,sm:576 };
	$(".hyfban").each(function() { var $takexpc = $(this).attr('data-exp'); 	var $takphpc = $(this).attr('data-phn'); var windowWidth = window.innerWidth;
	if (windowWidth <= MediaSize.sm) { $(this).find('img').attr('src',$takphpc); } else{ $(this).find('img').attr('src',$takexpc); }
    });
});
</script>
