Web Design Template HTML CSS JAVASCIPT BOOTSRAPT

Web Design Template HTML CSS JAVASCIPT BOOTSRAPT

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 &raquo; </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 &raquo; </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 &raquo; </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 &raquo; </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 &raquo;</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 &raquo; </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 &raquo; </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 &raquo; </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 &raquo; </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 &raquo; </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 &raquo; </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 &raquo; </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 &raquo; </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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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>


  
Reactions

Post a Comment

0 Comments

close