Preview: request-free-sample.php
Size: 24.97 KB
/home/justbyquicklly-old/justbyquicklly/www/request-free-sample.php
<?php
if (isset($_GET['sent']) && $_GET['sent'] != '') {
$sent = $_GET['sent'];
}
include("include/config.php");
include("include/functions.php");
if (trim($_COOKIE['url']) != '' && trim($_COOKIE['url']) != ',') {
$urlarr = explode(',', $_COOKIE['url']);
$url = $urlarr[0] . '-' . $urlarr[1];
} else {
$url = '';
}
if (isset($_POST['submitzip']) && $_POST['submitzip'] == 'Submit') {
$zip = mysqli_real_escape_string($GLOBALS['conn'], $_POST['zip']);
$zipstore = $obj->query("select z.storeid,z.state,z.city from tbl_store_zip z left join stores s on z.storeid=s.storeid where (s.by_pass_zipcode=1 OR z.zip='$zip') and s.sectionid like '%1%' and z.zone_status=1 and z.store_status=1 and z.status=1 and s.status=1");
$record = $obj->numRows($zipstore);
if ($record > 0) {
$ziprec = $obj->fetchNextObject($zipstore);
setcookie('postalcode', $zip, time() + (86400 * 30 * 12), "/"); // 86400 = 1 day
if($ziprec->city==''){
$ifcityBlanksql=$obj->query("select city,state from tbl_store_zip where zip='$zip' and city!='' and state!='' and status=1 limit 1");
if($obj->numRows($ifcityBlanksql)>0){
$ziprec = $obj->fetchNextObject($ifcityBlanksql);
setcookie('url', buildURL(str_replace(' ', '-', $ziprec->city)) . ',' . buildURL($ziprec->state), time() + (86400 * 30 * 12), "/");
}else{
setcookie('url', buildURL(str_replace(' ', '-', $ziprec->city)) . ',' . buildURL($ziprec->state), time() + (86400 * 30 * 12), "/");
}
}
header("Location:" . $_SERVER[REQUEST_URI]);
} else {
setcookie('postalcode', $zip, time() + (86400 * 30 * 12), "/"); // 86400 = 1 day
header("Location:" . $_SERVER[REQUEST_URI]);
exit;
}
}
?>
<!DOCTYPE html>
<html lang="en" class=" js no-touch localstorage">
<head>
<title>Request Free Sample</title>
<link rel="shortcut icon" href="/images/favicon.png">
<?php //include_once("metas.php") ?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/stylesheet/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/stylesheet/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/stylesheet/style.css?ver=1.1">
<?php //include("common-head.php"); ?>
<?php include_once("css.php") ?>
<style>
.glyphicon-chevron-left:before {
content: "\f104";
color: #000;
text-shadow: 0 0 black;
}
.glyphicon-chevron-right:before {
content: "\f105";
color: #000;
text-shadow: 0 0 black;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -16px;
}
.mm::after{
content: "";
height: 75%;
display: block;
border-left: 1px solid #333;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-64%);
}
.mmm::after{
content: "";
height: 75%;
display: block;
border-left: 1px solid #333;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-43%);
}
@media (min-width: 992px) {
.col-md-3 {
width: 25%;
height: 111px;
}
}
.class-img{width:100%;}
.mybox:after {
content: '';
position: absolute;
bottom: 0px;
left: 11%;
width: 77%;
border-bottom: 1px solid #000;
}
.page-heading {
padding: 30px 0;
background-size: cover;
border-bottom: 0;
background-repeat: no-repeat;
background-image: url();
margin-top: -80px;
}
.top-heading {
font-size: 32px;
font-weight: 700;
padding: 14px 25px;
margin: 5px 0 0;
display: inline-block;
border: 0px;
line-height: 1.1;
/* font-family: Montserrat, sans-serif; */
/* text-transform: uppercase; */
font: normal normal 600 43px / 63px Karelle DEMO;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;
margin-top: -24px;
margin-bottom: -15px;
}
.group-select label {
/* font-size: 13px; */
/* font-weight: 400; */
/* color: #333; */
font: normal normal 500 14px / 32px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;
}
.group-select li input.input-text, .group-select li textarea {
background: #ffffff;
border: 1px solid #E4E4E4;
padding: 10px;
outline: 0;
width: 98%;
}
.static-contain {
padding: 5px 25px 45px;
position: relative;
margin-top: 0;
background-color: #fff;
border-width: 4px;
border-style: solid;
border-color: #9b2e84 #9b2e84 #9b2e84;
box-shadow:none;
border-radius: 11px;
}
@media (min-width: 327px) and (max-width: 360px) {
.box-heading{
font: normal normal 600 20px / 21px Karelle DEMO!important;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;
}
.contact-info-desktop{
display:none;
}
.contact-info-mobile{
display:block!important;
}
.contact-heading{
font: normal normal 600 20px / 20px Karelle DEMO!important;
}
.top-heading{
font: normal normal 600 27px / 63px Karelle DEMO!important;
}
.carousel-control{}
}
@media only screen and (max-width: 550px) {
.clsMomentsCustomDialog{
width:90%!important;
}
.box-heading{
font: normal normal 600 20px / 21px Karelle DEMO!important;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;
}
.contact-info-desktop{
display:none;
}
.contact-info-mobile{
display:block!important;
}
.contact-heading{
font: normal normal 600 20px / 20px Karelle DEMO!important;
}
.top-heading{
font: normal normal 600 27px / 63px Karelle DEMO!important;
}
.bottom{
display:none;
}
.mobile-slider{
display:block!important;
}
}
@media (min-width: 992px) {
.col-md-7 {
width: 61.333333%;
}
}
@media (max-width: 767px) {
.col-md-3 {
margin-left: 0px !important;
width: 50%;
float: left;
}
.col-md-6 {
margin-left: 0px !important;
width: 50%;
float: left;
}
}
.carousel-control.right{
background-image:none;
background-image:none;
}
.carousel-control.left{
background-image:none;
background-image:none;
}
</style>
</head>
<body>
<?php include("header.php"); ?>
<?php include("cart.php"); ?>
<div id="searchhide" style="background-color:#FFF8F1; padding-bottom: 23px;">
<div class="page-heading">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="page-title">
<span class="contact-heading"></span>
</div>
</div>
</div>
</div>
</div>
<!--<div class="clsPgWidth clsBreadcrumb">
<ul>
<li><a href="<?php echo SITE_URL; ?>">Home</a></li>
<li><h1>Request Free Sample</h1></li>
</ul>
</div>-->
<!-- BEGIN Main Container col2-right -->
<div class="main-container col2-right-layout">
<center> <h3 class="top-heading">Request For Free Sample</h3></center>
<div class="main container">
<div class="row">
<section class="col-main col-sm-7 wow bounceInUp animated animated" style="visibility: visible;">
<div id="messages_product_view" align="center"><p style="color:#006600; font-size:16px"></p></div>
<img style="width:100%;" src="/images/request-free-sample.webp">
<div class="contact-info-desktop" style="text-align: center;">
<h3 style="font: normal normal 600 29px / 43px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1; margin-top: 0px;">Feel Free To Contact Us!</h3>
<p style="font: normal normal 500 17px / 30px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;">Phone Support: +1(224)366-0987</p>
<p style="font: normal normal 500 17px / 12px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: lowercase;
opacity: 1;">Email Us: [email protected]</p>
</div>
</section>
<aside class="col-right sidebar col-sm-5 wow bounceInUp animated animated" style="visibility: visible;">
<form id="main-contact-form" name="contact" method="post" action="freesendemail.php" enctype="multipart/form-data">
<input type="hidden" name="submit" value="yes">
<div class="static-contain">
<h3 class="box-heading" style="
font: normal normal 600 30px/47px Karelle DEMO;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;
">Get A Free Sample</h3>
<fieldset class="group-select">
<ul>
<li id="billing-new-address-form">
<fieldset class="">
<ul>
<li>
<label for="full_name">Full Name*</label>
<br>
<input name="full_name" id="full_name" title="Full Name" placeholder="Your full name" required class="input-text" type="text">
</li>
<li>
<label for="email">Email*</label>
<br>
<input name="email" id="email" title="Email" placeholder="Your email" required class="input-text" type="email">
</li>
<li>
<label for="phone">Phone Number*</label>
<br>
<input name="phone" maxlength="12" onkeypress="return isNumeric(event, true);" id="phone" title="Phone Number" placeholder="Your phone number" required class="input-text" type="text">
</li>
<li>
<label for="organization_name">Organization Name*</label>
<br>
<input name="organization_name" id="organization_name" title="Organization Name" placeholder="Your organization name" required class="input-text" type="text">
</li>
<li>
<label for="position">Your Position*</label>
<br>
<input name="position" id="position" title="Your Position" placeholder="Your Your position" required class="input-text" type="text">
</li>
<li>
<label for="website">Organization Website</label>
<br>
<input name="website" id="website" title="Organization Website" placeholder="Enter website" class="input-text" type="text">
</li>
<li>
<label for="address">Address*</label>
<br>
<input name="address" style="width: 100%;" id="autocomplete" title="Address" placeholder="Enter Address" required class="inpt-w100 complete-address pac-target-input" type="text">
</li>
</ul>
</fieldset>
</li>
<div class="buttons-set" style="margin-top: 15px;">
<button type="submit" style="font: normal normal 400 14px / 27px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
background-color: #9b2e84;
border: solid 1px #9b2e84;
padding: 8px 22px 8px 22px;
border-radius: 4px;" title="Submit">Send Request</button>
</div>
</ul>
</fieldset>
<div id="contact-us-page" ></div>
</div>
</form>
<div class="contact-info-mobile" style="text-align: center;display:none;">
<h3 style="font: normal normal 600 20px / 26px Poppins!important;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1; margin-top:16px;">Feel Free To Contact Us!</h3>
<p style="font: normal normal 500 17px / 30px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;">Phone Support: +1(224)366-0987</p>
<p style="font: normal normal 500 17px / 12px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: lowercase;
opacity: 1;">Email Us: [email protected]</p>
</div>
</aside>
<!--col-right sidebar-->
</div>
<!--row-->
</div>
<!--main-container-inner-->
</div>
<!--main-container col2-left-layout-->
</div>
<div class="bottom container" style="padding-top: 83px;
padding-bottom: 57px;">
<div class="row">
<div class="col-md-4">
<div class="main-div">
<h1 style="font: normal normal 600 27px / 38px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1; margin-top: 0px;">Available At</h1>
<h3 style="font: normal normal 600 45px / 42px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;">1500+</h3>
<p style="font: normal normal 600 18px / 43px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;">Locations</p>
<br>
<a class="find-btn btn-findastore" href="javascript:void(0);" style="background-color: #9b2e84;
padding: 11px 24px 11px 23px;
color: #fff;
border-radius: 4px;">Find a store</a>
</div>
</div>
<div class="col-md-7">
<div class="row">
<div class="col-md-3 mybox">
<div class="class-img mm">
<center> <img style="width:88%; " src="images/marianos.png"></center>
</div>
</div>
<div class="col-md-3 mybox">
<div class="class-img mm">
<center><img style="width:88%;" src="images/fresh-thyme.png"></center>
</div>
</div>
<div class="col-md-3 mybox">
<div class="class-img mm">
<center><img style="width:88%;" src="images/woodmans.png"></center>
</div>
</div>
<div class="col-md-3 mybox">
<div class="class-img ">
<center><img style="width:88%;" src="images/us-food.png"></center>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3"><div class="class-img mmm" style="margin-top: 23px;"><center><img style="width:88%;" src="images/canteen.png"></center></div></div>
<div class="col-md-3"><div class="class-img mmm" style="margin-top: 23px;"><center><img style="width:88%;" src="images/food-buy.png"></center></div></div>
<div class="col-md-3"><div class="class-img mmm" style="margin-top: 23px;"><center><img style="width:88%;" src="images/university.png"></center></div></div>
<div class="col-md-3"><div class="class-img " style="margin-top: 23px;"><center><img style="width:88%;" src="images/aputos.png"></center></div></div>
</div>
</div>
</div>
</div>
<div class="mobile-slider" style="display:none;">
<div class="row">
<div class="col-md-6">
<div class="inside" style="padding-left: 31px;padding-top: 24px;">
<h1 style="font: normal normal 600 20px / 27px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1; margin-top: 0px;">Available At</h1>
<h3 style="font: normal normal 600 30px / 14px Poppins!important;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;">1500+</h3>
<p style="font: normal normal 600 18px / 43px Poppins;
letter-spacing: 0px;
color: #000000;
text-transform: capitalize;
opacity: 1;">Locations</p>
</div>
</div>
<div class="col-md-6" style="padding-right: 50px;
margin-top: 97px;">
<a class="find-btn btn-findastore" href="javascript:void(0);" style="background-color: #9b2e84;
padding: 7px 11px 7px 12px;
color: #fff;
border-radius: 4px;
float: right;
font: normal normal 12px / 22px Poppins !important;">Find a store</a>
</div>
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators --
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>-->
<!-- Wrapper for slides -->
<div class="carousel-inner" style="padding-left: 31px;padding-right: 31px;">
<div class="item active">
<div class="row">
<div class="col-md-3 mybox">
<div class="class-img mm">
<center> <img style="width:88%; " src="images/marianos.png"></center>
</div>
</div>
<div class="col-md-3 mybox">
<div class="class-img">
<center><img style="width:88%;" src="images/fresh-thyme.png"></center>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 ">
<div class="class-img mm">
<center><img style="width:88%;" src="images/canteen.png"></center>
</div>
</div>
<div class="col-md-3 ">
<div class="class-img ">
<center><img style="width:88%;" src="images/food-buy.png"></center>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-md-3 mybox"><div class="class-img mmm"><center><img style="width:88%;" src="images/university.png"></center></div></div>
<div class="col-md-3 mybox"><div class="class-img " ><center><img style="width:88%;" src="images/us-food.png"></center></div></div>
</div>
<div class="row">
<div class="col-md-3"><div class="class-img mmm" ><center><img style="width:88%;" src="images/woodmans.png"></center></div></div>
<div class="col-md-3"><div class="class-img " ><center><img style="width:88%;" src="images/aputos.png"></center></div></div>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only"></span>
</a>
</div>
</div>
<div class="clsDialog" id="dvDialogMoments">
<div class="clsDialog-Box clsMomentsCustomDialog" style="overflow: auto;
min-height:146px !important;
display: block;width: 33%;
"><button type="button" onclick="closePopups();"class="close modalpayment-togglebtn" data-dismiss="modal" aria-label="Close" style="margin-right: 17px;
margin-top: 9px;">
<span aria-hidden="true"><img src="images/icon-sticky-close.svg"></span>
</button>
<div class="momentsuccess" style="padding: 41px;">
<h3 style="font: normal normal 500 16px / 22px Poppins !important;margin-top: 10px; color: #000;"><?=$sent?></h3>
</div>
</div>
</div>
<div class="clearfix"></div><br>
<?php include("footer.php"); ?>
<!-- JavaScript -->
<?php include_once("js.php") ?>
<script type="text/javascript" src="<?php echo getFileVer('js/cart.js'); ?>" ></script>
<?php
if (!isset($_COOKIE['postalcode'])) {
?>
<script>
$(document).ready(function () {
$("#subscribe").toggleClass('show')
});
</script>
<?php
}
?>
<script>
function onSubmitContactUs(token){
$("#main-contact-form").submit();
}
$(document).ready(function() {
if(getCookie("message").trim()!='' && "1"==getCookie("message").trim()){
$(".clsMomentsCustomDialog").show();
$("#dvDialogMoments").show();
setCookie("message","");
/* setTimeout(function(){
$(".clsMomentsCustomDialog").hide();
$("#dvDialogMoments").hide();
},3e3);*/
}
})
function closePopups()
{
$(".clsMomentsCustomDialog").hide();
$("#dvDialogMoments").hide();
}
function isNumeric(evt, allowDot) {
var charCode = (evt.which) ? evt.which : event.keyCode
if ((charCode > 47 && charCode < 58)) //Numeric
return true;
if (allowDot) {
if ((charCode == 46)) //.
return true;
}
return false;
}
</script>
<script>
$(document).ready(function(){
$('#main-contact-form').validate({
rules: {
full_name: {
required:true,
},
email: {
required:true,
email:true,
},
phone: {
required:true,
number:true,
},
organization_name: {
required:true,
},
position: {
required:true,
},
address: {
required:true,
},
},
});});
</script>
</body></html>
Directory Contents
Dirs: 12 × Files: 58