Find a nearest vendor in php Find a nearest vendor in php Find a nearest vendor in php Find a nearest vendor in php Find a nearest vendor in php Find a nearest vendor in php Find a nearest vendor in php

 

Ravindra Yadav ravindrayadav170@yahoo.com

AttachmentsTue, Jun 1, 2021, 2:48 AM
to methe
<?php 
// Initialize shopping cart class 
include_once 'Cart.class.php'; 
$cart = new Cart; 
 
// Include the database config file 
require_once 'include/db_connect.php'; 
?>


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
      <!-- Basic Page Needs -->
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
    <title>Wizym-Templae</title>

    <meta name="author" content="themesflat.com">

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- Bootstrap  -->
    <link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css" >

    <!-- Theme Style -->
    <link rel="stylesheet" type="text/css" href="stylesheets/style.css">

    <!-- Responsive -->
    <link rel="stylesheet" type="text/css" href="stylesheets/responsive.css">

    <!-- Colors -->
    <link rel="stylesheet" type="text/css" href="stylesheets/colors/color1.css" id="colors">

    <!-- Animation Style -->
    <link rel="stylesheet" type="text/css" href="stylesheets/animate.css">

    <!-- Favicon and touch icons  -->
    <link href="icon/icon.png" rel="apple-touch-icon-precomposed" sizes="48x48">
    <link href="icon/icon.png" rel="apple-touch-icon-precomposed">
    <link href="icon/icon.png" rel="shortcut icon">
    <!-- Slider Revolution CSS Files -->
        <link rel="stylesheet" type="text/css" href="rev-slider/css/settings.css">
        <link rel="stylesheet" type="text/css" href="rev-slider/css/layers.css">
        <link rel="stylesheet" type="text/css" href="rev-slider/css/navigation.css">
</head>
<body>
    <div id="loading-overlay">
        <div class="loader"></div>
    </div> <!-- /.loading-overlay -->
    <?php include('include/header.php');?>
     <div class="flat-slider style1">
            <!-- SLIDER -->
            <div class="rev_slider_wrapper fullwidthbanner-container" >
                <div id="rev-slider1" class="rev_slider fullwidthabanner">
                    <ul>
                        <!-- Slide 1 -->
                        <li data-transition="random">
                            <!-- Main Image -->
                            <img src="image/homepage11.jpg" alt="" data-bgposition="center center" data-no-retina>
                            <div class="overlay"></div>

                            <!-- Layers -->
                            <div class="tp-caption tp-resizeme text-ffb922 font-rubik font-weight-500 wellcome"
                            data-x="['left','left','left','center']" data-hoffset="['2','4','4','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['-132','-118','-98','-78']"
                            data-fontsize="['36','20','20','16']"
                            data-lineheight="['48','48','28','14']"
                            data-width="full"
                            data-height="none"
                            data-whitespace="normal"
                            data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                            data-mask_in="x:0px;y:[100%];" 
                            data-mask_out="x:inherit;y:inherit;" 
                            data-start="700" 
                            data-splitin="none" 
                            data-splitout="none" 
                            data-paddingleft= "['3','3','3','3']"
                            data-responsive_offset="on">Welcome to Wizym</div>

                            <div class="tp-caption tp-resizeme font-rubik font-weight-700 best"
                            data-x="['left','left','left','center']" data-hoffset="['-4','-4','-4','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['-60','-60','-50','-40']"
                            data-fontsize="['72','60','40','32']"
                            data-lineheight="['80','80','45','35']"
                            data-width="full"
                            data-height="none"
                            data-whitespace="normal"
                            data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];" 
                            data-mask_out="x:inherit;y:inherit;" 
                            data-start="1000" 
                            data-splitin="none" 
                            data-splitout="none" 
                            data-responsive_offset="on"> <a href="#" class="text-white">Best Of Wine Store</a> </div>

                            <div class="tp-caption tp-resizeme text-white font-rubik font-weight-400 text-wizym"
                            data-x="['left','left','left','center']" data-hoffset="['0','-2','-2','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['27','27','27','17']"
                            data-fontsize="['18','18','16','14']"
                            data-lineheight="['32','32','26','22']"
                            data-width="full"
                            data-height="none"
                            data-whitespace="normal"
                            data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                            data-mask_in="x:0px;y:[100%];" 
                            data-mask_out="x:inherit;y:inherit;" 
                            data-start="1000" 
                            data-splitin="none" 
                            data-splitout="none" 
                            data-responsive_offset="on" 
                            data-paddingright="['550','155','50','2']" >Wizym offers extensive collections of over 2,000 unique wines from prestigious brands to family-owed wineries </div>

                            <div class="tp-caption"
                            data-x="['left','left','left','center']" data-hoffset="['0','-4','-4','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['102','102','92','70']"
                            data-width="full"
                            data-height="none"
                            data-whitespace="normal"
                            data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                            data-mask_in="x:0px;y:[100%];" 
                            data-mask_out="x:inherit;y:inherit;" 
                            data-start="1000" 
                            data-splitin="none" 
                            data-splitout="none" 
                            data-responsive_offset="on" 
                            data-paddingtop= "['50','50','50','50']"
                            data-paddingbottom= "['50','50','50','50']"> <a href="#" class="btn btn-styl button-project">READ MORE</a></div>
                        </li><!-- /End Slide 1 -->

                        <!-- Slide 2 -->
                        <li data-transition="random">
                            <!-- Main Image -->
                            <img src="image/homepage11.jpg" alt="" data-bgposition="center center" data-no-retina>
                            <div class="overlay"></div>

                            <!-- Layers -->
                            <div class="tp-caption tp-resizeme text-ffb922 font-rubik font-weight-500 wellcome"
                            data-x="['left','left','left','center']" data-hoffset="['2','4','4','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['-132','-118','-98','-78']"
                            data-fontsize="['36','20','20','16']"
                            data-lineheight="['48','48','28','14']"
                            data-width="full"
                            data-height="none"
                            data-whitespace="normal"
                            data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                            data-mask_in="x:0px;y:[100%];" 
                            data-mask_out="x:inherit;y:inherit;" 
                            data-start="700" 
                            data-splitin="none" 
                            data-splitout="none" 
                            data-paddingleft= "['3','3','3','3']"
                            data-responsive_offset="on">Welcome to Wizym  </div>

                            <div class="tp-caption tp-resizeme font-rubik font-weight-700 best"
                            data-x="['left','left','left','center']" data-hoffset="['-4','-4','-4','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['-60','-60','-50','-40']"
                            data-fontsize="['72','60','40','32']"
                            data-lineheight="['80','80','45','35']"
                            data-width="full"
                            data-height="none"
                            data-whitespace="normal"
                            data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];" 
                            data-mask_out="x:inherit;y:inherit;" 
                            data-start="1000" 
                            data-splitin="none" 
                            data-splitout="none" 
                            data-responsive_offset="on"> <a href="#" class="text-white">Best Of Wine Store</a> </div>

                            <div class="tp-caption tp-resizeme text-white font-rubik font-weight-400 text-wizym"
                            data-x="['left','left','left','center']" data-hoffset="['0','-2','-2','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['27','27','27','17']"
                            data-fontsize="['18','18','16','14']"
                            data-lineheight="['32','32','26','22']"
                            data-width="full"
                            data-height="none"
                            data-whitespace="normal"
                            data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                            data-mask_in="x:0px;y:[100%];" 
                            data-mask_out="x:inherit;y:inherit;" 
                            data-start="1000" 
                            data-splitin="none" 
                            data-splitout="none" 
                            data-responsive_offset="on" 
                            data-paddingright="['550','155','50','2']" >Wizym offers extensive collections of over 2,000 unique wines from prestigious brands to family-owed wineries </div>

                            <div class="tp-caption"
                            data-x="['left','left','left','center']" data-hoffset="['0','-4','-4','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['102','102','92','70']"
                            data-width="full"
                            data-height="none"
                            data-whitespace="normal"
                            data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" 
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
                            data-mask_in="x:0px;y:[100%];" 
                            data-mask_out="x:inherit;y:inherit;" 
                            data-start="1000" 
                            data-splitin="none" 
                            data-splitout="none" 
                            data-responsive_offset="on" 
                            data-paddingtop= "['50','50','50','50']"
                            data-paddingbottom= "['50','50','50','50']"> <a href="#" class="btn btn-styl button-project">READ MORE</a></div>
                        </li><!-- /End Slide 2 -->
                    </ul>
                </div>
            </div> 
        </div> <!-- /.flat-slider -->
     
<div class="main-homepage-1">    
          <section class="flat-about style1">
                 <div class="container">
                    <div class="row">
                        <div class="col-lg-7 col-12">
                           <div class="image-single">
                               <img src="image/homepage144.png" alt="image">
                           </div>
                        </div> <!-- /col-lg-7 -->
                        <div class="col-lg-5 col-12">
                            <div class="flat-divider margin-top50px"></div>
                            <div class="flat-textbox">
                                <h3 class="textbox-title"><a href="#"> Our Form Wizym </a></h3>
                                <h1 class="textbox-main"><a href="#"> Welcome To Wizym </a></h1>
                                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</p>
                            </div> <!-- /flat-textbox -->
                            <div class="flat-divider margin-top24px"></div>
                            <div class="information">
                                <div class="information-address">
                                    <span>Address:</span>
                                    <span class="information-content">40 Baria Sreet 133/2, NY, US</span>
                                </div>
                                <div class="information-hotline information-bottom">
                                    <span>Hotline:</span>
                                    <span class="information-content">1-677-124-44227</span>
                                </div>
                                <div class="information-open information-bottom">
                                    <span>We're Open</span>
                                    <span class="information-content">Mon-Sun: 9.00 - 20.00</span>
                                </div>
                            </div> <!-- /information -->
                        </div><!-- /col-lg-5 -->
                    </div> <!-- /row-->
                 </div> <!-- /container -->  
          </section> <!-- /flat-about --> 
  
  <section class="flat-about style1">
                 <div class="container">
                    <div class="row">
                        <div class="col-lg-7 col-12">
                           <div class="image-single">
                               <img src="image/homepage144.png" alt="image">
                           </div>
                        </div> <!-- /col-lg-7 -->
                        <div class="col-lg-5 col-12">
                           <div class="zip-container absolute" id="scroll_location" style=" position: absolute;
    min-height: 471px;
    margin-top: -70px; 
    background: #fff;
    width: 100%;
    z-index: 1;
    border-top: 3px solid #fb2524;
    color: #000;
    padding: 30px;">
<h1 class="textbox-main"><a href="#"> Find Wine  shop near you </a></h1>
<div class="colored-box">
<span class="hr-box hr-light-color"></span>
<span class="hr-box hr-dark-color"></span>
</div>
<form method="get" id="checkout_form" action="cartAction.php">
<div class="margin-top-60">
<p class="font-500 searchzip">Search City or Zip</p>
<div class="input-group">
    <input type="hidden" name="action" value="Zipcodeadder">
                <input type="text" class="form-control zip_style" placeholder="Enter City or Zip" id="zip" name="id" value="<?php echo $_SESSION['zip_codee'];?>">
                  <span class="input-group-addon"> 
                 <button class="btn btn-primary" style="padding-bottom:13px;background-color: #fb2524;" onclick="Fetch_zip('hello')">Search</button>
                </span>
            </div>
           
</div>
</form>
<hr class="hr-text" data-content="OR">
<div class="text-center">
<div class="col-md-9 col-sm-12 col-xs-12 col-md-offset-2">
<img src="image/use-your-location.png" class="left location-img">
<p class="font-500 left searchlocation">Use Your Location</p>
</div>
<button class="btn detect-location" id="get-location-btn" style="background-color: #fb2524;
    color: white;
    font-weight: 700;
    padding: 10px 25px !important;
    border-radius: 20px !important;
    text-transform: uppercase;
    margin: 40px auto 0px;
    cursor: pointer;
    transition: all 0.5s;"><span>Use Location</span></button>
    
</div>
</div>
   <?php

$zip = $_SESSION['zip_codee'];
$url = "https://maps.googleapis.com/maps/api/geocode/json?address=".urlencode($zip)."&sensor=false&key=AIzaSyBEN5KbIGYgzK3zAakNJo0FUPMzxPjsZIg&region=IN";
  
$ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_PROXYPORT, 3128);
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
$response = curl_exec($ch);
$response_a = json_decode($response);
       
 $lat = $response_a->results[0]->geometry->location->lat;
  $long = $response_a->results[0]->geometry->location->lng;   
 $sql="SELECT * , SQRT( POW( 69.1 * ( latitude - ".$lat." ) , 2 ) + POW( 69.1  * (".$long." - longitude )  * COS( latitude / 57.3 ) , 2 ) ) AS distance FROM store WHERE store_status = '0' AND store_complete_address NOT LIKE '%".$zip."%' ORDER BY distance ASC LIMIT 1";
$runsql=mysqli_query($conn,$sql);
$fetch_store=mysqli_fetch_array($runsql);
 $storeid=$fetch_store['id'];

?>



   
                        </div><!-- /col-lg-5 -->
                    </div> <!-- /row-->
                 </div> <!-- /container -->  
          </section>
          <section class="flat-our-product our-product-new">
                 <div class="container">
                     <div class="row">
                        <div class="col-lg-12">
                            <div class="title-section">
                                <h3 class="our-product-title"><a href="#"> Our Products </a></h3>
                                <h1 class="our-product-main"><a href="#">Nearest Location <?=$fetch_store['store_location'];?>-<?=$fetch_store['city'];?></a></h1>
                                <div class="our-product-image">
                                     <img src="image/homepage14.png" alt="image">
                                </div>
                            </div> <!-- /title-section --> 
                        </div> <!-- /col-lg-12 --> 
                        <div class="col-12 product-content product-fourcolumn clearfix">
                          <ul class="product clearfix">
  
   <?php 
        // Get products from database 
        $result = $conn->query("SELECT * FROM products WHERE store_id='$storeid' ORDER BY id DESC LIMIT 10"); 
        if($result->num_rows > 0){  
            while($row = $result->fetch_assoc()){ 
        ?>
                              <li class="product-item">
                                  <div class="product-thumb clearfix">
                                      <a href="#" class="product-thumb">
                                          <img src="image/homepage16.png" alt="image">
                                      </a>
                                  </div>
                                  <div class="product-info text-center clearfix">
                                      <span class="product-title"><?php echo $row["name"]; ?></span>
                                      <div class="price">
                                          <ins>
                                              <span class="amount"><i class="fa fa-inr" aria-hidden="true"></i><?php echo ''.number_format($row["price"]).' '; ?></span>
                                          </ins>
                                      </div>
                                  </div>
                                  <div class="product-review">
                                      <div class="add-cart">
                                           <a href="#" class="like1"><i class="fa fa-refresh" aria-hidden="true"></i></a>
                                      </div>
                                      <div class="add-cart">
                                           <a href="#" class="like2"><i class="fa fa-heart-o"></i></a>
                                      </div>
                                      <div class="add-cart">
                                           <a href="cartAction.php?action=addToCart&id=<?php echo $row["id"]; ?>" class="like3"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a>
                                      </div>
                                  </div>
                              </li> <!-- /product-item -->
  
    <?php } }else{ ?>
        <p>Product(s) not found.....</p>
        <?php } ?>
                             
                          </ul>
                        </div> <!-- /product-content -->
                        <div class="elm-btn">
                           <a href="#" class="themesflat-button outline ol-accent margin-top-40 hvr-shutter-out-horizontal">VIEW MORE</a>
                        </div> 
                        
                     </div> <!-- /row --> 
                 </div> <!-- /container --> 
          </section> <!-- /flat-out-product --> 
          <section class="flat-deal-of-the-week style1">
               <div class="container">
                   <div class="row">
                       <div class="col-lg-12">
                            <div class="title-section">
                                <h3 class="our-product-title"><a href="#"> Our Products </a></h3>
                                <h1 class="our-product-main"><a href="#"> Deal Of The Week </a></h1>
                                <div class="our-product-image">
                                     <img src="image/homepage14.png" alt="image">
                                </div>
                            </div> <!-- /title-section -->
                       </div> <!-- /col-lg-12 -->
                       <div class="col-lg-6 col-12">
                            <div class="flat-deal-week">
                                 <img src="image/homepage22.png" alt="image">
                                 <div class="flat-counter count-time" data-day="20" data-month="3" data-year="2019" data-hour="12" data-minute="12" data-second="12">
                                        <div class="counter">
                                             <ul>
                                                 <li class="content-counter">
                                                    <div class="wrap-bg">
                                                        <div class="inner-bg days">
                                                             <div class="numb-count numb" data-from="0" data-to="18" data-speed="2000" data-inviewport="yes">18</div>
                                                             <div class="name-count">Day</div>
                                                        </div>
                                                    </div>
                                                 </li>
                                                 <li class="content-counter">
                                                    <div class="wrap-bg">
                                                        <div class="inner-bg hours">
                                                             <div class="numb-count numb" data-from="0" data-to="11" data-speed="2000" data-inviewport="yes">11</div>
                                                             <div class="name-count">Hour</div>
                                                        </div>
                                                    </div>
                                                 </li>
                                                 <li class="content-counter">
                                                    <div class="wrap-bg">
                                                        <div class="inner-bg minutes">
                                                             <div class="numb-count numb" data-from="0" data-to="14" data-speed="2000" data-inviewport="yes">14</div>
                                                             <div class="name-count">Min</div>
                                                        </div>
                                                    </div>
                                                 </li>
                                                 <li class="content-counter">
                                                    <div class="wrap-bg numb">
                                                        <div class="inner-bg seconds">
                                                             <div class="numb-count numb" data-from="0" data-to="47" data-speed="2000" data-inviewport="yes">47</div>
                                                             <div class="name-count">Sec</div>
                                                        </div>
                                                    </div>
                                                 </li>
                                             </ul>
                                        </div> <!-- /counter -->
                        </div> <!-- /flat-counter -->
                            </div> <!-- /flat-deal-week --> 
                       </div> <!-- /col-lg-6 -->
                       <div class="col-lg-6 col-12">
                           <div class="flat-deal-week-content">
                               <h3 class="deal-week-title"><a href="#"> 51 Eden Valley Riesling 1918</a></h3>
                               <span class="deal-week-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud.</span>
                               <span class="flat-dolar">$22.99</span>
                               <div class="elm-btn">
                                   <a href="#" class="themesflat-button outline ol-accent margin-top-40 hvr-shutter-out-horizontal">BUY NOW</a>
                               </div>
                           </div>
                       </div> <!-- /col-lg-6 -->
                   </div> <!-- /row -->
               </div> <!-- /container -->
          </section> <!-- /flat-deal-our-of-the-week -->
          <section class="flat-products style1 straight ">
                <div class="container">
                    <div class="row straight">
                        <div class="col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="flat-latest mgb-mobi40">
                                <div class="latest-title mb-mgtop0">
                                    <h3><a href="#">Latest Products</a></h3>
                                </div>                                
                                <div class="flat-next">
                                    <a href="#"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                                </div>
                                <article class="post-border post-top">
                                    <div class="featured-post">
                                        <img src="image/homepage28.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> Laboure Chardonnay </a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$19.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                                <article class="post-border post-between">
                                    <div class="featured-post">
                                        <img src="image/homepage29.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> Godiva Chocolates Gift</a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$28.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                                <article class="post-border post-between">
                                    <div class="featured-post">
                                        <img src="image/homepage30.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> Bertrana Cap Insula Red</a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$22.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div> <!-- /col-lg-4 -->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="flat-latest mgb-mobi40">
                                <div class="latest-title title-between">
                                    <h3><a href="#">Top Rated Products</a></h3>
                                </div>                                
                                <div class="flat-next">
                                    <a href="#"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                                </div>
                                <article class="post-border post-top">
                                    <div class="featured-post">
                                        <img src="image/homepage31.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> Red Wine Trio 1988</a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$22.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                                <article class="post-border post-between">
                                    <div class="featured-post">
                                        <img src="image/homepage32.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> Dreaming Wine Trio</a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$28.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                                <article class="post-border post-between">
                                    <div class="featured-post">
                                        <img src="image/homepage33.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> Hall Eighteen Seventy</a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$49.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div> <!-- /col-lg-4 -->
                        <div class="col-lg-4 col-md-4 col-12">
                             <div class="flat-latest">
                                <div class="latest-title title-bottom">
                                    <h3><a href="#">Review Products</a></h3>
                                </div>                                
                                <div class="flat-next">
                                    <a href="#"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
                                </div>
                                <article class="post-border post-top">
                                    <div class="featured-post">
                                        <img src="image/homepage34.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> Brothers Patricia Pinot</a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$24.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                                <article class="post-border post-between">
                                    <div class="featured-post">
                                        <img src="image/homepage35.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> Adelaide Hills Chardonnay</a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$49.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                                <article class="post-border post-between">
                                    <div class="featured-post">
                                        <img src="image/homepage36.png" alt="image">
                                    </div>
                                    <div class="content-post">
                                        <div class="post-title">
                                            <span><a href="#"> 51 Eden Valley Riesling 1918</a></span>
                                        </div>
                                        <div class="post-dolar">
                                            <span>$19.99</span>
                                        </div>
                                        <div class="post-rating">
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                            <i class="fa fa-star" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div> <!-- /col-lg-4 -->
                    </div> <!-- /row -->
                </div> <!-- /container -->
          </section> <!-- /flat-prodcuts -->
          <section class="flat-event style1">
              <div class="container">
                  <div class="row">
                      <div class="col-lg-12">
                            <div class="title-section">
                                <h3 class="our-product-title"><a href="#"> Dont't Miss Anything </a></h3>
                                <h1 class="our-product-main"><a href="#"> Upcoming Events </a></h1>
                                <div class="our-product-image-background">
                                     <img src="image/test.png" alt="image">
                                </div>
                            </div> <!-- /title-section -->
                      </div>
                      <div class="col-lg-12">
                          <div class="flat-carousel-box data-effect clearfix" data-gap="30" data-column="4" data-column2="2" data-column3="1" data-dots= "true" data-auto="false">
                            <div class="owl-carousel">
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">14</h1>
                                            <span>March</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>SunDay: 11.30 - 19.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Adgio Vertical <br>Tasting</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$28.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">18</h1>
                                            <span>March</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Monday: 9.30 - 15.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Reasons To Be <br>Cheerful</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$30.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">27</h1>
                                            <span>April</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Thursday: 9.30 - 11.30 AM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> New Wines For <br>Old?</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$22.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">11</h1>
                                            <span>April</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Friday: 8.00 - 11.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Catering For <br>Higher</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$18.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">14</h1>
                                            <span>March</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>SunDay: 11.30 - 19.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Adgio Vertical <br>Tasting</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$28.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">18</h1>
                                            <span>March</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Monday: 9.30 - 15.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Reasons To Be <br>Cheerful</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$30.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">27</h1>
                                            <span>April</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Thursday: 9.30 - 11.30 AM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> New Wines For <br>Old?</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$22.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">11</h1>
                                            <span>April</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Friday: 8.00 - 11.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Catering For <br>Higher</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$18.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">14</h1>
                                            <span>March</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>SunDay: 11.30 - 19.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Adgio Vertical <br>Tasting</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$28.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">18</h1>
                                            <span>March</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Monday: 9.30 - 15.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Reasons To Be <br>Cheerful</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$30.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">27</h1>
                                            <span>April</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Thursday: 9.30 - 11.30 AM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> New Wines For <br>Old?</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$22.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="team-member">
                                    <div class="team-border">
                                        <div class="team-title">
                                            <h1 class="title">11</h1>
                                            <span>April</span>
                                        </div>
                                        <div class="team-meta">
                                            <span>Friday: 8.00 - 11.30 PM</span>
                                        </div>
                                        <div class="team-content">
                                            <h2><a href="#"> Catering For <br>Higher</a></h2>
                                        </div>
                                        <div class="team-dolar">
                                            <span>$18.99/Per Person</span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- /owl-carouse -->
                          </div> <!-- /flat-carousel-box -->
                      </div> <!-- /col-lg-12 --> 
                  </div> <!-- /row --> 
              </div> <!-- /container --> 
          </section> <!-- /flat-event --> 
          <section class="flat-new-latest style1">
              <div class="container">
                  <div class="row">
                      <div class="col-lg-12">
                          <div class="title-section">
                                <h3 class="our-product-title"><a href="#"> Our Blog </a></h3>
                                <h1 class="our-product-main"><a href="#"> News Latest </a></h1>
                                <div class="our-product-image">
                                     <img src="image/homepage14.png" alt="image">
                                </div>
                            </div> <!-- /title-section -->
                      </div>
                      <div class="col-lg-6 col-12">
                          <article class="post">
                              <div class="featured-post">
                                  <img src="image/homepage44.png" alt="image">
                              </div>
                              <div class="content-post">
                                  <div class="post-title">
                                      <span><a href="#">Restaurant, The Wines</a></span>
                                  </div>
                                  <div class="post-content">
                                      <h3><a href="#">Champagne billecart-Salmon Releases Rare 'Cuvée 200' To Celebrate 200 Years</a></h3>
                                  </div>
                                  <div class="post-meta">
                                      <span><a href="#">May 28, 2018</a></span>
                                  </div>
                                  <div class="post-btn">
                                      <span><a href="#">READ MORE <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></span>
                                  </div>
                              </div>
                          </article>
                      </div>
                      <div class="col-lg-6 col-12">
                          <div class="content-box">
                              <ul>
                                  <li>
                                      <span class="box-heading"><a href="#">The Wines, Grape Wine</a></span>
                                      <h3 class="box-content"><a href="#">World Wine Awards 2018: Full results now available</a></h3>
                                      <span class="box-meta"><a href="#">June 02, 2018</a></span>
                                  </li>
                                  <li class="box-border">
                                      <span class="box-heading"><a href="#">Restaurant, Grape Wine</a></span>
                                      <h3 class="box-content"><a href="#">Taittinger launches Comtes de Champagne 2007</a></h3>
                                      <span class="box-meta"><a href="#">June 08, 2018</a></span>
                                  </li>
                                  <li class="box-border">
                                      <span class="box-heading"><a href="#">The Wines, Rose</a></span>
                                      <h3 class="box-content"><a href="#">Jefford on Monday: "Fine, fresh wines"</a></h3>
                                      <span class="box-meta"><a href="#">June 12, 2018</a></span>
                                  </li>
                                  <li class="box-border">
                                      <span class="box-heading"><a href="#">Bordeaux, Champagne</a></span>
                                      <h3 class="box-content"><a href="#">Colgate-Palmolive renews with Morz in Malaysia</a></h3>
                                      <span class="box-meta"><a href="#">June 19, 2018</a></span>
                                  </li>
                              </ul>
                          </div>
                      </div>
                  </div>
              </div>
          </section> <!-- /flat-latest --> 
</div> <!-- /homepage1 --> 
<?php include('include/footer.php'); ?>
 <a id="scroll-top"><i class="fa fa-angle-right" aria-hidden="true"></i></a> <!-- /#scroll-top -->
 <script>
     function checkout_form(id){
        // alert(id);
         var zip=("#zip").val();
         alert(zip);
         //if(zip!=''){
         // document.getElementById("checkout_form").action = 'cartAction.php?action=Zipcodeadder&id='+zip;
         //}
         event.preventDefault();
     }
     
 </script>
<script>

    

function apply_for()
{  
$('html,body').animate({
            scrollTop: $("#scroll_location").offset().top
        }, 1000);
setTimeout($('.store-section').addClass('display-none'),1000);                   
}
$('.location-detect').click(function(){
$('html,body').animate({
            scrollTop: $(".zip-small").offset().top
        }, 1000);
});


$(document).ready(function() {
$("#get-location-btn").click(function(event)
{
event.preventDefault();
$("#location-lat-long").val("Finding location. Please wait...");
if(navigator.geolocation) 
navigator.geolocation.getCurrentPosition(success);
else 
$("#location-lat-long").val('Your browser doesn\'t support the geolocation api.');
});

$('.location-detect-store').click(function(event){
event.preventDefault();
$("#location-lat-long").val("Finding location. Please wait...");
if(navigator.geolocation) 
navigator.geolocation.getCurrentPosition(success);
else 
$("#location-lat-long").val('Your browser doesn\'t support the geolocation api.');
});

$("#get-location-btn-small").click(function(event)
{
event.preventDefault();
$("#location-lat-long").val("Finding location. Please wait...");
if(navigator.geolocation) 
navigator.geolocation.getCurrentPosition(success);
else 
$("#location-lat-long").val('Your browser doesn\'t support the geolocation api.');
});

function success(position) 
{
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
getAddress(latitude,longitude);
}

function processAddress(address,zip_code) {
//alert(zip_code);
$("#zip").val(zip_code);
          document.getElementById("btn").click();
}

function getAddress(myLatitude,myLongitude) {
var geocoder = new google.maps.Geocoder();
var location = new google.maps.LatLng(myLatitude, myLongitude);
geocoder.geocode({'latLng': location}, function (results, status) {
var array_length = results[0].address_components.length;
var zip_code = results[0].address_components[array_length-1]['long_name'];
if(status == google.maps.GeocoderStatus.OK) {
processAddress(results[0].formatted_address,zip_code);
} else {
  console.log("Geocode failure: " + status);
  return false;
}
});
}
});





</script>



<script src="javascript/jquery.min.js"></script>
<script src="javascript/rev-slider.js"></script>
<script src="javascript/owl.carousel.min.js"></script>
<script src="javascript/jquery-countTo.js"></script>
<script src="javascript/jquery-waypoints.js"></script>
<script src="javascript/bootstrap.min.js"></script>
<script src="javascript/jquery.easing.js"></script>
<script src="javascript/main.js"></script>

 <!-- Slider -->
<script src="rev-slider/js/jquery.themepunch.tools.min.js"></script>
<script src="rev-slider/js/jquery.themepunch.revolution.min.js"></script>
<script src="javascript/rev-slider.js"></script>
<!-- Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading -->  
<script src="rev-slider/js/extensions/revolution.extension.actions.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.migration.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="rev-slider/js/extensions/revolution.extension.video.min.js"></script>

</body>
</html>

Comments