include "hse/param.php"; include "hse/func.php"; include "live.php";<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>= $web_title</title>
<meta name="keywords" content="= $web_keywords">
<meta name="description" content="= $web_desc">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/baguetteBox.css" />
<link rel="stylesheet" type="text/css" href="css/grid-gallery.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<link rel="stylesheet" type="text/css" href="css/swiper.css" />
<link rel="stylesheet" type="text/css" href="css/hover.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.css" />
<link rel="stylesheet" type="text/css" href="css/magic-zoom.css" />
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
</head>
<body>
include 'counter.php';
include 'header.php';
include 'banner.php';
<div class="container">
<div class="row pt-5 pb-5">
<div class="col-lg-12">
<div class="pname">
<h4>Latest Collection</h4>
<h2>New Arrival</h2>
</div>
</div>
</div>
<div class="row">
<div id="new" class="owl-carousel">
$new_qry = mysql_query("select * from tbl_prods order by pid desc limit 8"); if (mysql_num_rows($new_qry) > 0) { while ($npros = mysql_fetch_array($new_qry)) { if ($npros['secid']) { $secid = $npros['secid']; $secQry = mysql_query("select * from tbl_section where secid = " . $secid . " order by ranking"); if (mysql_num_rows($secQry) > 0) { $section_row = mysql_fetch_assoc($secQry); $mid = $section_row['mainid']; $mainQry = mysql_query("SELECT * FROM `tbl_main` WHERE `mainid` = '{$mid}'"); $main_row = mysql_fetch_assoc($mainQry); } } if ($Url_ON == "Yes") { $plink = "" . ROOT . strtolower($main_row['url']) . "/" . strtolower($section_row['url']) . "/" . strtolower($npros['phead']) . ""; } else { $plink = "detail.php?live=" . $npros['mainid'] . "_" . $npros['secid'] . "_" . $npros['catid'] . "_" . $npros['pid'] . ""; }
<div class="item">
<div class="col-lg-3 col-md-4 col-sm-12 pt-3 pb-5" style="max-width: 100%;">
<div class="proMain">
<div class="img-div">
<a href="= $plink"><img src="= ROOTwatermark.php?image== $img_path= $npros['img2']" class="img-fluid"/></a>
</div>
<h4>= $npros['part']</h4>
<a href="= $plink"><h3>= $npros['pname']</h3></a>
</div>
</div>
</div>
} }
</div>
</div>
</div>
<div class="container-fluid bg-1">
<div class="row pt-5 pb-5">
<div class="col-lg-12">
<div class="pname">
<h4>Explore The Categories</h4>
<h2>What We Offer</h2>
</div>
</div>
</div>
<div class="row">
<div id="cate" class="owl-carousel">
$row = 0; $ssow = ""; $mlink = ""; $a = 1; $QRY = qry_run("select * from tbl_main where pshow = 'Yes' order by ranking limit 8"); if (num_rec($QRY) > 0) { $p = 1; $No = 0; while ($rs = fetch_rec($QRY)) { $No++; $QRYs = qry_run("select * from tbl_section where mainid = " . $rs['mainid'] . " order by ranking"); if (num_rec($QRYs) > 0) { $ssow = "Yes"; } else { $ssow = "No"; } $rss = fetch_rec($QRYs); if ($Url_ON == "Yes") { if ($ssow == "Yes") { $mlinks = "" . ROOT . "" . strtolower($rs['url']) . "/" . strtolower($rss['url']) . ""; } else { $mlinks = "" . ROOT . "" . strtolower($rs['url']) . ""; } } else { if ($ssow == "Yes") { $mlinks = "products.php?live=" . $rs['mainid'] . "_" . $rss['secid'] . "_0_0"; } else { $mlinks = "products.php?live=" . $rs['mainid'] . "_0_0_0"; } }
<div class="item">
<div class="col-lg-4 col-md-4 col-sm-12 mt-3 cus-p" style="max-width: 100%;">
<div class="pmain">
<img src="= ROOT= $img_path= $rs['img1']" class="img-fluid img-pmain"/>
<div class="p-overlay">
<div class="ptext-area">
<h5>= $web_title</h5>
<h3>= $rs['pname']</h3>
<a href="= $mlinks"><button>Read More</button></a>
<h2>0= $No</h2>
<img src="img/logos.png" class="img-logo"/>
</div>
</div>
</div>
</div>
</div>
} }
</div>
</div>
</div>
<div class="container-fluid cat-pad bg-1">
<section class="slider-section">
<h1 class="categories-title">Top Categories</h1>
<div class="slider-container" style = "pading-right: 40px;">
<div class="cards slider">
$row = 0; $ssow = ""; $mlink = ""; $a = 1; $QRY = qry_run("select * from tbl_main where mainid = '1' order by ranking"); if (num_rec($QRY) > 0) { $p = 1; while ($rs = fetch_rec($QRY)) { $QRYs = qry_run("select * from tbl_section where mainid = " . $rs['mainid'] . " order by ranking"); if (num_rec($QRYs) > 0) { $ssow = "Yes"; } else { $ssow = "No"; } $rss = fetch_rec($QRYs); if ($Url_ON == "Yes") { if ($ssow == "Yes") { $mlinks = "" . ROOT . "" . $rs['url'] . "/" . $rss['url'] . ""; } else { $mlinks = "" . ROOT . "" . $rs['url'] . ""; } } else { if ($ssow == "Yes") { $mlinks = "products.php?live=" . $rs['mainid'] . "_" . $rss['secid'] . "_0_0"; } else { $mlinks = "products.php?live=" . $rs['mainid'] . "_0_0_0"; } }
if ($ssow == 'Yes') {
$QRYsc = qry_run("select * from tbl_section where mainid = " . $rs['mainid'] . " order by ranking limit 15"); while ($rsc = fetch_rec($QRYsc)) { if ($Url_ON == "Yes") { $slinks = "" . ROOT . "" . $rs['url'] . "/" . $rsc['url'] . ""; } else { $slinks = "products.php?live=" . $rsc['mainid'] . "_" . $rsc['secid'] . "_0_0"; }
<a href="= $slinks">
<div class="card-outter slider-item">
<div class="card1" style= "background-image: url(= ROOT= $img_path= $rsc['img1'])">
<div class = "card-slider-logo-container">
<h4 class="card-slider-logo">= $rsc['pname']</h4>
</div>
<div class="p-overlay1"></div>
<div class="card-slider-overlay"></div>
</div>
</div>
</a>
}
}
} }
</div>
<div class="slider-indicator-bar">
<div class="slider-indicator"></div>
</div>
</div>
</section>
</div>
<div class="about-bg">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 mt-3">
<div class="pname2">
<h4>What We Does - ABOUT US</h4>
<h2>Welcome to<br> = $web_title</h2>
<p class="pt-3 pb-3">= substr(dynamics(6), 0, 403) ...</p>
<a href="about.php"><button class="hvr-sweep-to-right">View More</button></a>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 mt-3">
<div class="about-img about-img1">
<img src="img/faq-banner.png" class="img-fluid"/>
</div>
</div>
</div>
</div>
</div>
$row = 0; $ssow = ""; $mlink = ""; $a = 1; $QRY = qry_run("select * from tbl_main where pshow = 'Yes' AND mainid = '1'"); if (num_rec($QRY) > 0) { $p = 1; $No = 0; while ($rs = fetch_rec($QRY)) { $No++; $QRYs = qry_run("select * from tbl_section where mainid = " . $rs['mainid'] . " order by ranking"); if (num_rec($QRYs) > 0) { $ssow = "Yes"; } else { $ssow = "No"; } $rss = fetch_rec($QRYs); if ($Url_ON == "Yes") { if ($ssow == "Yes") { $mlinks = "" . ROOT . "" . strtolower($rs['url']) . "/" . strtolower($rss['url']) . ""; } else { $mlinks = "" . ROOT . "" . strtolower($rs['url']) . ""; } } else { if ($ssow == "Yes") { $mlinks = "products.php?live=" . $rs['mainid'] . "_" . $rss['secid'] . "_0_0"; } else { $mlinks = "products.php?live=" . $rs['mainid'] . "_0_0_0"; } }
<div class="bg-uni">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="pname1">
<h4>WHAT'S TRENDING</h4>
<h2>= $rs['pname']!</h2>
<p class="">= $rs['pdetail']</p>
<a href="= $mlinks"><button class="hvr-sweep-to-right">View More</button></a>
</div>
</div>
</div>
</div>
</div>
} }
<div class="container">
<div class="row pt-5 pb-5">
<div class="col-lg-12">
<div class="pname">
<h4>Trending Products</h4>
<h2>Best Products</h2>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-lg-12">
<div class="tab-container1">
<div class="tabe" onclick="openTab('tab1')">Protective</div>
<div class="tabe" onclick="openTab('tab2')">Safetywear</div>
<div class="tabe" onclick="openTab('tab3')">Beekeeping</div>
</div>
<div class="pros-area pt-5">
<div id="tab1" class="tab-content1 active-content1">
<div class="row">
<div id="data1" class="owl-carousel">
$new_qry = mysql_query("select * from tbl_prods where mainid ='1' order by rand() limit 8"); if (mysql_num_rows($new_qry) > 0) { while ($npros = mysql_fetch_array($new_qry)) { if ($npros['secid']) { $secid = $npros['secid']; $secQry = mysql_query("select * from tbl_section where secid = " . $secid . " order by ranking"); if (mysql_num_rows($secQry) > 0) { $section_row = mysql_fetch_assoc($secQry); $mid = $section_row['mainid']; $mainQry = mysql_query("SELECT * FROM `tbl_main` WHERE `mainid` = '{$mid}'"); $main_row = mysql_fetch_assoc($mainQry); } } if ($Url_ON == "Yes") { $plink = "" . ROOT . strtolower($main_row['url']) . "/" . strtolower($section_row['url']) . "/" . strtolower($npros['phead']) . ""; } else { $plink = "detail.php?live=" . $npros['mainid'] . "_" . $npros['secid'] . "_" . $npros['catid'] . "_" . $npros['pid'] . ""; }
<div class="item">
<div class="col-lg-3 col-md-4 col-sm-12 pt-3 pb-5" style="max-width: 100%;">
<div class="proMain">
<div class="img-div">
<a href="= $plink"><img src="= ROOTwatermark.php?image== $img_path= $npros['img2']" class="img-fluid"/></a>
</div>
<h4>= $npros['part']</h4>
<a href="= $plink"><h3>= $npros['pname']</h3></a>
</div>
</div>
</div>
} }
</div>
</div>
</div>
<div id="tab2" class="tab-content1">
<div class="row">
<div id="data2" class="owl-carousel">
$new_qry = mysql_query("select * from tbl_prods where mainid ='4' order by rand() limit 8"); if (mysql_num_rows($new_qry) > 0) { while ($npros = mysql_fetch_array($new_qry)) { if ($npros['secid']) { $secid = $npros['secid']; $secQry = mysql_query("select * from tbl_section where secid = " . $secid . " order by ranking"); if (mysql_num_rows($secQry) > 0) { $section_row = mysql_fetch_assoc($secQry); $mid = $section_row['mainid']; $mainQry = mysql_query("SELECT * FROM `tbl_main` WHERE `mainid` = '{$mid}'"); $main_row = mysql_fetch_assoc($mainQry); } } if ($Url_ON == "Yes") { $plink = "" . ROOT . strtolower($main_row['url']) . "/" . strtolower($section_row['url']) . "/" . strtolower($npros['phead']) . ""; } else { $plink = "detail.php?live=" . $npros['mainid'] . "_" . $npros['secid'] . "_" . $npros['catid'] . "_" . $npros['pid'] . ""; }
<div class="item">
<div class="col-lg-3 col-md-4 col-sm-12 pt-3 pb-5" style="max-width: 100%;">
<div class="proMain">
<div class="img-div">
<a href="= $plink"><img src="= ROOTwatermark.php?image== $img_path= $npros['img2']" class="img-fluid"/></a>
</div>
<h4>= $npros['part']</h4>
<a href="= $plink"><h3>= $npros['pname']</h3></a>
</div>
</div>
</div>
} }
</div>
</div>
</div>
<div id="tab3" class="tab-content1">
<div class="row">
<div id="data3" class="owl-carousel">
$new_qry = mysql_query("select * from tbl_prods where mainid ='6' order by rand() limit 8"); if (mysql_num_rows($new_qry) > 0) { while ($npros = mysql_fetch_array($new_qry)) { if ($npros['secid']) { $secid = $npros['secid']; $secQry = mysql_query("select * from tbl_section where secid = " . $secid . " order by ranking"); if (mysql_num_rows($secQry) > 0) { $section_row = mysql_fetch_assoc($secQry); $mid = $section_row['mainid']; $mainQry = mysql_query("SELECT * FROM `tbl_main` WHERE `mainid` = '{$mid}'"); $main_row = mysql_fetch_assoc($mainQry); } } if ($Url_ON == "Yes") { $plink = "" . ROOT . strtolower($main_row['url']) . "/" . strtolower($section_row['url']) . "/" . strtolower($npros['phead']) . ""; } else { $plink = "detail.php?live=" . $npros['mainid'] . "_" . $npros['secid'] . "_" . $npros['catid'] . "_" . $npros['pid'] . ""; }
<div class="item">
<div class="col-lg-3 col-md-4 col-sm-12 pt-3 pb-5" style="max-width: 100%;">
<div class="proMain">
<div class="img-div">
<a href="= $plink"><img src="= ROOTwatermark.php?image== $img_path= $npros['img2']" class="img-fluid"/></a>
</div>
<h4>= $npros['part']</h4>
<a href="= $plink"><h3>= $npros['pname']</h3></a>
</div>
</div>
</div>
} }
</div>
</div>
</div>
</div>
<script>
function openTab(tabId) {
// Hide all tab contents
var tabContents = document.getElementsByClassName('tab-content1');
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].style.display = 'none';
}
// Remove 'active-tab' class from all tabs
var tabs = document.getElementsByClassName('tabe');
for (var i = 0; i < tabs.length; i++) {
tabs[i].classList.remove('active-tab1');
}
// Show the selected tab content and mark it as active
document.getElementById(tabId).style.display = 'block';
document.querySelector('[onclick="openTab(\'' + tabId + '\')"]').classList.add('active-tab1');
}
</script>
</div>
</div>
</div>
<div class="video-bg">
<div class="rider-sr">
<button type="button" data-toggle="modal" class="buttonvideo" data-src="https://www.youtube.com/embed/Jfrjeg26Cwk" data-target="#myModal">
<i class="fa fa-play" aria-hidden="true"></i>
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content dg-modal">
<div class="modal-body">
<button type="button" class="close2" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/MPLAxM0YnrI?si=XUzVvVG6ZVdE1CLD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
$row = 0; $ssow = ""; $mlink = ""; $a = 1; $QRY = qry_run("select * from tbl_main where pshow = 'Yes' AND mainid = '4'"); if (num_rec($QRY) > 0) { $p = 1; $No = 0; while ($rs = fetch_rec($QRY)) { $No++; $QRYs = qry_run("select * from tbl_section where mainid = " . $rs['mainid'] . " order by ranking"); if (num_rec($QRYs) > 0) { $ssow = "Yes"; } else { $ssow = "No"; } $rss = fetch_rec($QRYs); if ($Url_ON == "Yes") { if ($ssow == "Yes") { $mlinks = "" . ROOT . "" . strtolower($rs['url']) . "/" . strtolower($rss['url']) . ""; } else { $mlinks = "" . ROOT . "" . strtolower($rs['url']) . ""; } } else { if ($ssow == "Yes") { $mlinks = "products.php?live=" . $rs['mainid'] . "_" . $rss['secid'] . "_0_0"; } else { $mlinks = "products.php?live=" . $rs['mainid'] . "_0_0_0"; } }
<div class="bg-uni2">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="pname1">
<h4>WHAT'S TRENDING</h4>
<h2>= $rs['pname']!</h2>
<p class="">= $rs['pdetail']</p>
<a href="= $mlinks"><button class="hvr-sweep-to-right">View More</button></a>
</div>
</div>
</div>
</div>
</div>
} }
<div class="bg-1">
<div class="container pt-5 pb-5">
<div class="row pt-5 pb-5">
<div class="col-lg-6 col-md-6 col-sm-12 mt-3">
<div class="about-img">
<img src="img/faq.jpg" class="img-fluid"/>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 mt-3">
<div class="pname2">
<h4>Have a Question?</h4>
<h2>FAQs</h2>
<div class="faq-container mt-4">
<div class="faq">
<div class="faq-question" onclick="toggleFaq(this)">
<span>What is your return policy?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>We offer a 30-day return policy. Please contact our support for more details.</p>
</div>
</div>
<div class="faq">
<div class="faq-question" onclick="toggleFaq(this)">
<span>How do I track my order?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>You can track your order using the tracking number provided in your order confirmation email.</p>
</div>
</div>
<div class="faq">
<div class="faq-question" onclick="toggleFaq(this)">
<span>Do you ship internationally?</span>
<span class="faq-toggle">+</span>
</div>
<div class="faq-answer">
<p>Yes, we ship to many countries worldwide. Please contact us for more information.</p>
</div>
</div>
</div>
<script>
function toggleFaq(element) {
const currentlyOpen = document.querySelector('.faq.open');
if (currentlyOpen && currentlyOpen !== element.parentNode) {
currentlyOpen.classList.remove('open');
}
element.parentNode.classList.toggle('open');
}
</script>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row pt-5">
<div class="col-lg-12">
<div class="pname">
<h4>Certificates</h4>
<h2>Recognition</h2>
</div>
</div>
</div>
<div class="row pb-5">
<div id="certia" class="owl-carousel">
<div class="item">
<div class="col-lg-2 col-md-3 col-6 cus-p pt-5 pb-5" style="max-width: 100%;">
<div class="certi-area">
<img src="img/Chamber.png" class="img-fluid"/>
</div>
</div>
</div>
<div class="item">
<div class="col-lg-2 col-md-3 col-6 cus-p pt-5 pb-5" style="max-width: 100%;">
<div class="certi-area">
<img src="img/pgmea.png" class="img-fluid"/>
</div>
</div>
</div>
<div class="item">
<div class="col-lg-2 col-md-3 col-6 cus-p pt-5 pb-5" style="max-width: 100%;">
<div class="certi-area">
<img src="img/PSGMEA.png" class="img-fluid"/>
</div>
</div>
</div>
<div class="item">
<div class="col-lg-2 col-md-3 col-6 cus-p pt-5 pb-5" style="max-width: 100%;">
<div class="certi-area">
<img src="img/fbr.png" class="img-fluid"/>
</div>
</div>
</div>
<div class="item">
<div class="col-lg-2 col-md-3 col-6 cus-p pt-5 pb-5" style="max-width: 100%;">
<div class="certi-area">
<img src="img/ce.png" class="img-fluid"/>
</div>
</div>
</div>
<div class="item">
<div class="col-lg-2 col-md-3 col-6 cus-p pt-5 pb-5" style="max-width: 100%;">
<div class="certi-area">
<img src="img/iso.png" class="img-fluid"/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="feature-bg">
<div class="container">
<div class="row pt-5 pb-5">
<div class="col-lg-12">
<div class="pname">
<h4>Hot Products</h4>
<h1>Featured Products</h1>
</div>
</div>
</div>
<div class="row pt-3 pb-5">
<div id="featured" class="owl-carousel">
$new_qry = mysql_query("select * from tbl_prods order by rand() limit 8"); if (mysql_num_rows($new_qry) > 0) { while ($npros = mysql_fetch_array($new_qry)) { if ($npros['secid']) { $secid = $npros['secid']; $secQry = mysql_query("select * from tbl_section where secid = " . $secid . " order by ranking"); if (mysql_num_rows($secQry) > 0) { $section_row = mysql_fetch_assoc($secQry); $mid = $section_row['mainid']; $mainQry = mysql_query("SELECT * FROM `tbl_main` WHERE `mainid` = '{$mid}'"); $main_row = mysql_fetch_assoc($mainQry); } } if ($Url_ON == "Yes") { $plink = "" . ROOT . strtolower($main_row['url']) . "/" . strtolower($section_row['url']) . "/" . strtolower($npros['phead']) . ""; } else { $plink = "detail.php?live=" . $npros['mainid'] . "_" . $npros['secid'] . "_" . $npros['catid'] . "_" . $npros['pid'] . ""; }
<div class="item">
<div class="col-lg-3 col-md-4 col-sm-12 pt-3 pb-5" style="max-width: 100%;">
<div class="proMain">
<div class="img-div">
<a href="= $plink"><img src="= ROOTwatermark.php?image== $img_path= $npros['img2']" class="img-fluid"/></a>
</div>
<h4>= $npros['part']</h4>
<a href="= $plink"><h2>= $npros['pname']</h2></a>
</div>
</div>
</div>
} }
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row pt-5 pb-5">
<div class="col-lg-12">
<div class="pname">
<h4>Exhibition</h4>
<h2>Production</h2>
</div>
</div>
</div>
<div class="row gallery-block grid-gallery" style="padding-bottom: 0 !important;">
$QRY = qry_run("SELECT * FROM tbl_faqs WHERE Mid = '1' ORDER BY mainid ASC LIMIT 4"); if (num_rec($QRY) > 0) { $p = 0; while ($rs = fetch_rec($QRY)) {
<div class="col-lg-3 col-md-4 col-6 cus-p">
<div class="gallery-area">
<a class="lightbox" href="= ROOT= $img_path= $rs['img1']"><i class="fa fa-search-plus" aria-hidden="true"></i></a>
<img src="= ROOT= $img_path= $rs['img1']" class="img-g img-fluid"/>
</div>
</div>
} }
</div>
<div class="row pt-3 pb-3">
<div class="col-lg-12">
<div class="button-more">
<a href="gallery.php"><button class="about-btn1 hvr-sweep-to-right">Veiw More <i class="fa fa-arrow-right" aria-hidden="true"></i></button></a>
</div>
</div>
</div>
</div>
<div class="bg-1">
<div class=""></div>
</div>
include 'footer.php';
<div class="confirm-email">
if (isset($_REQUEST['id']) && $_REQUEST['id'] == 101) {
<div class="alert alert-success alert-dismissible">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
Thank You! you're successfully subscribed..
</div>
}
if (isset($_REQUEST['id']) && $_REQUEST['id'] == 100) {
<div class="alert alert-danger alert-dismissible">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
Please Fill Requied Fiels
</div>
}
</div>
<script type="text/javascript" src="js/3.4.1-jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/magiczoom.js"></script>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<script src="js/index.js"></script>
<script type="text/javascript" src="js/baguetteBox.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<script>
baguetteBox.run('.grid-gallery', {
animation: 'slideIn'
});
</script>
<script>
const THRESHOLD = 20;
class SwipeSlider {
constructor(slider) {
this.startX = 0;
this.oldX = 0;
this.position = 0;
this.snapPosition = 0;
this.isDown = false;
this.userHasSwiped = false;
// Init
this.cacheElements(slider);
this.setDimensions();
this.setIndicator();
this.bindHandlers();
this.startAutoSlide();
}
cacheElements(slider) {
this.slider = slider;
this.items = this.slider.querySelectorAll('.slider-item');
this.indicator = slider.parentNode.querySelector('.slider-indicator');
this.indicatorBar = slider.parentNode.querySelector('.slider-indicator-bar');
}
setDimensions() {
const spacing = 20; // TODO: get dynamically
const sliderWidth = this.slider.offsetWidth;
const itemWidth = this.items[0].offsetWidth;
const itemsWidth = this.items.length * itemWidth;
this.itemWidth = itemWidth;
this.maxAllowedW = sliderWidth < itemsWidth ? sliderWidth - itemsWidth - spacing : 0;
}
setIndicator() {
if (!this.indicator)
return;
const times = (this.items.length * this.itemWidth) / this.slider.offsetWidth;
const length = this.indicatorBar.offsetWidth / times;
this.indicator.style.width = `${length}px`;
}
// Calculate
calculateBoundaries(position, bounce = true) {
const bounceMargin = bounce ? this.itemWidth / 4 : 0;
if (position > bounceMargin)
return bounceMargin;
if (position < this.maxAllowedW - bounceMargin)
return this.maxAllowedW - bounceMargin;
return position;
}
calculateSnapPosition(position, swipeNext) {
let snapPosition = (~~(position / this.itemWidth) - swipeNext) * this.itemWidth;
if (snapPosition < this.maxAllowedW)
snapPosition = this.maxAllowedW;
return snapPosition;
}
moveIndicator(currPos) {
if (!this.indicator)
return;
const indicatorPos = this.indicatorBar.offsetWidth - this.indicator.offsetWidth;
const position = this.mapToRange(currPos, 0, this.maxAllowedW, 0, indicatorPos);
this.indicator.style.left = `${position}px`;
}
// Helpers
mapToRange(num, inMin, inMax, outMin, outMax) {
return ((num - inMin) * (outMax - outMin)) / ((inMax - inMin) + outMin);
}
// Handlers
bindHandlers() {
// TODO: maybe add mousedwon and touchstart listeners here. Then add inside them
// only the relevant move / end listeners (touch or mouse), and remove them on end
this.slider.addEventListener('touchstart', (e) => this.handleTouchStart(e));
this.slider.addEventListener('touchmove', (e) => this.handleTouchMove(e));
this.slider.addEventListener('touchend', (e) => this.handleEnd(e));
this.slider.addEventListener('mousedown', (e) => this.handleMouseStart(e));
this.slider.addEventListener('mousemove', (e) => this.handleMouseMove(e));
this.slider.addEventListener('mouseup', (e) => this.handleEnd(e));
this.slider.addEventListener('mouseleave', (e) => this.handleEnd(e));
this.slider.addEventListener('wheel', (e) => this.handleWheel(e));
this.slider.addEventListener('click', (e) => this.handleClick(e));
window.addEventListener('resize', () => this.handleResize());
}
// Start
handleTouchStart(e) {
if (e.touches.length > 1)
return;
this.handleStart(e);
}
handleMouseStart(e) {
e.preventDefault();
this.handleStart(e);
}
handleStart(e) {
this.isDown = true;
this.userHasSwiped = false;
this.position = this.snapPosition;
this.startX = (e.pageX || e.touches[0].pageX) - this.slider.offsetLeft;
this.slider.classList.add('active');
}
// Move
handleTouchMove(e) {
if (e.touches.length > 1)
return;
this.handleMove(e);
}
handleMouseMove(e) {
e.preventDefault();
this.handleMove(e);
}
handleMove(e) {
if (!this.isDown)
return;
const pageX = e.pageX || e.touches[0].pageX;
const currX = pageX - this.slider.offsetLeft;
const dist = currX - this.startX;
if (Math.abs(dist) < THRESHOLD)
return;
const swipeNext = this.oldX - currX < 0 ? 0 : 1; // Swipe direction
const accelerate = this.mapToRange(Math.abs(dist), THRESHOLD, window.innerWidth, 1, 3);
const position = this.calculateBoundaries(this.position + (dist * accelerate));
e.preventDefault();
this.userHasSwiped = true;
this.snapPosition = this.calculateSnapPosition(position, swipeNext);
this.oldX = currX;
this.moveIndicator(this.snapPosition);
this.slider.setAttribute('style', `transform: translate3d(${position}px, 0, 0)`);
}
// End
handleEnd() {
this.isDown = false;
this.slider.classList.remove('active');
this.slider.setAttribute('style', `transform: translate3d(${this.snapPosition}px, 0, 0)`);
}
// Other Handlers
handleWheel(e) {
if (Math.abs(e.deltaX) < THRESHOLD)
return;
const step = 40;
const sp = this.snapPosition + (step * Math.sign(e.deltaX));
this.slider.classList.add('active'); // Will be removed on mouseleave
this.snapPosition = this.calculateBoundaries(sp, false);
this.slider.setAttribute('style', `transform: translate3d(${this.snapPosition}px, 0, 0)`);
this.moveIndicator(this.snapPosition);
}
handleResize() {
this.setIndicator();
this.setDimensions();
// TODO: Reposition slider at the right of the window,
// when resizing and a slider has reached its end position
}
handleClick(e) {
if (!this.userHasSwiped)
return;
e.preventDefault(); // Disallow click while swiping
this.userHasSwiped = false;
}
// Auto Slide
startAutoSlide() {
setInterval(() => {
this.autoSlide();
}, 4000);
}
autoSlide() {
let nextPosition = this.snapPosition - this.itemWidth;
if (nextPosition < this.maxAllowedW) {
nextPosition = 0;
}
this.snapPosition = this.calculateBoundaries(nextPosition, false);
this.slider.setAttribute('style', `transform: translate3d(${this.snapPosition}px, 0, 0)`);
this.moveIndicator(this.snapPosition);
}
}
const sliders = document.querySelectorAll('.slider');
sliders.forEach((slider) => {
new SwipeSlider(slider)
});
</script>
<script>
$(window).on('load', function () {
$('#loading').hide();
})
</script>
<script>
$(document).ready(function () {
$('#certia').owlCarousel({
margin: 10,
dots: false,
loop: true,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['', ''],
responsiveClass: true,
responsive: {
0: {
items: 2,
nav: true
},
600: {
items: 2,
nav: false
},
768: {
items: 4,
nav: false
},
1000: {
items: 6,
nav: true,
loop: true
}
}
});
});
</script>
<script>
$(document).ready(function () {
$('#new').owlCarousel({
margin: 10,
dots: false,
loop: true,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['', ''],
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
768: {
items: 3,
nav: false
},
1000: {
items: 4,
nav: true,
loop: true
}
}
});
});
</script>
<script>
$(document).ready(function () {
$('#cate').owlCarousel({
margin: 0,
dots: false,
loop: true,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['', ''],
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
768: {
items: 3,
nav: false
},
1000: {
items: 3,
nav: true,
loop: true
}
}
});
});
</script>
<script>
$(document).ready(function () {
$('#best').owlCarousel({
margin: 10,
dots: false,
loop: true,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['', ''],
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
768: {
items: 3,
nav: false
},
1000: {
items: 4,
nav: true,
loop: true
}
}
});
});
</script>
<script>
$(document).ready(function () {
$('#data1').owlCarousel({
margin: 10,
dots: false,
loop: true,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['', ''],
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
768: {
items: 3,
nav: false
},
1000: {
items: 4,
nav: true,
loop: true
}
}
});
});
</script>
<script>
$(document).ready(function () {
$('#data2').owlCarousel({
margin: 10,
dots: false,
loop: true,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['', ''],
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
768: {
items: 3,
nav: false
},
1000: {
items: 4,
nav: true,
loop: true
}
}
});
});
</script>
<script>
$(document).ready(function () {
$('#data3').owlCarousel({
margin: 10,
dots: false,
loop: true,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['', ''],
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
768: {
items: 3,
nav: false
},
1000: {
items: 4,
nav: true,
loop: true
}
}
});
});
</script>
<script>
$(document).ready(function () {
$('#featured').owlCarousel({
margin: 10,
dots: false,
loop: true,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['', ''],
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true
},
600: {
items: 2,
nav: false
},
768: {
items: 3,
nav: false
},
1000: {
items: 4,
nav: true,
loop: true
}
}
});
});
</script>
<script>
$(document).ready(function () {
var owl = $('#choose');
owl.owlCarousel({
loop: true,
margin: 10,
dots: false,
autoplay: true,
slideSpeed: 2000,
nav: false,
navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
items: 1
});
// Custom Button
$('.customNextBtn').click(function () {
owl.trigger('next.owl.carousel');
});
$('.customPreviousBtn').click(function () {
owl.trigger('prev.owl.carousel');
});
});
</script>
<script>
$(document).ready(function () {
var owl = $('#testi');
owl.owlCarousel({
margin: 10,
dots: false,
loop: true,
autoplay: true,
// slideSpeed:200,
autoplayTimeout: 3900,
navText: [" ", " "],
responsiveClass: true,
items: 1,
});
// Custom Button
$('.customNextBtn').click(function () {
owl.trigger('next.owl.carousel');
});
$('.customPreviousBtn').click(function () {
owl.trigger('prev.owl.carousel');
});
});
</script>
<script>
$('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
if (!$(this).next().hasClass('show')) {
$(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
}
var $subMenu = $(this).next(".dropdown-menu");
$subMenu.toggleClass('show');
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
$('.dropdown-submenu .show').removeClass("show");
});
return false;
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#navigation a, #fixedbar a').on('click', function (e) {
e.preventDefault();
});
$(window).on('scroll', function () {
var scrolltop = $(this).scrollTop();
if (scrolltop >= 215) {
$('#fixedbar').fadeIn(250);
} else if (scrolltop <= 210) {
$('#fixedbar').fadeOut(250);
}
});
});
</script>
</body>
</html>© 2023 Quttera Ltd. All rights reserved.