File: /home/imensosw/public_html/imenso.co/dev/titan-sanitiser/index.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Titan Sanitiser</title>
<?php include "header.php" ?>
</head>
<body>
<?php include "top-menu.php" ?>
<?php include "banner.php" ?>
<section class="burger product-category">
<div class="container">
<div class="row">
<div class="col-3">
<div class="pro_ctry ctry_1">
<h4>Sanitiser</h4>
<img src="images/product_2.png" class="animate">
<a href="#"><span> View All <i class="fa fa-long-arrow-right"></i> </a>
</div>
</div>
<div class="col-6">
<div class="pro_ctry ctry_2">
<h4>Dispenser</h4>
<img src="images/product_1.png" class="animate">
<a href="#"><span> View All <i class="fa fa-long-arrow-right"></i> </a>
</div>
<div class="pro_ctry ctry_3">
<h4>Category Name</h4>
<img src="images/product_3.png" class="animate">
<a href="#"><span> View All <i class="fa fa-long-arrow-right"></i> </a>
</div>
</div>
<div class="col-3">
<div class="pro_ctry ctry_4">
<h4>Separating Screen</h4>
<img src="images/product_4.png" class="animate">
<a href="#"><span> View All <i class="fa fa-long-arrow-right"></i> </a>
</div>
<div class="pro_ctry ctry_5">
<h4>Crowd Control</h4>
<img src="images/product_5.png" class="animate">
<a href="#"><span> View All <i class="fa fa-long-arrow-right"></i> </a>
</div>
</div>
</div>
</div>
</section>
<section class="burger best-saller">
<div class="w-50 m-auto">
<div class="container">
<div class="row align-items-center">
<div class="col-7">
<h6>Best Saller</h6>
<h4>75% Alcohol Wet Wipes from $3.99 each</h4>
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary mt-3"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> Shop Now</a>
</div>
<div class="col-sm-4 offset-sm-1">
<img src="images/bottle_1.png" class="img-fluid" />
</div>
</div>
</div>
</div>
</section>
<section class="burger">
<div class="container product-list">
<div class="row align-items-center">
<div class="col-12">
<h2>New Arrival</h2>
</div>
<div class="col-12 products-slider">
<div class="swiper-products">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Crowd Control</div>
<div class="pro-img animate">
<img src="images/product_7.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Equipment for determining friability of samples</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Category Name</div>
<div class="pro-img animate">
<img src="images/product_6.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Equipment for food analysis</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Separating Screen</div>
<div class="pro-img animate">
<img src="images/product_5.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Particle size analyzer</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Category Name</div>
<div class="pro-img animate">
<img src="images/product_4.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Water analyzer</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Crowd Control</div>
<div class="pro-img animate">
<img src="images/product_3.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Platinum inoculation loop for microbiology</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Crowd Control</div>
<div class="pro-img animate">
<img src="images/product_2.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Microtome blade sharpener </h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<!-- <div class="swiper-pagination"></div> -->
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</section>
<section class="burger-b">
<div class="container product-list">
<div class="row align-items-center">
<div class="col-12">
<h2>Popular Products</h2>
</div>
<div class="col-12 products-slider">
<div class="swiper-products">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Crowd Control</div>
<div class="pro-img animate">
<img src="images/product_1.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Sealer of healthcare product packaging</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Separating Screen</div>
<div class="pro-img animate">
<img src="images/product_2.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Machine for manufacturing pills</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Dispenser</div>
<div class="pro-img animate">
<img src="images/product_3.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Barcode scanner</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Crowd Control</div>
<div class="pro-img animate">
<img src="images/product_4.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Equipment for making eyeglass lenses</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Category Name</div>
<div class="pro-img animate">
<img src="images/product_5.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Equipment for making prostheses</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="pro-cnt">
<div class="pro-ctry-nm">Dispenser</div>
<div class="pro-img animate">
<img src="images/product_6.png" alt="product" class="w-100" />
</div>
<div class="pro-content animate">
<h4>Dental amalgamator</h4>
<div class="d-flex align-items-center justify-content-between">
<div class="price"><span class="price_new">$59</span> <span class="price_old text-muted">$95</span> </div>
<a href="#" class="btn btn-primary btn-icon"><img src="images/shopping-cart.svg" class="img-svg cart-icon"> <!-- <span>Shop Now</span> --></a>
</div>
<div class="text-center border-top mt-3 add2cart">
<a href="javascript:;"><i class="fa fa-heart-o"></i> Add to Wishlist</a>
</div>
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<!-- <div class="swiper-pagination"></div> -->
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</section>
<section class="burger">
<div class="container">
<div class="row">
<div class="col-sm-10 offset-sm-1">
<div class="news-letter">
<div class="row align-items-center">
<div class="col-sm-6 offset-sm-6">
<h3>Sign up for our Newsletter</h3>
<p>Get tips and information delivered straight to your inbox and become a better marketer.</p>
<form method="post" action="#" id="contact_form" class="input-group">
<input class="form-control" type="email" aria-label="Email Address" placeholder="" required="required">
<button class="btn btn-sesondary">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include "footer.php" ?>
<script type="text/javascript">
var swiper = new Swiper('.swiper-banner', {
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
});
var swiper = new Swiper('.swiper-products', {
loop: true,
slidesPerView: 4,
spaceBetween: 30,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
</body>
</html>