Web Design Template HTML CSS JAVASCRIPT BOOTSTRAP
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="CSS/Style.css">
<link rel="stylesheet" href="CSS/cssImage.css">
<link rel="stylesheet" href="CSS/AddCard.css">
<link rel="stylesheet" href="CSS/Detail.css">
<link rel="stylesheet" href="CSS/Zoom.css">
<link rel="stylesheet" href="CSS/menu.css">
<link rel="stylesheet" href="CSS/Stylenav.css">
<link rel="stylesheet" href="CSS/Menu btn.css">
<link rel="stylesheet" href="CSS/menu-right.css">
<link rel="stylesheet" href="CSS/Login.css">
<link rel="stylesheet" href="CSS/More.css">
<link rel="stylesheet" href="CSS/More_Style.css">
<link rel="stylesheet" href="CSS/Search.css">
<link rel="stylesheet" href="CSS/footer.css">
<script src="JQUERY/jquery-1.10.2.min.js"></script>
<script src="JAVASCRIPT/javascript.js"></script>
<script src="JAVASCRIPT/Detail.js"></script>
<script src="JAVASCRIPT/scriptImage.js"></script>
<script src="JAVASCRIPT/menuzoom.js"></script>
<script src="JAVASCRIPT/menu.js"></script>
<script src="JAVASCRIPT/Home.js"></script>
<script src="JAVASCRIPT/more.js"></script>
<script src="JAVASCRIPT/Login.js"></script>
<script src="JAVASCRIPT/Search.js"></script>
<script src="JAVASCRIPT/Computer.js"></script>
<script src="JAVASCRIPT/Camara.js"></script>
<script src="JAVASCRIPT/Speaker.js"></script>
<script src="JAVASCRIPT/Wachs.js"></script>
<script src="JAVASCRIPT/Phone.js"></script>
<script src="JAVASCRIPT/Headphone.js"></script>
<title>KHMER-ONLINE</title>
<link rel="shortcut icon" href="image/ko.png">
</head>
<body>
<!--Header LOGO-->
<div id="header">
<img src="image/khme-online.png" alt="khmer-online">
<img src="image/khme-online-small.png" alt="khmer-online" class="small">
<p title="khmer-online">www.khmer-online.com</p>
</div>
<!--More Dropdown Menu-->
<div id="nav">
<div class="Search">
<form>
<i class=" fa fa-search fa-2x search1" aria-hidden="true" title="Go"></i>
<i class="fa fa-times fa-2x search2" aria-hidden="true" title="Close"></i>
<input type="text" name="search" placeholder="Search..." required>
<input type="submit" value="Search"></button>
</form>
</div>
<ul>
<img src="/icon/menu.svg"class="menubar" id="Me" title="Menu">
<button title="Home"class="btn active home 1" onclick="filterSelection('HOME')"><i class=" fa fa-home"></i> HOME</button>
<button title=" Go to Computer"class="btn Computer 2 b" onclick="filterSelection('COMPUTER')"><img src="icon/laptop.svg"> COMPUTER</button>
<button title="Go to Phones" class="btn Phones 3 b" onclick="filterSelection('PHONES')"><img src="icon/phone_iphone.svg"> PHONES</button>
<button title="Go to Speaker"class="btn Speaker S b " onclick="filterSelection('SPEAKER')"><img src="icon/speaker.svg"> SPEAKER</button>
<button title="Go to Camera"class="btn Camera C b" onclick="filterSelection('CAMERA')"><img src="icon/camera_alt.svg"> CAMERA</button>
<button title="Go to Watchs"class="btn Watchs W b" onclick="filterSelection(' WATCHS')"><img src="icon/watch.svg"> WATCHS</button>
<button title="Go to Headphones"class="btn Headphones H b" onclick="filterSelection('HEADPHONES')"><img src="icon/headset.svg"> HEADPHONES</button>
<button title="More"class="btn more m " onclick="filterSelection('MORE')">MORE<img src="icon/arrow_drop_down.svg"></button>
<button title="More"class="btn more1 m " onclick="filterSelection('MORE1')">MORE<img src="icon/arrow_drop_up.svg"></button>
<button title="Search"class="right search" onclick="filterSelection('SEARCH')"> <i class=" fa fa-search"></i></button>
<button title="Add Card"class="right login" onclick="filterSelection('CARD')"><i class="fa fa-shopping-cart card1"></i></button>
</ul>
<div id="navtive" style="display:none">
<ul>
<a class="Computer" onclick="filterSelection('COMPUTER')"><img src="icon/laptop.svg"> COMPUTER</button>
<a class=" Phones" onclick="filterSelection('PHONES')"><img src="icon/phone_iphone.svg"> PHONE</a>
<a class=" Speaker" onclick="filterSelection('SPEAKER')"><img src="icon/speaker.svg"> SPEAKER</a>
<a class="Camera" onclick="filterSelection('CAMERA')"><img src="icon/camera_alt.svg"> CAMERA</a>
<a class="Watchs" onclick="filterSelection('WATCHS')"><img src="icon/watch.svg"> WATCHS</a>
<a class="Headphones" onclick="filterSelection('HEADPHONES')"><img src="icon/headset.svg"> HEADPHONES</a>
</ul>
</div>
</div>
<!--Login-->
<div class="Login-Account">
<i class="fa fa-close Close"></i>
<div class="col-50">
<h3>Card Payment</h3>
<div class="icon">
<i class="fa fa-cc-visa Card" style="color:navy;"></i>
<i class="fa fa-cc-amex Paypay" style="color:blue;"></i>
<i class="fa fa-cc-mastercard MasterCard" style="color:red;"></i>
<i class="fa fa-cc-discover Dis" style="color:orange;"></i>
<i class="fa fa-cc-paypal Paypay"></i>
</div>
<form>
<label for="cname">Name on Card</label>
<input type="text2" id="cname" name="cardname" placeholder="Soeng Souy" required>
<label for="ccnum">Credit card number</label>
<input type="text2" id="ccnum" name="cardnumber" placeholder="1111-2222-3333-4444"required>
<label for="expmonth">Day Month Year</label>
<input type="text2" id="year" name="month" placeholder="Day / Month / Year" required>
<div class="row">
<label>
<input type="checkbox" checked="checked" name="sameadr" required> Me Remember
</label>
<input type="submit" value="Login for faster checkout" class="btn1">
</form>
</div>
</div>
</div>
<div id="Computer">
<i class="fa fa-close Close"></i>
<img src="/image/MacBook1.png" class="one">
<img src="/image/MacBook2.png" class="one">
<img src="/image/MacBook3.png" class="one">
<hr>
<div class="col-lg-3 col-md-6 ">
<h3>Hard Drive</h3>
<p>552GB SSD</p>
<p>Operating System: DOS</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Graphics</h3>
<p>Intel HD Graphics 620</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>RAM</h3>
<p>Memory:8GB DDR4 2400T</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Prosessor</h3>
<p>7th Generation Intel® core i5-7200U Processor
(2.50GHz up to 3.10GHz, 3MB Cache)</p>
</div>
<button class="Add">Buy Now</button>
<button class="Add">Add Card</button>
</div>
<div id="Phones">
<i class="fa fa-close Close"></i>
<img src="/image/samsung_galaxy_s9.jpg" class="one">
<img src="/image/samsung_galaxy_s7_edge.jpg" class="one">
<img src="/image/Samsung Galaxy 6.jpg" class="one">
<hr>
<div class="col-lg-3 col-md-6 ">
<h3>Brand :</h3>
<p> Samsung</p>
<p>nternal Memory : 512GB</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Speed</h3>
<p> HSPA 42.2/5.76 Mbps, LTE-A (5CA) Cat18 1200/200 Mbps</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>RAM</h3>
<p>Memory:6GB 128G</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Size</h3>
<p>6.4 inches, 103.2 cm2 (~83.4% screen-to-body ratio)</p>
</div>
<button class="Add">Buy Now</button>
<button class="Add">Add Card</button>
</div>
<div id="Speakers">
<i class="fa fa-close Close"></i>
<img src="/image/JBL Everest 700 Wireless.jpg" class="one">
<img src="/image/JBL Charge 3 Black.jpg" class="one">
<img src="/image/JBL Synchros E50.jpg" class="one">
<hr>
<div class="col-lg-3 col-md-6 ">
<h3>Hard Drive</h3>
<p>552GB SSD</p>
<p>Operating System: DOS</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Audio</h3>
<p>Intel HD Graphics 620</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Voice</h3>
<p> 2400T</p>
<p> 2400T</p>
<p> 2400T</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Simnple</h3>
<p>Record</p>
<p>Record</p>
<p>Record</p>
</div>
<button class="Add">Buy Now</button>
<button class="Add">Add Card</button>
</div>
<div id="Camara">
<i class="fa fa-close Close"></i>
<img src="/image/MacBook1.png" class="one">
<img src="/image/MacBook2.png" class="one">
<img src="/image/MacBook3.png" class="one">
<hr>
<div class="col-lg-3 col-md-6 ">
<h3>Hard Drive</h3>
<p>552GB SSD</p>
<p>Operating System: DOS</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Graphics</h3>
<p>Intel HD Graphics 620</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>RAM</h3>
<p>Memory:8GB DDR4 2400T</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Prosessor</h3>
<p>7th Generation Intel® core i5-7200U Processor
(2.50GHz up to 3.10GHz, 3MB Cache)</p>
</div>
<button class="Add">Buy Now</button>
<button class="Add">Add Card</button>
</div>
<div id="Watchs">
<i class="fa fa-close Close"></i>
<img src="/image/MacBook1.png" class="one">
<img src="/image/MacBook2.png" class="one">
<img src="/image/MacBook3.png" class="one">
<hr>
<div class="col-lg-3 col-md-6 ">
<h3>Hard Drive</h3>
<p>552GB SSD</p>
<p>Operating System: DOS</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Graphics</h3>
<p>Intel HD Graphics 620</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>RAM</h3>
<p>Memory:8GB DDR4 2400T</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Prosessor</h3>
<p>7th Generation Intel® core i5-7200U Processor
(2.50GHz up to 3.10GHz, 3MB Cache)</p>
</div>
<button class="Add">Buy Now</button>
<button class="Add">Add Card</button>
</div>
<div id="Headphone">
<i class="fa fa-close Close"></i>
<img src="/image/MacBook1.png" class="one">
<img src="/image/MacBook2.png" class="one">
<img src="/image/MacBook3.png" class="one">
<hr>
<div class="col-lg-3 col-md-6 ">
<h3>Hard Drive</h3>
<p>552GB SSD</p>
<p>Operating System: DOS</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Graphics</h3>
<p>Intel HD Graphics 620</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>RAM</h3>
<p>Memory:8GB DDR4 2400T</p>
</div>
<div class="col-lg-3 col-md-6 ">
<h3>Prosessor</h3>
<p>7th Generation Intel® core i5-7200U Processor
(2.50GHz up to 3.10GHz, 3MB Cache)</p>
</div>
<button class="Add">Buy Now</button>
<button class="Add">Add Card</button>
</div>
<div class="nav1">
<div class="column">
<h3>IPHONE</h3>
<a href="#">iPhone XS Max</a>
<a href="#">iPhone XS </a>
<a href="#">iPhone XR</a>
<a href="#">iPhone X</a>
<a href="#">iPhone 9</a>
<a href="#">iPhone 8</a>
<button>Phone More » </button>
</div>
<div class="column">
<h3>SAMSUNG</h3>
<a href="#">Samsung Galaxy S9</a>
<a href="#">Samsung Galaxy S8</a>
<a href="#">Samsung Galaxy S7</a>
<a href="#">Samsung Galaxy S6</a>
<a href="#">Samsung Galaxy Note9</a>
<a href="#">Samsung Galaxy Note8</a>
<button>Phone More » </button>
</div>
<div class="column">
<h3>HUAWIE</h3>
<a href="#"></a>
<a href="#">HUAWIE Pro20</a>
<a href="#">HUAWIE Pro19</a>
<a href="#">HUAWIE Pro18</a>
<a href="#">HUAWIE Pro17</a>
<a href="#">HUAWIE Pro16</a>
<a href="#">HUAWIE Pro15</a>
<button>Phone More » </button>
</div>
<div class="column"> <i class="fa fa-close Close"></i>
<h3>OPPO</h3>
<a href="#">OPPO Fine X</a>
<a href="#">OPPO F9</a>
<a href="#">OPPO F7</a>
<a href="#">OPPO F5</a>
<a href="#">OPPO F3</a>
<a href="#">OPPO F1</a>
<button class="PM">Phone More » </button>
</div>
</div>
</div>
<!--Conttant-->
<div id="contantainer">
<img src="/image/Cover.gif" class="Image" style="width:100%;">
<!--COMPUTER-->
<div class="row">
<div class="column COMPUTER">
<div class="content">
<a href="#"target="_blank">
<img title="MacBook"src="image/MacBook.jpg"style="width:100%"
onclick="COMPUTER" class="hover-shadow cursor"></a>
<h4>Computer MacBook</h4>
<button id="M">More »</button>
<p class="price">$1999.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column COMPUTER">
<div class="content">
<a href="#"target="_blank">
<img title="Computer ASus"src="image/pc ASus.jpg"style="width:100%"
onclick="COMPUTER" class="hover-shadow cursor"></a>
<h4>Computer ASus</h4>
<button>More » </button>
<p class="price">$450.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column COMPUTER">
<div class="content">
<a href="#"target="_blank">
<img title="CES 2018 ASUS"src="image/CES 2018 ASUS.jpg"style="width:100%"
onclick="COMPUTER" class="hover-shadow cursor"></a>
<h4>CES 2018 ASUS</h4>
<button>More » </button>
<p class="price">$950.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column COMPUTER">
<div class="content">
<a href="#"target="_blank">
<img title="HP-Laptop Pavilion"src="image/HP - Laptop Pavilion.jpg"style="width:100%"
onclick=" COMPUTER" class="hover-shadow cursor"></a>
<h4>HP-Laptop Pavilion</h4>
<button>More » </button>
<p class="price">$850.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column COMPUTER">
<div class="content">
<a href="#"target="_blank">
<img title="Laptops VAIO"src="image/Laptops VAIO.jpg"style="width:100%"
onclick="COMPUTER" class="hover-shadow cursor"></a>
<h4>Laptops VAIO</h4>
<button>More » </button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column COMPUTER">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG Laptops"src="image/SAMSUNG Laptops.jpg"style="width:100%"
onclick="COMPUTER" class="hover-shadow cursor"></a>
<h4>SAMSUNG Laptops</h4>
<button> More » </button>
<p class="price">$750.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column COMPUTER">
<div class="content">
<a href="#"target="_blank">
<img title="Computer Aser"src="image/\Computer Aser.jpg"style="width:100%"
onclick="COMPUTER" class="hover-shadow cursor"></a>
<h4>Computer Aser</h4>
<button> More » </button>
<p class="price">$650.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column COMPUTER">
<div class="content">
<a href="#"target="_blank">
<img title="Computer Acer"src="image/Best 2-in-1 Convertible.jpg"style="width:100%"
onclick="COMPUTER" class="hover-shadow cursor"></a>
<h4>Computer Acer</h4>
<button> More » </button>
<p class="price">$550.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<!-- PHONES SAMSUNG -->
<div class="column PHONES ">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG GALAXY S9"src="image/samsung_galaxy_s9.jpg"style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXYS9</h4>
<button id="P"> More » </button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG GALAXY S8" src="image/samsung_galaxy_s8.jpeg" style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXYS8</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG GALAXY S7"src="image/samsung_galaxy_s7_edge.jpg" style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXY S7</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG Note 9" src="image/Galaxy-Note-9.jpg" style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXY Note-9</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG Note 8"src="image/Samsung-Galaxy-Note-8.jpg" style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXY Note-8</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG Note 7"src="image/Galaxy-Note-7.jpg" style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXY Note-7</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG Note 6"src="image/Samsung Galaxy 6.jpg" style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXY Note-6</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG Note 5" src="image/Samsung Galaxy 5.jpg" style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXY Note-5</h4>
<button>More »</button>
<p class="price">$250.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<a href="#"target="_blank">
<img title="SAMSUNG Note 4"src="image/Samsung-Galaxy-Note-4.jpg" style="width:100%"
onclick="PHONES" class="hover-shadow cursor"></a>
<h4>SAMSUNG GALAXY Note-4</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<!--IPHONE PHONE -->
<div class="column PHONES">
<div class="content">
<img title="IPHONE X"src="image/iphone-xs-max.jpg" alt="IPHONE" style="width:100%"
onclick="IPHONES" class="hover-shadow cursor">
<h4>IPHONE X</h4>
<button id="M">More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<img title="IPHONE X"src="image/iphone-xs.jpg" alt="IPHONE" style="width:100%"
onclick="IPHONES" class="hover-shadow cursor">
<h4>IPHONE XS</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<img title="IPHONE X"src="image/iphone-xr.jpg" alt="IPHONE" style="width:100%"
onclick="IPHONES" class="hover-shadow cursor">
<h4>I PHONE XR</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<img title="IPHONE X"src="image/Iphone X.jpg" alt="IPHONE" style="width:100%"
onclick="IPHONES" class="hover-shadow cursor">
<h4>IPHONE X</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<img title="IPHONE 8"src="image/Iphone 8.jpg" alt="IPHONE" style="width:100%"
onclick="IPHONES" class="hover-shadow cursor">
<h4>IPHONE 8</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column PHONES">
<div class="content">
<img title="IPHONE 7"src="image/Iphone 7.jpg" alt="IPHONE" style="width:100%"
onclick="PHONES" class="hover-shadow cursor">
<h4>IPHONE 7</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<!--CAMERA-->
<div class="column CAMERA'">
<div class="content">
<img title="CANON Profesional EOS"src="image/Cámara CANON Profesional EOS 5.jpg"
alt="Cámara CANON Profesional EOS 5" style="width:100%"
onclick="CAMERA" class="hover-shadow cursor">
<h4>CANON Profesional EOS</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column CAMERA">
<div class="content">
<img title="Canon EOS 200D"src="image/MERDEKA SALE) Canon EOS 200D.jpg" alt="Canon EOS 200D" style="width:100%"
onclick="CAMERA" class="hover-shadow cursor">
<h4>Canon EOS 200D</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column CAMERA">
<div class="content">
<img title="Canon EOS 360D"src="image/Cameras.com Canon EOS.jpg" alt="Canon EOS 360D" style="width:100%"
onclick="CAMERA" class="hover-shadow cursor">
<h4>Canon EOS 360D</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column CAMERA">
<div class="content">
<img title="Canon 5D Mark"src="image/Canon 5D Mark.jpg" alt="Canon 5D Mark" style="width:100%"
onclick="CAMERA" class="hover-shadow cursor">
<h4>Canon 5D Mark</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column CAMERA">
<div class="content">
<img title="Canon Black EOS "src="image/Canon Black EOS Rebel T6 EF-S.jpg" alt="Canon Black EOS " style="width:100%"
onclick="CAMERA" class="hover-shadow cursor">
<h4>Canon Black EOS </h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column CAMERA">
<div class="content">
<img title="Canon Black EOS "src="image/Canon Eos 200D.jpg" alt="Canon Eos 200D " style="width:100%"
onclick="CAMERA" class="hover-shadow cursor">
<h4>Canon Eos 200D </h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column CAMERA">
<div class="content">
<img title="Canon EOS M100 "src="image/Canon EOS M100.jpg" alt="Canon EOS M100 " style="width:100%"
onclick="CAMERA" class="hover-shadow cursor">
<h4>Canon EOS M100 </h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column CAMERA">
<div class="content">
<img title="Canon Pentax ZX-7 Quartz"src="image/Canon Pentax ZX-7 Quartz.jpg" alt="Canon Eos 200D " style="width:100%"
onclick="CAMERA" class="hover-shadow cursor">
<h4>Canon Pentax ZX-7 Quartz </h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<!-- WATCH -->
<div class="column WATCHS">
<div class="content">
<img title="SAMSUNG Gear 4"src="image/Samsung Gear 4.jpg" alt="SPEAKER" style="width:100%"
onclick="WATCHSE" class="hover-shadow cursor">
<h4>SAMSUNG Gear 4</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column WATCHS">
<div class="content">
<img title="SAMSUNG Gear Fit 3"src="image/Samsung Gear Fit 2.jpg" alt="SPEAKER" style="width:100%"
onclick="WATCHS" class="hover-shadow cursor">
<h4>SAMSUNG Gear Fit 3</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column WATCHS">
<div class="content">
<img title="Samsung Gear2"src="image/Samsung Gear2.jpg" alt="SPEAKER" style="width:100%"
onclick="WATCHS" class="hover-shadow cursor">
<h4>SAMSUNG Gear 2</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column WATCHS">
<div class="content">
<img title="Smartwatch A9"src="image/Smartwatch A9.jpg" alt="SPEAKER" style="width:100%"
onclick="WATCHS" class="hover-shadow cursor">
<h4>SMARTWATCH A9</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column WATCHS">
<div class="content">
<img title="Smartwatch A8"src="image/Smartwatch A8.jpg" alt="SPEAKER" style="width:100%"
onclick="WATCHS" class="hover-shadow cursor">
<h4>SMARTWATCH A8</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column WATCHS">
<div class="content">
<img title="Apple Watch Series 4"src="image/Apple Watch Series 4.jpg" alt="SPEAKER" style="width:100%"
onclick="WATCHS" class="hover-shadow cursor">
<h4>Apple Watch Series 4</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column WATCHS">
<div class="content">
<img title="Apple Watch Series 3"src="image/Apple Watch Series 3.jpg" alt="SPEAKER" style="width:100%"
onclick="WATCHS" class="hover-shadow cursor">
<h4>Apple Watch Series 3</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column WATCHS">
<div class="content">
<img title="Apple Watch Series 1"src="image/Apple Watch Series 1.jpg" alt="SPEAKER" style="width:100%"
onclick="WATCHS" class="hover-shadow cursor">
<h4>Apple Watch Series 1</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<!-- SPEAKER -->
<div class="column SPEAKER">
<div class="content">
<img title="SPEAKER SONY"src="image/Sony-Speaker.jpg" alt="SPEAKER" style="width:100%"
onclick="SPEAKER" class="hover-shadow cursor">
<h4>SPEAKER SONY</h4>
<button id="S">More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column SPEAKER">
<div class="content">
<img title="JBL FLIP 3 Wireless"src="image/JBL FLIP 3 Wireless.jpg" alt="SPEAKER" style="width:100%"
onclick="SPEAKER" class="hover-shadow cursor">
<h4>JBL FLIP 3 Wireless</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column SPEAKER">
<div class="content">
<img title="SPEAKER JBL"src="image/Speaker JBL.jpg" alt="SPEAKER" style="width:100%"
onclick="SPEAKER" class="hover-shadow cursor">
<h4>SPEAKER JBL</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column SPEAKER">
<div class="content">
<img title="SPEAKER SAMSUNG"src="image/JBL Link 10 Voice-Activated.jpg" alt="SPEAKER" style="width:100%"
onclick="SPEAKER" class="hover-shadow cursor">
<h4>SPEAKER SAMSUNG</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column SPEAKER">
<div class="content">
<img title="Speaker JBL Flip 2"src="image/Speaker JBL Flip 2.jpg" alt="SPEAKER" style="width:100%"
onclick="SPEAKER" class="hover-shadow cursor">
<h4>Speaker JBL Flip 2</h4>
<button>More »</button>
<p class="price">$250.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column SPEAKER">
<div class="content">
<img title="JBL Link 10 Voice-Activated"src="image/JBL Link 10 Voice-Activated.jpg" alt="SPEAKER" style="width:100%"
onclick="SPEAKER" class="hover-shadow cursor">
<h4>JBL Link 10 Voice-Activated</h4>
<button>More »</button>
<p class="price">$150.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column SPEAKER">
<div class="content">
<img title="SPEAKER SAMSUNG"src="image/Samsung-Speaker.jpg" alt="SPEAKER" style="width:100%"
onclick="SPEAKER" class="hover-shadow cursor">
<h4>SPEAKER SAMSUNG</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column SPEAKER">
<div class="content">
<img title="SPEAKER SAMSUNG"src="image/Samsung-Speaker.jpg" alt="SPEAKER" style="width:100%"
onclick="SPEAKER" class="hover-shadow cursor">
<h4>SPEAKER SAMSUNG</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<!-- HEADPHONES -->
<div class="column HEADPHONES">
<div class="content">
<img title="HEADPHONES JBL"src="image/ACCESSORY-JBL.jpg" alt="HEADPHONES" style="width:100%"
onclick="HEADPHONES" class="hover-shadow cursor">
<h4>HEADPHONES JBL</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column HEADPHONES">
<div class="content">
<img title="HEADPHONES AGK"src="image/AKG-Y50BT.png" alt="HEADPHONES" style="width:100%"
onclick="HEADPHONES" class="hover-shadow cursor">
<h4>HEADPHONES AGK</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column HEADPHONES">
<div class="content">
<img title="JBL Everest Elite 700"src="image/JBL Everest Elite 700.jpg" alt="JBL Everest Elite 700" style="width:100%"
onclick="HEADPHONES" class="hover-shadow cursor">
<h4>JBL Everest Elite 700</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column HEADPHONES">
<div class="content">
<img title="JBL Synchros E50"src="image/JBL Synchros E50.jpg" alt="JBL Synchros E50" style="width:100%"
onclick="HEADPHONES" class="hover-shadow cursor">
<h4>JBL Synchros E50</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column HEADPHONES">
<div class="content">
<img title="HJBL Everest 700 Wireless"src="image/JBL Everest 700 Wireless.jpg" alt="JBL Everest 700 Wireless" style="width:100%"
onclick="HEADPHONES" class="hover-shadow cursor">
<h4>JBL Everest 700 Wireless</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column HEADPHONES">
<div class="content">
<img title="HEADPHONES AGK"src="image/AKG-Y50BT.png" alt="HEADPHONES" style="width:100%"
onclick="HEADPHONES" class="hover-shadow cursor">
<h4>HEADPHONES AGK</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column HEADPHONES">
<div class="content">
<img title="Sennheiser HD 4.50 BTNC"src="image/Sennheiser HD 4.50 BTNC.jpg" alt="Sennheiser HD 4.50 BTNC" style="width:100%"
onclick="HEADPHONES" class="hover-shadow cursor">
<h4>Sennheiser HD 4.50 BTNC</h4>
<button> More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<div class="column HEADPHONES">
<div class="content">
<img title="HEADPHONES B"src="image/HEADPHONES B.jpg" alt="HEADPHONES" style="width:100%"
onclick="HEADPHONES" class="hover-shadow cursor">
<h4>HEADPHONES_B</h4>
<button>More »</button>
<p class="price">$350.99</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
</div>
<!--More-->
<!-- END GRID -->
</div>
<!-- END MAIN -->
</div>
</div>
<!--Footer-->
<div class="rows">
<div class="col-one C">
<h3>Official Product</h3>
<p>100%</p>
<i class="fa fa-handshake-o" style="font-size:26px"></i>
</div>
<div class="col-two C">
<h3>Delivery Service</h3>
<p>12 Hours</p>
<i class="fa fa-truck" style="font-size:26px;color:black"></i>
</div>
<div class="col-three C">
<h3>Cash On Delivery</h3>
<p>Contact Card</p>
<i class="fa fa-cc-visa Card"></i>
<i class="fa fa-cc-paypal Paypay"></i>
<i class="fa fa-cc-mastercard MasterCard"></i>
</div>
<div class="col-foure C">
<h3>Service</h3>
<p>Setting</p>
<i class="fa fa-cog" style="font-size:26px"></i>
</div>
</div>
<div id="footer-top">
<div class="footers">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-center">
<h4>PROFILE GROUP</h4>
<hr>
<a href="https://www.facebook.com/SoengSouy.Offiial"target="_blank">
<img title="Soeng Souy"src="/image/SoengSouy.png"style="height:60px;width:60px;">
<a href="https://www.facebook.com/RockBoyEmozZz"target="_blank">
<img title="Cheat Veasa Odom"src="/image/cheat veasa.png"style="height:60px;width:60px;">
</div>
<div class="col-lg-3 col-md-6 footer-left">
<h4>CONTACT WITH US</h4>
<hr>
<a class="fa fa-phone"> 0966686271|099799001</a>
<br>
<a class="fa fa-map-marker"></a> St.Confederation de la Russie Blvd, Sangkat Teok Thlar, Khan Sen Sok,
Phnom Phenh, Cambodia
.</a>
</div>
<div class="col-lg-3 col-md-6 footer-center">
<h4>KHMER ONLINE</h4>
<hr>
<p>áž‚េáž áž‘ំáž–័ážš Khmer-Online</p>
</div>
<div class="col-lg-3 col-md-6 footer-right">
<h4>FOLLOW WITH US</h4>
<hr>
<a href="https://www.twitter.com/" target="_blank" class="twitter" title="Twitter"><i class="fa fa-twitter-square"></i></a>
<a href="https://www.instagram.com/" target="_blank" class="instagram" title="Instagram"><i class="fa fa-instagram"></i></a>
<a href="https://www.plus.google.com/" target="_blank" class="google" title="Google+"><i class=" fa fa-google-plus-square"></i></a>
<a href="https://www.facebook.com/" target="_blank" class="facebook" title="Facebook"><i class="fa fa-facebook-square"></i></a>
<a href="https://www.youtube.com/" target="_blank" class="youtobe" title="Youtobe"><i class="fa fa-youtube-square"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Footer Copyright-->
<div id="footer">
<span> <i class="fa fa-copyright"></i> Copyright 2018-khmer-online.All Right Reserved</span>
</div>
</div>
</body>
</html>
0 Comments
CAN FEEDBACK
Emoji