Uname : Linux V-ShopU01 4.18.0-348.20.1.el8_5.x86_64 #1 SMP Thu Mar 10 20:59:28 UTC 2022 x86_64
Server : Apache/2.4.37 (rocky) OpenSSL/1.1.1k
Whoami : apache
Safe Mode : OFF
DOCUMENT ROOT : /var/www/html/site_shopudietDisable Function :
Path : /var/www/html/site_shopudiet/
Server IP : 65.20.74.164
Client IP : 3.148.112.211
| Current File : /var/www/html/site_shopudiet/shop-02-01-2020-p.php |
<?php
session_start();
if(!isset($_SESSION['cart_id1'])){
$_SESSION['cart_id1'] = mt_rand(100000, 999999);
}
$random = $_SESSION['cart_id1'];
$_SESSION['cart_id']=$random;
?>
<?php
$actual_link = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
if($actual_link == 'http://farmcollections.com/')
{
header('Location:http://shopudiet.com/');
}
else
{
include("dbconnect.php");
$query = "DELETE FROM customer WHERE id !='' AND phone=''";
mysqli_query($conn,$query);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="google-site-verification" content="-AYN5DtCz5QDw4CzI0IOn_4cVQ122bu-7fSDI4RwY_E" />
<title>Online Organic Grocery Store in Kochi | shopUdiet</title>
<link rel="icon" type="image/png" href="images/favicon.png"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="All the products we bring you are 100% Organic Certified. Customers can pick and choose the grocery items for their monthly home requirements from our site.">
<meta name="keywords" content="100% Organic Certified, Organic Store, Grocery store, Kochi Organic Store, Organic products">
<meta name="robots" content="">
<style type = "text/css">
.row-only-pin {
/* margin-right: -66px !important;*/
}
@media (max-width: 560px) and (min-width: 280px) {
.row-only-pin {
margin-right: -13px !important;
}
.marj-adj {
margin-bottom:-58px !important;
}
.width-bot {
height: 285px; !important;
}
}
.number-input.number-input a:before, .number-input.number-input a:after {
width: .7rem;
background-color: white !important;
}
/* Slideshow container */
* {box-sizing:border-box}
/* Hide the images by default */
.mySlides {
display: none;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
</style>
<link rel="icon" href="#" type="image/x-icon">
<link rel="shortcut icon" href="#" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="stylesheet/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet/style.css" media="all">
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '411968099942980');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=411968099942980&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<body>
<div class="loader">
</div>
<div id="page">
<?php if(isset($_SESSION['post_code'])) {
?>
<div id="boxes" style="display: none;">
<div class="container-fluid">
<div id="dialog" class="window">
<div id="lorem">
<div class="row">
<h3 style="padding-left: 15px;">Select Your Pincode</h3>
<?php
include 'dbconnect.php';
$sql="select * from postcose";
$result=mysqli_query($conn,$sql);
while($row = mysqli_fetch_array($result))
{
?>
<div class="col-md-4 col-sm-4 col-xs-4 postcode" >
<form action="postcode_check.php?id=<?php echo $row['id']?>" method="post">
<!-- <input type="text" class="post_input" id="post_input" readonly value="<?php echo $row['postcode'];?>" name="postcode"> -->
<button type="submit" name="postsubmit" class="post_input"><?php echo $row['postcode'];?></button>
<input type="hidden" class="post_input" id="post_input" readonly value="<?php echo $row['postcode'];?>" name="postcode">
<input type="hidden" class="post_input" id="post_place" readonly value="<?php echo $row['place'];?>" name="postplace">
<button type="submit" name="postsubmit" class="btn post_btn postcode"><?php echo $row['place'];?></button>
</form>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<div style="width: 100%; font-size: 32pt; color:white; height: 2000px; display: none; opacity: 0.8;" id="mask"></div>
</div>
<?php }
else {
?>
<div id="boxes">
<div class="container-fluid">
<div id="dialog" class="window">
<div id="lorem">
<div class="row ">
<h3 style="padding-left: 15px;">Select Your Pincode</h3>
<?php
include 'dbconnect.php';
$sql="select * from postcose";
$result=mysqli_query($conn,$sql);
while($row = mysqli_fetch_array($result))
{
?>
<div class="col-md-4 col-sm-4 col-xs-4 postcode" >
<form action="postcode_check.php?id=<?php echo $row['id']?>" method="post">
<button type="submit" name="postsubmit" class="post_input"><?php echo $row['postcode'];?></button>
<input type="hidden" class="post_input" id="post_input" readonly value="<?php echo $row['postcode'];?>" name="postcode">
<input type="hidden" class="post_input" id="post_place" readonly value="<?php echo $row['place'];?>" name="postplace">
<button type="submit" name="postsubmit" class="btn post_btn postcode"><?php echo $row['place'];?></button>
</form>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<div style="width: 100%; font-size: 32pt; color:white; height: 2000px; display: none; opacity: 0.8;" id="mask"></div>
</div>
<?php } ?>
<header class="hidden-lg hidden-md hidden-sm">
<div class="container">
<div class="row">
<div class="container">
<div class="row">
<div class="header-banner">
<div class="assetBlock">
<div id="slideshow" >
<h5 class="hidden-md hidden-lg">shopUdiet</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<?php
include('header.php');
?>
<!--container-->
</div>
<div class="content">
<div id="thmg-slider-slideshow" class="thmg-slider-slideshow">
<!-- Slideshow container -->
<div class="container" style="margin-left: 0px; padding-left: 0px;">
<!-- Full-width images with number and caption text -->
<div class="mySlides">
<img src="images/001.jpg" data-bgposition='left top' data-bgfit='cover'>
</div>
<div class="mySlides">
<img src="images/002.jpg"data-bgposition='left top' data-bgfit='cover'>
</div>
<div class="mySlides">
<img src="images/003.jpg"data-bgposition='left top' data-bgfit='cover'>
</div>
<br>
<!-- The dots/circles -->
</div>
</div>
<!--Category slider Start-->
<div class="top-cate" >
<div class="featured-pro col-md-12 col-sm-12">
<h5 class="cat_head">SHOP BY CATEGORY</h5>
<div class="row customer-logos slider">
<?php
include('dbconnect.php');
$sql="select * from category ";
$result=mysqli_query($conn,$sql);
while($row = mysqli_fetch_array($result))
{
?>
<div class="slide" style="border: none;"><div>
<a href="category_detail.php?id=<?php echo $row['category_name']?>" title="<?php echo $row['category_name']?> " ><img src="admin/img/<?php echo $row['image']?>" alt="Fresh Organic Mustard Leaves " class="img-responsive cat-img" style="border: none;"></a></div><div class="cat_style" >
<a href="category_detail.php?id=<?php echo $row['category_name']?>" title="<?php echo $row['category_name']?> " class="scroll_slide_name" style="border: none;"><?php echo $row['category_name']?> </a></div>
</div>
<?php
}
?>
</div>
</div>
</div>
<!-- <section class="customer-logos slider">
<div class="slide"><img src="https://image.freepik.com/free-vector/luxury-letter-e-logo-design_1017-8903.jpg"></div>
<div class="slide"><img src="https://image.freepik.com/free-vector/3d-box-logo_1103-876.jpg"></div>
<div class="slide"><img src="https://image.freepik.com/free-vector/blue-tech-logo_1103-822.jpg"></div>
<div class="slide"><img src="https://image.freepik.com/free-vector/colors-curl-logo-template_23-2147536125.jpg"></div>
<div class="slide"><img src="https://image.freepik.com/free-vector/abstract-cross-logo_23-2147536124.jpg"></div>
<div class="slide"><img src="https://image.freepik.com/free-vector/football-logo-background_1195-244.jpg"></div>
<div class="slide"><img src="https://image.freepik.com/free-vector/background-of-spots-halftone_1035-3847.jpg"></div>
<div class="slide"><img src="https://image.freepik.com/free-vector/retro-label-on-rustic-background_82147503374.jpg"></div>
</section> -->
<!--Category silder End-->
<div>
</div>
<div class="container hidden-xs hidde-sm">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<div class="container1">
<a href="product_grid.php"> <img src="images/cover-pic1.jpg" class="img-responsive split_img"></a>
<div class="content">
<!-- <div class="content_inner">
<h1> Delivery Within <span class="content_inner1">24 Hours</span></h1>
<p>For Healthy Food You Feel Good to Eat</p>
</div> -->
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<div class="container1">
<a href="category_detail.php?id=Breakfast"> <img src="images/COVER PIC.jpg" class="img-responsive split_img"></a>
<!-- <div class="content">
<div class="content_inner">
<h1>Farm <span class="content_inner1">Profile</span></h1>
<p>High-quality, Organic Food at Right Prices</p>
</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="container hidden-lg hidden-md" style="
margin-top: 12px;
">
<div class="row customer-logo slider">
<div class="slide" style="border: none;">
<div class="container1">
<img src="images/cover-pic1.jpg" class="img-responsive split_img">
<div class="content">
<!-- <div class="content_inner">
<h1> Delivery Within <span class="content_inner1">24 Hours</span></h1>
<p>For Healthy Food You Feel Good to Eat</p>
</div> -->
</div>
</div>
</div>
<div class="slide" style="border: none;">
<div class="container1">
<img src="images/COVER PIC.jpg" class="img-responsive split_img">
<div class="content">
<!-- <div class="content_inner">
<h1>Farm <span class="content_inner1">Profile</span></h1>
<p>High-quality, Organic Food at Right Prices</p>
</div> -->
</div>
</div>
</div>
</div></div>
<?php
include 'dbconnect.php';
$sql="select * from packages order by id desc limit 4";
$result=mysqli_query($conn,$sql);
while($row = mysqli_fetch_array($result)){
$pckgname[]=$row['product_name'];
$price[]=$row['priceorg'];
$newprice[]=$row['price'];
$image[]=$row['image'];
$id[]=$row['id'];
$item[]=$row['num'];
}
?>
<div class="container section-top">
<h5 class="cat_head">OUR PACKAGES</h5>
<!-- <?php echo $item[0];?> -->
<div class="col-md-3 col-sm-3 col-xs-6 main_pkg" align="center">
<div class="col-md-12 col-sm-12 col-xs-12 pakg">
<a href="package-detail.php?id=<?php echo $id[0]?>">
<img src="admin/img/<?php echo $image[0];?>" class="img-responsive pakgimg">
<h3 class="pkg-h"><?php echo $pckgname[0];?></h3>
<span class="pkg-h1">( <?php echo $item[0];?> Items)</span>
<h4><span class="pkg-spn"><strike><?php if ($price>0) { echo "₹".$price[0];}?></strike></span><span class="pkg-spn1"><?php if ($newprice>0) { echo "₹".$newprice[0];}?></span></h4>
</a><form action="add_to_cart.php?id=<?php echo $id[0]?>" method="post">
<div class="def-number-input number-input safari_only pak_input" style="width: 7rem;
margin-top: 13px;">
<a onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></a>
<input class="quantity1" min="1" name="quantity" value="1" type="number">
<a onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></a>
</div>
<div class="add_cart">
<button class="btn btn-carts1" type="submit"><span>ADD TO CART</span></button>
</div></form>
</div></div>
<div class="col-md-3 col-sm-3 col-xs-6 main_pkg1" align="center">
<div class="col-md-12 col-sm-12 col-xs-12 pakg1">
<a href="package-detail.php?id=<?php echo $id[1]?>">
<img src="admin/img/<?php echo $image[1];?>" class="img-responsive pakgimg">
<h3 class="pkg-h"><?php echo $pckgname[1];?></h3>
<span class="pkg-h1">( <?php echo $item[1];?> Items)</span>
<h4><span class="pkg-spn"><strike><?php if ($price>0) { echo "₹".$price[1];}?></strike></span><span class="pkg-spn1"><?php if ($newprice>0) { echo "₹".$newprice[1];}?></span></h4>
</a><form action="add_to_cart.php?id=<?php echo $id[1]?>" method="post">
<div class="def-number-input number-input safari_only pak_input" style="width: 7rem;
margin-top: 13px;">
<a onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></a>
<input class="quantity1" min="1" name="quantity" value="1" type="number">
<a onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></a>
</div>
<div class="add_cart">
<button class="btn btn-carts1" type="submit"><span>ADD TO CART</span></button></form>
</div>
</div></div>
<div class="col-md-3 col-sm-3 col-xs-6 main_pkg" align="center">
<div class="col-md-12 col-sm-12 col-xs-12 pakg2">
<a href="package-detail.php?id=<?php echo $id[2]?>">
<img src="admin/img/<?php echo $image[2];?>" class="img-responsive pakgimg">
<h3 class="pkg-h"><?php echo $pckgname[2];?></h3>
<span class="pkg-h1">( <?php echo $item[2];?> Items)</span>
<h4><span class="pkg-spn"><strike><?php if ($price>0) { echo "₹".$price[2];}?></strike></span><span class="pkg-spn1"><?php if ($newprice>0) { echo "₹".$newprice[2];}?></span></h4>
</a>
<form action="add_to_cart.php?id=<?php echo $id[2]?>" method="post">
<div class="def-number-input number-input safari_only pak_input" style="width: 7rem;
margin-top: 13px;">
<a onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></a>
<input class="quantity1" min="1" name="quantity" value="1" type="number">
<a onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></a>
</div>
<div class="add_cart">
<button class="btn btn-carts1" type="submit"><span>ADD TO CART</span></button></form>
</div>
</div></div>
<div class="col-md-3 col-sm-3 col-xs-6 main_pkg1" align="center">
<div class="col-md-12 col-sm-12 col-xs-12 pakg3">
<a href="package-detail.php?id=<?php echo $id[3]?>">
<img src="admin/img/<?php echo $image[3];?>" class="img-responsive pakgimg">
<h3 class="pkg-h"><?php echo $pckgname[3];?></h3>
<span class="pkg-h1">( <?php echo $item[3];?> Items)</span>
<h4><span class="pkg-spn"><strike><?php if ($price>0) { echo "₹".$price[3];}?></strike></span><span class="pkg-spn1"><?php if ($newprice>0) { echo "₹".$newprice[3];}?></span></h4>
</a>
<form action="add_to_cart.php?id=<?php echo $id[3]?>" method="post">
<div class="def-number-input number-input safari_only pak_input" style="width: 7rem;
margin-top: 13px;">
<a onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></a>
<input class="quantity1" min="1" name="quantity" value="1" type="number">
<a onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></a>
</div>
<div class="add_cart">
<button class="btn btn-carts1" type="submit"><span>ADD TO CART</span></button></form>
</div>
</div></div>
<div class="col-md-12 col-sm-12 col-xs-12" align="right">
<a href="package_grid.php">
<button class="btn itembtn1">View All</button>
</a>
</div>
</div>
<div class="container">
<h5 class="cat_head">TOP PRODUCTS</h5>
<div class="row">
<div class="slider-items-products">
<div class="new_title center">
</div>
<div id="related-slider" class="product-flexslider hidden-buttons">
<div class="slider-items slider-width-col4 products-grid">
<?php
include('dbconnect.php');
$sql="select * from product where category_name not in ('Poultry','Fish') and top='1' order by id asc limit 5";
$result=mysqli_query($conn,$sql);
while($row = mysqli_fetch_array($result))
{
?>
<div class="item">
<div class="item-inner">
<div class="">
<div class=""><a href="product-detail.php?id=<?php echo $row['id']?>">
<img src="admin/img/<?php echo $row['file1']; ?>" class="img-responsive ">
<?php
if(!empty($row['discount'])){
?>
<div class="sale-label sale-top-left"><?php echo $row['discount'];?>% off</div>
<?php
}
?>
<div class="col-md-12 col-sm-12 col-xs-12 prdt">
<h4><?php echo $row['product_name']; ?></h4>
<?php
if(empty($row['discount'])){
?>
<p><span><?php if ($row['price']>0) { echo "₹".$row['price'];}?></span></p>
<?php
}
else
{
?>
<h4><span class="price_product"><strike style="font-size:11px;color:#c7c3c3;"><?php if ($row['price']>0) { echo "₹".$row['price'];}?></strike></span><span><?php if ($row['mrp']>0) { echo "₹".$row['mrp'];}?></span> / <span><?php echo $row['weight']; ?></span></h4>
<?php
}
?>
</a>
<form action="add_multipackagecart.php?id=<?php echo $row['id']?>" method="post">
<div class="prd_center" align="center">
<div class="def-number-input number-input safari_only " style="width: 7rem;">
<a onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></a>
<input class="quantity1" min="1" name="quantity" value="1" type="number">
<a onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></a>
</div>
</div>
<button class="btn prdt-btn" type="submit">Buy Now</button>
</form>
</div>
<!-- <div class="new-label new-top-left">Hot</div> -->
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12" align="right">
<a href="product_grid.php">
<button class="btn itembtn1">View All</button>
</a>
</div>
</div>
</div>
</div>
</div>
<section class="farm">
<div class="container">
<div class="row">
<h5 class="cat_head1 marj-adj">BRANDS WE TRUST</h5>
<div class="farmimg">
<div class="col-md-1 col-sm-1 col-xs-1"></div>
<!------ Include the above in your HEAD tag ---------->
<style>
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left; padding:26px; }
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.item { border-bottom: none !important; }
.farm { background: #d2d0ca!important; }
</style>
<div class="container">
<div class="row">
<div class="MultiCarousel" data-items="1,3,5,6" data-slide="1" id="MultiCarousel" data-interval="1000">
<div class="MultiCarousel-inner width-bot">
<div class="item">
<img src="images/Brands/arya organic.jpg" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/24 manthra.png" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/1200px-True_Elements_Logo.svg.png" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/elemts.jpg" class="img-responsive farmimg1">
</div>
<div class="item carousel-item">
<img src="images/Brands/lworld.png" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/narush you.jpg" class="img-responsive farmimg1">
</div><div class="item carousel-item">
<img src="images/Brands/orga ite.jpg" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/organic india.png" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/slurrp.jpg" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/soulfull.jpg" class="img-responsive farmimg1">
</div>
<div class="item carousel-item">
<img src="images/Brands/swad.png" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/tattva.jpg" class="img-responsive farmimg1">
</div>
<div class="item">
<img src="images/Brands/trubio.jpg" class="img-responsive farmimg1">
</div>
</div>
<button class="btn btn-primary leftLst" style="color:white; background:#013969 !important; font-weight:bold"><</button>
<button class="btn btn-primary rightLst" style="color:white; background:#013969 !important; font-weight:bold">></button>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var itemsMainDiv = ('.MultiCarousel');
var itemsDiv = ('.MultiCarousel-inner');
var itemWidth = "";
$('.leftLst, .rightLst').click(function () {
var condition = $(this).hasClass("leftLst");
if (condition)
click(0, this);
else
click(1, this)
});
ResCarouselSize();
$(window).resize(function () {
ResCarouselSize();
});
//this function define the size of the items
function ResCarouselSize() {
var incno = 0;
var dataItems = ("data-items");
var itemClass = ('.item');
var id = 0;
var btnParentSb = '';
var itemsSplit = '';
var sampwidth = $(itemsMainDiv).width();
var bodyWidth = $('body').width();
$(itemsDiv).each(function () {
id = id + 1;
var itemNumbers = $(this).find(itemClass).length;
btnParentSb = $(this).parent().attr(dataItems);
itemsSplit = btnParentSb.split(',');
$(this).parent().attr("id", "MultiCarousel" + id);
if (bodyWidth >= 1200) {
incno = itemsSplit[3];
itemWidth = sampwidth / incno;
}
else if (bodyWidth >= 992) {
incno = itemsSplit[2];
itemWidth = sampwidth / incno;
}
else if (bodyWidth >= 768) {
incno = itemsSplit[1];
itemWidth = sampwidth / incno;
}
else {
incno = itemsSplit[0];
itemWidth = sampwidth / incno;
}
$(this).css({ 'transform': 'translateX(0px)', 'width': itemWidth * itemNumbers });
$(this).find(itemClass).each(function () {
$(this).outerWidth(itemWidth);
});
$(".leftLst").addClass("over");
$(".rightLst").removeClass("over");
});
}
//this function used to move the items
function ResCarousel(e, el, s) {
var leftBtn = ('.leftLst');
var rightBtn = ('.rightLst');
var translateXval = '';
var divStyle = $(el + ' ' + itemsDiv).css('transform');
var values = divStyle.match(/-?[\d\.]+/g);
var xds = Math.abs(values[4]);
if (e == 0) {
translateXval = parseInt(xds) - parseInt(itemWidth * s);
$(el + ' ' + rightBtn).removeClass("over");
if (translateXval <= itemWidth / 2) {
translateXval = 0;
$(el + ' ' + leftBtn).addClass("over");
}
}
else if (e == 1) {
var itemsCondition = $(el).find(itemsDiv).width() - $(el).width();
translateXval = parseInt(xds) + parseInt(itemWidth * s);
$(el + ' ' + leftBtn).removeClass("over");
if (translateXval >= itemsCondition - itemWidth / 2) {
translateXval = itemsCondition;
$(el + ' ' + rightBtn).addClass("over");
}
}
$(el + ' ' + itemsDiv).css('transform', 'translateX(' + -translateXval + 'px)');
}
//It is used to get some elements from btn
function click(ell, ee) {
var Parent = "#" + $(ee).parent().attr("id");
var slide = $(Parent).attr("data-slide");
ResCarousel(ell, Parent, slide);
}
});
</script>
</div>
</section>
<?php
include('footer.php');
?>
</div>
<!--page-->
<!-- Mobile Menu-->
<?php
include('mobile-menu.php');
?>
<a href="#" id="toTop" style="display: block;"><span class="fa fa-arrow-up"></span></a>
<!-- CSS Style -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="stylesheet/revslider.css">
<link rel="stylesheet" type="text/css" href="stylesheet/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="stylesheet/owl.theme.css">
<link rel="stylesheet" type="text/css" href="stylesheet/jquery.bxslider.css">
<link rel="stylesheet" type="text/css" href="stylesheet/jquery.mobile-menu.css">
<link rel="stylesheet" type="text/css" href="stylesheet/responsive.css" media="all">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,600,800,400' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i,900" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<link rel="stylesheet" href="/path/to/flickity.css" media="screen">
<script src="/path/to/flickity.pkgd.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// $(window).load(function(){
// $('.loader').fadeOut("medium");
// });
$(document).ready(function () {
setTimeout(function(){
$('.loader').fadeOut(100);
}, 2500);
});
</script>
</head>
<style type="text/css">
.packimg{
height: 250px;
width: 250px;
}
@media (min-width: 320px) and (max-width: 425px){
.packimg{
height: 150px;
width: 120px;
}
}
</style>
<!-- Hotjar Tracking Code for http://farmcollections.com/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:1871736,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-185162621-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-185162621-1');
</script>
<!-- JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/parallax.js"></script>
<script src="js/revslider.js"></script>
<script src="js/common.js"></script>
<!-- <script src="js/jquery.bxslider.min.js"></script> -->
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.mobile-menu.min.js"></script>
<!-- Hot Deals Timer 1-->
<script type="text/javascript">
$(document).ready(function() {
var id = '#dialog';
// document.body.style.position = 'fixed';
var x=0;
$('#dialog').scroll(function(){
$("span").text( x+= 1);
});
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
// maskHeight=2500;
//Set heigth and width to mask to fill up the whole screen
// $('#mask').css({'width':maskWidth,'height':maskHeight});
//transition effect
$('#mask').fadeIn(500);
$('#mask').fadeTo("slow",0.9);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
// $(id).css('top', winH/2-$(id).height()/2);
// $(id).css('left', 0);
//transition effect
$(id).fadeIn(2000);
//if close button is clicked
$('.postcode').click(function (e) {
//Cancel the link behavior
// e.preventDefault();
// $('#mask').hide();
// $('#boxes').hide();
});
// if mask is clicked
// $('#postcode').click(function () {
// $(this).hide();
// $('.window').hide();
// });
});
</script>
<script >$(document).ready(function(){
$('.customer-logos').slick({
slidesToShow: 6,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 1500,
arrows: false,
dots: false,
pauseOnHover: false,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 6
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 4
}
}]
});
});</script>
<script >$(document).ready(function(){
$('.customer-logo').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
arrows: false,
dots: false,
pauseOnHover: true,
responsive: [{
breakpoint: 2,
settings: {
slidesToShow: 1
}
}, {
breakpoint: 2,
settings: {
slidesToShow: 1
}
}]
});
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 7000); // Change image every 2 seconds
}
});</script>
</body>
</html>
<?php } ?>