Your IP : 216.73.216.34
<?php
include("function.php");
$pagekeyword=$company['2'].', '.$lang['words'][1];
$pagekeyword2=$pagekeyword;
$pagekeyword3=$company['12'];
$purl='index.html';
$feedbacktit='Online inquire from website';
$product_count=$db->selectone("select count(id) from ".$noe_version."_products where member_id=".$id." and state='1'");
if($product_count[0]==0){
$product=$db->selectarray("select id,name,sn,picture,name2,price from ".$noe_version."_products where member_id=".$id." order by id desc limit 0,12");
} else {
$product=$db->selectarray("select id,name,sn,picture,name2,price from ".$noe_version."_products where state='1' and member_id=".$id." order by ep_range limit 0,12");
}
?>
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- Stylesheets
============================================= -->
<link rel="stylesheet" href="css/fonts.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/dark.css" type="text/css" />
<link rel="stylesheet" href="css/swiper.css" type="text/css" />
<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="fonts/Flaticon.css">
<link rel="stylesheet" href="css/animate.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/rd-mailform.css" type="text/css">
<link rel="stylesheet" href="css/css.css" type="text/css" />
<link rel="stylesheet" href="css/colors.css" type="text/css" />
<link rel="stylesheet" href="css/laundrypodsac.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Document Title
============================================= -->
<title>laundrypodsac</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<header id="header" class="transparent-header dark" data-sticky-class="not-dark">
<div id="header-wrap">
<div class="container clearfix">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="index.html" class="standard-logo" data-dark-logo="pic/logo-foot.png"><img src="pic/logo.png" alt=" Logo" style="max-height:50px; width:auto;"></a>
<a href="index.html" class="retina-logo" data-dark-logo="pic/logo-foot.png"><img src="pic/logo.png" alt=" Logo" style="max-height:50px; width:auto;"></a>
</div><!-- #logo end -->
<div class="header-misc">
<!-- Top Search
============================================= -->
<div id="top-search" class="header-misc-icon">
<a href="#" id="top-search-trigger"><i class="icon-line-search"></i><i class="icon-line-cross"></i></a>
</div><!-- #top-search end -->
<div class="top-links">
<ul class="top-links-container">
<li class="top-links-item"><a href="javascript:;"><i class="icon-world"></i>en</a>
<ul class="top-links-sub-menu">
<li class="top-links-item"><a href="https://www.yourname.com"><img src="flag/en.png" alt="English" title="English"> English</a></li>
<li class="top-links-item"><a href="https://fr.yourname.com"><img src="flag/fr.png" alt="Français" title="Français"> Français</a></li>
<li class="top-links-item"><a href="https://de.yourname.com"><img src="flag/de.png" alt="Deutsch" title="Deutsch"> Deutsch</a></li>
<li class="top-links-item"><a href="https://es.yourname.com"><img src="flag/es.png" alt="Español" title="Español"> Español</a></li>
<li class="top-links-item"><a href="https://pt.yourname.com"><img src="flag/pt.png" alt="Português" title="Português"> Português</a></li>
<li class="top-links-item"><a href="https://no.yourname.com"><img src="flag/no.png" alt="Norsk" title="Norsk"> Norsk</a></li>
<li class="top-links-item"><a href="https://fi.yourname.com"><img src="flag/fi.png" alt="Suomalainen" title="Suomalainen"> Suomalainen</a></li>
<li class="top-links-item"><a href="https://da.yourname.com"><img src="flag/da.png" alt="Dansk" title="Dansk"> Dansk</a></li>
<li class="top-links-item"><a href="https://tr.yourname.com"><img src="flag/tr.png" alt="Türk" title="Türk"> Türk</a></li>
<li class="top-links-item"><a href="https://ru.yourname.com"><img src="flag/ru.png" alt="Pусский" title="Pусский"> Pусский</a></li>
<li class="top-links-item"><a href="https://ar.yourname.com"><img src="flag/ar.png" alt="عربي" title="عربي"> عربي</a></li>
<li class="top-links-item"><a href="https://kr.yourname.com"><img src="flag/kr.png" alt="한국인" title="한국인"> 한국인</a></li>
<li class="top-links-item"><a href="https://jp.yourname.com"><img src="flag/jp.png" alt="日本語" title="日本語"> 日本語</a></li>
<li class="top-links-item"><a href="https://vn.yourname.com"><img src="flag/vn.png" alt="Tiếng Việt" title="Tiếng Việt"> Tiếng Việt</a></li>
<li class="top-links-item"><a href="https://th.yourname.com"><img src="flag/th.png" alt="ไทย" title="ไทย"> ไทย</a></li>
</ul>
</li>
<li class="top-links-item"><a href="tel:+8613925882855"><span class="ts-icon"><i class="icon-call"></i></span></a></li>
<li class="top-links-item hidden-xs"><a href="mailto:info@aaa.com"><span class="ts-icon"><i class="icon-mail"></i></span></a></li>
<li class="top-links-item hidden-xs"><a rel="nofollow" target="_blank" href="https://www.youtube.com/"><span class="ts-icon"><i class="icon-youtube"></i></span></a></li>
</ul>
</div>
</div>
<div id="primary-menu-trigger">
<svg class="svg-trigger" viewBox="0 0 100 100"><path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"></path><path d="m 30,50 h 40"></path><path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"></path></svg>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu">
<ul class="menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Home</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Products</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>About Authentic</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>News & Blog</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Contact Us</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
<form class="top-search-form" action="search.html" method="get">
<input type="text" name="q" class="form-control" value="" placeholder="Search products.." autocomplete="off">
</form>
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<section id="slider" class="slider-element h-auto include-header" style="background-color: #222;">
<div class="slider-inner">
<div class="owl-carousel carousel-widget" data-margin="0" data-items="1" data-pagi="false" data-loop="true" data-speed="450" data-autoplay="5000">
<a href="#"><img src="pic/slide-01.jpg" alt="Slider"></a>
<a href="#"><img src="pic/slide-01.jpg" alt="Slider"></a>
<a href="#"><img src="pic/slide-01.jpg" alt="Slider"></a>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap py-0">
<div class="section mt-0 mb-0">
<div class="container clearfix">
<div class="row align-items-center mb-2">
<div class="col-md-6 pe-5">
<div class="heading-block mb-4 border-bottom-0">
<div class="before-heading">Authentic</div>
<h3 class="nott blue-color">Laundry Pods Manufacturer</h3>
</div>
<div class="row">
<div class="col-6 col-sm-6 mb-4">
<div class="counter color fw-semibold"><span data-from="1" data-to="31" data-refresh-interval="2" data-speed="600"></span>+</div>
<h5 class="mt-0 fw-medium">Years in industry</h5>
</div>
<div class="col-6 col-sm-6 mb-4">
<div class="counter color fw-semibold"><span data-from="10000" data-to="20000" data-refresh-interval="10" data-speed="900"></span>m<sup>2</sup></div>
<h5 class="mt-0 fw-medium">Factory Facilities</h5>
</div>
<div class="col-6 col-sm-6 mb-4">
<div class="counter color fw-semibold"><span data-from="1" data-to="508" data-refresh-interval="10" data-speed="1000"></span>M</div>
<h5 class="mt-0 fw-medium">Monthly Capacity/Pcs</h5>
</div>
<div class="col-6 col-sm-6">
<div class="counter color fw-semibold"><span data-from="1" data-to="36" data-refresh-interval="2" data-speed="1500"></span></div>
<h5 class="mt-0 fw-medium">R&D Engineers' Team</h5>
</div>
</div>
</div>
<div class="col-6 col-sm-6">
<img src="pic/home-co-01.jpg" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="section mt-0 bg-transparent">
<div class="container clearfix">
<div class="heading-block" style="max-width: 800px">
<h3 class="nott blue-color mb-3">The Ultimate Solution for laundry
products Manufacturing</h3>
</div>
</div>
<div class="owl-carousel owl-carousel-full image-carousel carousel-widget" data-margin="40" data-center="true" data-loop="true" data-nav="false" data-pagi="true" data-items-xs="2" data-items-sm="3" data-items-md="3" data-items-lg="4" data-items-xl="5">
<div class="oc-item">
<div class="card cat-card rounded-0 border-0 dark">
<img src="pic/1.png" class="card-img rounded-0" alt="...">
<div class="d-flex align-items-start flex-column card-img-overlay p-4">
<h3 class="h3 text-white ls--1 fw-bold mt-2 mb-auto">Concentrated
formula</h3>
<h3 class="h2 text-white ls--1 fw-bold mb-4">Sensory research</h3>
<p>Research medical solutions that
provide taste, smell, touch, and
new experiences.</p>
<a href="/" class="button button button-white button-light ms-0">Learn More</a>
</div>
</div>
</div>
<div class="oc-item">
<div class="card cat-card rounded-0 border-0 dark">
<img src="pic/1.png" class="card-img rounded-0" alt="...">
<div class="d-flex align-items-start flex-column card-img-overlay p-4">
<h3 class="h3 text-white ls--1 fw-bold mt-2 mb-auto">Concentrated
formula</h3>
<h3 class="h2 text-white ls--1 fw-bold mb-4">Sensory research</h3>
<p>Research medical solutions that
provide taste, smell, touch, and
new experiences.</p>
<a href="/" class="button button button-white button-light ms-0">Learn More</a>
</div>
</div>
</div>
<div class="oc-item">
<div class="card cat-card rounded-0 border-0 dark">
<img src="pic/1.png" class="card-img rounded-0" alt="...">
<div class="d-flex align-items-start flex-column card-img-overlay p-4">
<h3 class="h3 text-white ls--1 fw-bold mt-2 mb-auto">Concentrated
formula</h3>
<h3 class="h2 text-white ls--1 fw-bold mb-4">Sensory research</h3>
<p>Research medical solutions that
provide taste, smell, touch, and
new experiences.</p>
<a href="/" class="button button button-white button-light ms-0">Learn More</a>
</div>
</div>
</div>
<div class="oc-item">
<div class="card cat-card rounded-0 border-0 dark">
<img src="pic/1.png" class="card-img rounded-0" alt="...">
<div class="d-flex align-items-start flex-column card-img-overlay p-4">
<h3 class="h3 text-white ls--1 fw-bold mt-2 mb-auto">Concentrated
formula</h3>
<h3 class="h2 text-white ls--1 fw-bold mb-4">Sensory research</h3>
<p>Research medical solutions that
provide taste, smell, touch, and
new experiences.</p>
<a href="/" class="button button button-white button-light ms-0">Learn More</a>
</div>
</div>
</div>
<div class="oc-item">
<div class="card cat-card rounded-0 border-0 dark">
<img src="pic/1.png" class="card-img rounded-0" alt="...">
<div class="d-flex align-items-start flex-column card-img-overlay p-4">
<h3 class="h3 text-white ls--1 fw-bold mt-2 mb-auto">Concentrated
formula</h3>
<h3 class="h2 text-white ls--1 fw-bold mb-4">Sensory research</h3>
<p>Research medical solutions that
provide taste, smell, touch, and
new experiences.</p>
<a href="/" class="button button button-white button-light ms-0">Learn More</a>
</div>
</div>
</div>
<div class="oc-item">
<div class="card cat-card rounded-0 border-0 dark">
<img src="pic/1.png" class="card-img rounded-0" alt="...">
<div class="d-flex align-items-start flex-column card-img-overlay p-4">
<h3 class="h3 text-white ls--1 fw-bold mt-2 mb-auto">Concentrated
formula</h3>
<h3 class="h2 text-white ls--1 fw-bold mb-4">Sensory research</h3>
<p>Research medical solutions that
provide taste, smell, touch, and
new experiences.</p>
<a href="/" class="button button button-white button-light ms-0">Learn More</a>
</div>
</div>
</div>
<div class="oc-item">
<div class="card cat-card rounded-0 border-0 dark">
<img src="pic/1.png" class="card-img rounded-0" alt="...">
<div class="d-flex align-items-start flex-column card-img-overlay p-4">
<h3 class="h3 text-white ls--1 fw-bold mt-2 mb-auto">Concentrated
formula</h3>
<h3 class="h2 text-white ls--1 fw-bold mb-4">Sensory research</h3>
<p class="text-left">Research medical solutions that
provide taste, smell, touch, and
new experiences.</p>
<a href="/" class="button button button-white button-light ms-0">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="container clearfix">
<div class="fancy-title title-border topmargin-sm mb-4 title-left">
<h2 class="nott blue-color">Products</h2>
</div>
<div class="row grid-6">
<!-- Shop Item 1
============================================= -->
<div class="col-lg-3 col-md-3 col-6 px-2">
<div class="product">
<div class="product-image">
<a href="#"><img src="pic/home-prod-01.jpg" alt="Image 1"></a>
</div>
<div class="product-desc">
<div class="product-title mb-1"><h3><a href="#">Product Name</a></h3></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6 px-2">
<div class="product">
<div class="product-image">
<a href="#"><img src="pic/home-prod-01.jpg" alt="Image 1"></a>
</div>
<div class="product-desc">
<div class="product-title mb-1"><h3><a href="#">Product Name</a></h3></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6 px-2">
<div class="product">
<div class="product-image">
<a href="#"><img src="pic/home-prod-01.jpg" alt="Image 1"></a>
</div>
<div class="product-desc">
<div class="product-title mb-1"><h3><a href="#">Product Name</a></h3></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6 px-2">
<div class="product">
<div class="product-image">
<a href="#"><img src="pic/home-prod-01.jpg" alt="Image 1"></a>
</div>
<div class="product-desc">
<div class="product-title mb-1"><h3><a href="#">Product Name</a></h3></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6 px-2">
<div class="product">
<div class="product-image">
<a href="#"><img src="pic/home-prod-01.jpg" alt="Image 1"></a>
</div>
<div class="product-desc">
<div class="product-title mb-1"><h3><a href="#">Product Name</a></h3></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6 px-2">
<div class="product">
<div class="product-image">
<a href="#"><img src="pic/home-prod-01.jpg" alt="Image 1"></a>
</div>
<div class="product-desc">
<div class="product-title mb-1"><h3><a href="#">Product Name</a></h3></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6 px-2">
<div class="product">
<div class="product-image">
<a href="#"><img src="pic/home-prod-01.jpg" alt="Image 1"></a>
</div>
<div class="product-desc">
<div class="product-title mb-1"><h3><a href="#">Product Name</a></h3></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6 px-2">
<div class="product">
<div class="product-image">
<a href="#"><img src="pic/home-prod-01.jpg" alt="Image 1"></a>
</div>
<div class="product-desc">
<div class="product-title mb-1"><h3><a href="#">Product Name</a></h3></div>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0" style="background: url('pic/home-co-02.jpg') no-repeat center center; background-size: cover; padding: 200px 0;">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-4">
<div class="heading-block border-bottom-0 bottommargin-sm">
<h3 class="nott ls0">FOCUS ON THE R&D OF
850 px
LAUNDRY PRODUCTS</h3>
</div>
<p>LAUNDRY PRODUCTS
Effective Eco-Friendlv Cleaning Products</p>
</div>
<div class="col-lg-3 col-md-4">
</div>
<div class="col-md-4 mt-5 mt-md-0 center">
<a href="https://www.youtube.com/watch?v=asdfasdfasdf" data-lightbox="iframe" class="play-icon shadow"><i class="icon-play"></i></a>
</div>
</div>
</div>
</div>
<div class="section m-0 clearfix" style="background-color: #eef2f5;">
<div class="container clearfix">
<div class="heading-block center border-bottom-0 bottommargin topmargin-sm mx-auto" style="max-width: 840px">
<h3 class="nott blue-color" style="font-size: 36px;">Formulated with natural ingredients to reallyget deep into any stain or odor</h3>
</div>
<div class="row clearfix">
<!-- Features colomns
============================================= -->
<div class="row clearfix">
<div class="col-lg-3 col-md-6 bottommargin-sm">
<div class="feature-box media-box fbox-bg">
<div class="fbox-media">
<a href="#"><img src="pic/home-co-03.jpg" alt="Featured Box Image"></a>
</div>
<div class="fbox-content border-0">
<h3 class="nott ls0 fw-semibold">Surfactant</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 bottommargin-sm">
<div class="feature-box media-box fbox-bg">
<div class="fbox-media">
<a href="#"><img src="pic/home-co-03.jpg" alt="Featured Box Image"></a>
</div>
<div class="fbox-content border-0">
<h3 class="nott ls0 fw-semibold">Surfactant</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 bottommargin-sm">
<div class="feature-box media-box fbox-bg">
<div class="fbox-media">
<a href="#"><img src="pic/home-co-03.jpg" alt="Featured Box Image"></a>
</div>
<div class="fbox-content border-0">
<h3 class="nott ls0 fw-semibold">Surfactant</h3>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 bottommargin-sm">
<div class="feature-box media-box fbox-bg">
<div class="fbox-media">
<a href="#"><img src="pic/home-co-03.jpg" alt="Featured Box Image"></a>
</div>
<div class="fbox-content border-0">
<h3 class="nott ls0 fw-semibold">Surfactant</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section m-0 bg-transparent clearfix">
<div class="container clearfix">
<div class="heading-block center border-bottom-0 bottommargin topmargin-sm mx-auto" style="max-width: 640px">
<h3 class="nott blue-color" style="font-size: 36px;">Over 300 laundry pods brandsworldwide trust us.</h3>
</div>
<div class="row clearfix">
<div class="col-12 text-center">
<img src="pic/home-co-04.jpg" class="img-fluid">
</div>
<div class="col-12 text-center p-t-60">
<div class="mx-auto" style="max-width: 740px">
<p>Authentic helps thousands of businesses around the world
produce quality products through our professiona
production
solutions.We do our best to help our customers exceed
expectations and ultimately satisfy them!</p>
</div>
</div>
<div class="col-12 text-center">
<img src="pic/home-co-05.jpg" class="img-fluid">
</div>
</div>
</div>
</div>
<div class="section mb-0 dark" style="background: url('pic/home-co-06.jpg') no-repeat center center; background-size: cover; padding: 200px 0;">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-4">
<div class="heading-block border-bottom-0 bottommargin-sm">
<h3 class="nott ls0">EACH FRAGRANCECAN BE CUSTOMIZED</h3>
</div>
<a href="#" class="button button-large button-rounded ms-0">START CUSTOMIZING</a>
</div>
<div class="col-lg-3 col-md-4">
</div>
<div class="col-md-4 mt-5 mt-md-0 center">
</div>
</div>
</div>
</div>
<div class="section bg-transparent m-0 clearfix">
<div class="container clearfix">
<div class="heading-block border-bottom-0 bottommargin topmargin-sm">
<h3 class="nott blue-color" style="font-size: 36px;">Shape customization</h3>
</div>
<div class="row clearfix">
<div class="col-6 ">
<div class="fslider" data-arrows="false">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide"><a href="#"><img src="pic/home-co-08.jpg"></a></div>
<div class="slide"><a href="#"><img src="pic/home-co-08.jpg"></a></div>
<div class="slide"><a href="#"><img src="pic/home-co-08.jpg"></a></div>
<div class="slide"><a href="#"><img src="pic/home-co-08.jpg"></a></div>
</div>
</div>
</div>
</div>
<div class="col-6 ">
<div class="row clearfix">
<div class="col-6 mb-3">
<img src="pic/home-co-08.jpg">
</div>
<div class="col-6 mb-3">
<img src="pic/home-co-08.jpg">
</div>
<div class="col-6 mb-3">
<img src="pic/home-co-08.jpg">
</div>
<div class="col-6 mb-3">
<img src="pic/home-co-08.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section learfix">
<div class="container clearfix">
<div class="d-flex justify-content-between mb-4">
<h3 class="nott blue-color m-0">Latest News</h3>
<a href="#" class="btn btn-sm btn-outline-secondary">More Content <i class="icon-line-arrow-right"></i></a>
</div>
<div class="row posts-md col-mb-30">
<div class="col-md-4">
<article class="entry border-bottom-0 mb-0">
<div class="entry-image">
<a href="#"><img src="pic/slider-01.jpg" alt="Image 3">
</a>
</div>
<div class="entry-title title-sm">
<h3><a href="#" class="color-underline">Why are foreign merchants
rushing to place orders for a
laundry pods?</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><a href="#">Mar 11, 2024</a></li>
</ul>
</div>
</article>
</div>
<div class="col-md-4">
<article class="entry border-bottom-0 mb-0">
<div class="entry-image">
<a href="#"><img src="pic/slider-01.jpg" alt="Image 3">
</a>
</div>
<div class="entry-title title-sm">
<h3><a href="#" class="color-underline">Why are foreign merchants
rushing to place orders for a
laundry pods?</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><a href="#">Mar 11, 2024</a></li>
</ul>
</div>
</article>
</div>
<div class="col-md-4">
<article class="entry border-bottom-0 mb-0">
<div class="entry-image">
<a href="#"><img src="pic/slider-01.jpg" alt="Image 3">
</a>
</div>
<div class="entry-title title-sm">
<h3><a href="#" class="color-underline">Why are foreign merchants
rushing to place orders for a
laundry pods?</a></h3>
</div>
<div class="entry-meta">
<ul>
<li><a href="#">Mar 11, 2024</a></li>
</ul>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="section m-0 bg-transparent">
<div class="container clearfix">
<div class="row">
<div class="col-lg-5 col-md-6">
<div class="heading-block mt-md-3 mt-0">
<h3 class="nott blue-color">GLOBAL NETWORK</h3>
<h4 class=" nott ls0">Our products are popular all over the world</h4>
</div>
<div class="row">
<div class="col-6">
<ul class="iconlist ms-0">
<li><img src="pic/uk.png" alt="Image"><a href="#">United Kingdom</a></li>
<li><img src="pic/us.png" alt="Image"><a href="#">USA</a></li>
<li><img src="pic/br.png" alt="Image"><a href="#">Brazil</a></li>
<li><img src="pic/sa.png" alt="Image"><a href="#">South Africa</a></li>
<li><img src="pic/in.png" alt="Image"><a href="#">India</a></li>
</ul>
</div>
<div class="col-6">
<ul class="iconlist ms-0">
<li><img src="pic/si.png" alt="Image"><a href="#">Singapore</a></li>
<li><img src="pic/ja.png" alt="Image"><a href="#">Japan</a></li>
<li><img src="pic/au.png" alt="Image"><a href="#">Australia</a></li>
<li><img src="pic/ca.png" alt="Image"><a href="#">Canada</a></li>
<li><a href="#">See More..</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7 col-md-6">
<div id="hotspot-img" class="hotspot-img mt-2 responsive-hotspot-wrap">
<img src="pic/map.png" class="img-responsive" alt="Image">
<!-- Circle #1 -->
<div class="hot-spot" data-x="1970" data-y="830">
<div class="circle"></div>
<div class="tooltip"><p>singapore</p></div>
</div>
<!-- Circle #2 -->
<div class="hot-spot" data-x="330" data-y="522">
<div class="circle"></div>
<div class="tooltip"><p>San Fransisco</p></div>
</div>
<!-- Circle #3 -->
<div class="hot-spot" data-x="2350" data-y="1110">
<div class="circle"></div>
<div class="tooltip"><p>Sydney</p></div>
</div>
<!-- Circle #4 -->
<div class="hot-spot" data-x="1222" data-y="395">
<div class="circle"></div>
<div class="tooltip"><p>London</p></div>
</div>
<!-- Circle #5 -->
<div class="hot-spot" data-x="1800" data-y="760">
<div class="circle"></div>
<div class="tooltip"><p>Bangalore</p></div>
</div>
<!-- Circle #6 -->
<div class="hot-spot" data-x="2250" data-y="560">
<div class="circle"></div>
<div class="tooltip"><p>Tokyo</p></div>
</div>
<!-- Circle #7 -->
<div class="hot-spot" data-x="1366" data-y="1134">
<div class="circle"></div>
<div class="tooltip"><p>Cape Town</p></div>
</div>
<!-- Circle #8 -->
<div class="hot-spot" data-x="880" data-y="990">
<div class="circle"></div>
<div class="tooltip"><p>Brasilla</p></div>
</div>
<!-- Circle #8 -->
<div class="hot-spot" data-x="710" data-y="395">
<div class="circle"></div>
<div class="tooltip"><p>Toronto</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" style="background-color: #F5F5F5; border-top: 2px solid rgba(0,0,0,0.06);">
<div class="container" style="border-bottom: 1px solid rgba(0,0,0,0.06);">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row">
<div class="col-6 col-sm">
<img class="mb-2" src="pic/logo.png" alt="Image" style="max-height:70px, width:auto;">
<div class="col-12">
<div class="feature-box fbox-plain fbox-sm align-items-center">
<div class="fbox-icon">
<i class="icon-envelope text-dark"></i>
</div>
<div class="fbox-content">
<span class="text-muted">Call Us:</span><br>
<h3 class="nott ls0 fw-semibold">(10) 22 33445566</h3>
</div>
</div>
</div>
<div class="col-12 mt-4">
<div class="feature-box fbox-plain fbox-sm align-items-center">
<div class="fbox-icon">
<i class="icon-phone3 text-dark"></i>
</div>
<div class="fbox-content">
<span class="text-muted">Email Us:</span><br>
<h3 class="nott ls0 fw-semibold">info@canvas.com</h3>
</div>
</div>
</div>
<div class="w-100 d-flex">
<a href="#" class="social-icon si-colored si-rounded si-mini si-facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon si-colored si-rounded si-mini si-youtube">
<i class="icon-youtube"></i>
<i class="icon-youtube"></i>
</a>
</div>
</div>
<div class="col-6 col-sm">
<h4>Features</h4>
<ul class="list-unstyled mb-0 text-small">
<li><a class="text-muted" href="#">Cool stuff</a></li>
<li><a class="text-muted" href="#">Random feature</a></li>
<li><a class="text-muted" href="#">Team feature</a></li>
<li><a class="text-muted" href="#">Stuff for developers</a></li>
<li><a class="text-muted" href="#">Another one</a></li>
<li><a class="text-muted" href="#">Last time</a></li>
</ul>
</div>
<div class="col-6 col-sm col-sm mt-4 mt-sm-0 mt-md-0 mt-lg-0 mt-xl-0">
<h4>Resources</h4>
<ul class="list-unstyled mb-0 text-small">
<li><a class="text-muted" href="#">Resource</a></li>
<li><a class="text-muted" href="#">Resource name</a></li>
<li><a class="text-muted" href="#">Another resource</a></li>
<li><a class="text-muted" href="#">Final resource</a></li>
</ul>
</div>
<div class="col-6 col-sm mt-4 mt-sm-0 mt-md-0 mt-lg-0 mt-xl-0">
<h4>About</h4>
<ul class="list-unstyled mb-0 text-small">
<li><a class="text-muted" href="#">Team</a></li>
<li><a class="text-muted" href="#">Locations</a></li>
<li><a class="text-muted" href="#">Privacy</a></li>
<li><a class="text-muted" href="#">Terms</a></li>
</ul>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-line-arrow-up"></div>
<!-- JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/plugins.min.js"></script>
<script src="js/jquery.hotspot.js"></script>
<script src="js/functions.js"></script>
<script src="js/inquiryForm.js"></script>
<script src="js/feedback.js"></script>
<script>
jQuery(window).on( 'load', function(){
$('#hotspot-img').hotSpot();
});
</script>
</body>
</html>