⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.91
Server IP:
157.245.101.34
Server:
Linux skvinfotech-website 5.4.0-131-generic #147-Ubuntu SMP Fri Oct 14 17:07:22 UTC 2022 x86_64
Server Software:
Apache/2.4.41 (Ubuntu)
PHP Version:
7.4.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
var
/
www
/
skvcomputers.com
/
rtl
/
View File Name :
product-v2.html
<!DOCTYPE html> <html lang="en"> <head> <!-- Basic page needs ============================================ --> <title>Maxshop - Premium Multipurpose HTML5/CSS3 Theme</title> <meta charset="utf-8"> <meta name="keywords" content="boostrap, responsive, html5, css3, jquery, theme, multicolor, parallax, retina, business" /> <meta name="author" content="Magentech"> <meta name="robots" content="index, follow" /> <!-- Mobile specific metas ============================================ --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Favicon ============================================ --> <link rel="shortcut icon" href="ico/favicon.png"> <!-- Google web fonts ============================================ --> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Roboto:400,500,700,900' rel='stylesheet' type='text/css'> <!-- Libs CSS ============================================ --> <link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css"> <link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet"> <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet"> <link href="css/themecss/lib.css" rel="stylesheet"> <link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet"> <link href="js/lightslider/lightslider.css" rel="stylesheet"> <!-- Theme CSS ============================================ --> <link href="css/themecss/so_megamenu.css" rel="stylesheet"> <link href="css/themecss/so-categories.css" rel="stylesheet"> <link href="css/themecss/so-listing-tabs.css" rel="stylesheet"> <link id="color_scheme" href="css/theme.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet"> <!-- Include Libs & Plugins ============================================ --> <!-- Placed at the end of the document so the pages load faster --> <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script> <script type="text/javascript" src="js/themejs/libs.js"></script> <script type="text/javascript" src="js/unveil/jquery.unveil.js"></script> <script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script> <script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script> <script type="text/javascript" src="js/datetimepicker/moment.js"></script> <script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script> <script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script> <script type="text/javascript" src="js/lightslider/lightslider.js"></script> <!-- Theme files ============================================ --> <script type="text/javascript" src="js/themejs/so_megamenu.js"></script> <script type="text/javascript" src="js/themejs/addtocart.js"></script> <script type="text/javascript" src="js/themejs/application.js"></script> </head> <body class="res layout-subpage"> <div id="wrapper" class="wrapper-full "> <!-- Header Container --> <header id="header" class=" variantleft type_1"> <!-- Header Top --> <div class="header-top compact-hidden"> <div class="container"> <div class="row"> <div class="header-top-left col-lg-4 hidden-sm col-md-5 hidden-xs"> <ul class="list-inlines"> <li class="hidden-xs" > <div class="welcome-msg"> <ul class="list-msg"> <li><label class="label-msg">This week</label> <a href="#">Sale special too good to miss in every gear</a></li> <li><label class="label-msg">Tomorrow</label> <a href="#">Laten ipsum dolor sit amet. In gravida pellen</a></li> </ul> </div> </li> </ul> </div> <div class="header-top-right collapsed-block col-lg-8 col-sm-12 col-md-7 col-xs-12 "> <h5 class="tabBlockTitle visible-xs">More<a class="expander " href="#TabBlock-1"><i class="fa fa-angle-down"></i></a></h5> <div class="tabBlock" id="TabBlock-1"> <ul class="top-link list-inline"> <li class="account" id="my_account"> <a href="#" title="My Account" class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <span >My Account</span> <span class="fa fa-angle-down"></span></a> <ul class="dropdown-menu "> <li><a href="register.html"><i class="fa fa-user"></i> Register</a></li> <li><a href="login.html"><i class="fa fa-pencil-square-o"></i> Login</a></li> </ul> </li> <li class="wishlist "><a href="wishlist.html" id="wishlist-total" class="top-link-wishlist" title="Wish List (2)"><span>Wish List (2)</span></a></li> <li class="checkout hidden"><a href="checkout.html" class="top-link-checkout" title="Checkout"><span >Checkout</span></a></li> <li class="login hidden"><a href="cart.html" title="Shopping Cart"><span >Shopping Cart</span></a></li> <li class="form-group currency currencies-block"> <form action="index.html" method="post" enctype="multipart/form-data" id="currency"> <a class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <span class="icon icon-credit "></span> US Dollar <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu btn-xs"> <li> <a href="#">(€) Euro</a></li> <li> <a href="#">(£) Pounds </a></li> <li> <a href="#">($) US Dollar </a></li> </ul> </form> </li> <li class="form-group languages-block "> <form action="index.html" method="post" enctype="multipart/form-data" id="bt-language"> <a class="btn btn-xs dropdown-toggle" data-toggle="dropdown"> <img src="image/demo/flags/gb.png" alt="English" title="English"> <span class="">English</span> <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li><a href="index.html"><img class="image_flag" src="image/demo/flags/gb.png" alt="English" title="English" /> English </a></li> <li> <a href="index.html"> <img class="image_flag" src="image/demo/flags/lb.png" alt="Arabic" title="Arabic" /> Arabic </a> </li> </ul> </form> </li> </ul> </div> </div> </div> </div> </div> <!-- //Header Top --> <!-- Header center --> <div class="header-center"> <div class="container"> <div class="row"> <!-- LOGO --> <div class="navbar-logo col-md-3 col-sm-4 col-xs-10"> <a href="index.html"><img src="image/demo/logos/theme_logo.png" title="Your Store" alt="Your Store" /></a> </div> <div class="header-center-right col-md-9 col-sm-8 col-xs-2"> <div class="responsive so-megamenu megamenu-style-dev"> <nav class="navbar-default"> <div class=" container-megamenu horizontal"> <div class="navbar-header"> <button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="megamenu-wrapper "> <span id="remove-megamenu" class="fa fa-times"></span> <div class="megamenu-pattern"> <div class="container"> <ul class="megamenu " data-transition="slide" data-animationtime="250"> <li class="home hover"> <a href="index.html">Home <b class="caret"></b></a> <div class="sub-menu" style="width:100%;" > <div class="content" > <div class="row"> <div class="col-md-3"> <a href="index.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-1.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - (Default)</h3> </a> </div> <div class="col-md-3"> <a href="home2.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-2.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 2</h3> </a> </div> <div class="col-md-3"> <a href="home3.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-3.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 3</h3> </a> </div> <div class="col-md-3"> <a href="home4.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-4.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 4</h3> </a> </div> <div class="col-md-3"> <a href="home5.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-5.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 5</h3> </a> </div> <div class="col-md-3"> <a href="home6.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-6.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 6</h3> </a> </div> <div class="col-md-3"> <a href="home7.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-7.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 7</h3> </a> </div> <div class="col-md-3"> <a href="home8.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-8.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 8</h3> </a> </div> <div class="col-md-3"> <a href="home9.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-9.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 9</h3> </a> </div> <div class="col-md-3"> <a href="home10.html" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-10.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 10</h3> </a> </div> <div class="col-md-3"> <a href="#" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-11.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 11</h3> </a> </div> <div class="col-md-3"> <a href="#" class="image-link"> <span class="thumbnail"> <img class="img-responsive img-border" src="image/demo/menu/home-12.jpg" alt=""> <span class="btn btn-default">Read More</span> </span> <h3 class="figcaption">Home page - Layout 12</h3> </a> </div> </div> </div> </div> </li> <li class="with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> Features </strong> <b class="caret"></b> </a> <div class="sub-menu" style="width: 100%; right: auto;"> <div class="content" > <div class="row"> <div class="col-md-3"> <div class="column"> <a href="#" class="title-submenu">Listing pages</a> <div> <ul class="row-list"> <li><a href="category.html">Category Page 1 </a></li> <li><a href="category-v2.html">Category Page 2</a></li> <li><a href="category-v3.html">Category Page 3</a></li> </ul> </div> </div> </div> <div class="col-md-3"> <div class="column"> <a href="#" class="title-submenu">Product pages</a> <div> <ul class="row-list"> <li><a href="product.html">Product Page 1</a></li> <li><a href="product-v2.html">Product Page 2</a></li> <li><a href="product-v3.html">Product Page 3</a></li> <li><a href="product-v4.html">Product Page 4</a></li> </ul> </div> </div> </div> <div class="col-md-3"> <div class="column"> <a href="#" class="title-submenu">Shopping pages</a> <div> <ul class="row-list"> <li><a href="cart.html">Shopping Cart Page</a></li> <li><a href="checkout.html">Checkout Page</a></li> <li><a href="compare.html">Compare Page</a></li> <li><a href="wishlist.html">Wishlist Page</a></li> </ul> </div> </div> </div> <div class="col-md-3"> <div class="column"> <a href="#" class="title-submenu">My Account pages</a> <div> <ul class="row-list"> <li><a href="login.html">Login Page</a></li> <li><a href="register.html">Register Page</a></li> <li><a href="my-account.html">My Account</a></li> <li><a href="order-history.html">Order History</a></li> <li><a href="order-information.html">Order Information</a></li> <li><a href="return.html">Product Returns</a></li> <li><a href="gift-voucher.html">Gift Voucher</a></li> </ul> </div> </div> </div> </div> </div> </div> </li> <li class="with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong><img src="image/demo/menu/hot-icon.png" alt="">Pages</strong> <b class="caret"></b> </a> <div class="sub-menu" style="width: 40%; "> <div class="content" > <div class="row"> <div class="col-md-6"> <ul class="row-list"> <li><a class="subcategory_item" href="faq.html">FAQ</a></li> <li><a class="subcategory_item" href="typography.html">Typography</a></li> <li><a class="subcategory_item" href="sitemap.html">Site Map</a></li> <li><a class="subcategory_item" href="contact.html">Contact us</a></li> <li><a class="subcategory_item" href="banner-effect.html">Banner Effect</a></li> </ul> </div> <div class="col-md-6"> <ul class="row-list"> <li><a class="subcategory_item" href="about-us.html">About Us 1</a></li> <li><a class="subcategory_item" href="about-us-2.html">About Us 2</a></li> <li><a class="subcategory_item" href="about-us-3.html">About Us 3</a></li> <li><a class="subcategory_item" href="about-us-4.html">About Us 4</a></li> </ul> </div> </div> </div> </div> </li> <li class="with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong><img src="image/demo/menu/new-icon.png" alt="">Categories</strong> <span class="label"></span> <b class="caret"></b> </a> <div class="sub-menu" style="width: 100%; display: none;"> <div class="content"> <div class="row"> <div class="col-sm-12"> <div class="row"> <div class="col-md-3 img img1"> <a href="#"><img src="image/demo/cms/img1.jpg" alt="banner1"></a> </div> <div class="col-md-3 img img2"> <a href="#"><img src="image/demo/cms/img2.jpg" alt="banner2"></a> </div> <div class="col-md-3 img img3"> <a href="#"><img src="image/demo/cms/img3.jpg" alt="banner3"></a> </div> <div class="col-md-3 img img4"> <a href="#"><img src="image/demo/cms/img4.jpg" alt="banner4"></a> </div> </div> </div> </div> <div class="row"> <div class="col-md-3"> <a href="#" class="title-submenu">Automotive</a> <div class="row"> <div class="col-md-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">Car Alarms and Security</a></li> <li><a href="#" class="main-menu">Car Audio & Speakers</a></li> <li><a href="#" class="main-menu">Gadgets & Auto Parts</a></li> <li><a href="#" class="main-menu">More Car Accessories</a></li> </ul> </div> </div> </div> </div> <div class="col-md-3"> <a href="#" class="title-submenu">Electronics</a> <div class="row"> <div class="col-md-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">Battereries & Chargers</a></li> <li><a href="#" class="main-menu">Headphones, Headsets</a></li> <li><a href="#" class="main-menu">Home Audio</a></li> <li><a href="#" class="main-menu">Mp3 Players & Accessories</a></li> </ul> </div> </div> </div> </div> <div class="col-md-3"> <a href="#" class="title-submenu">Jewelry & Watches</a> <div class="row"> <div class="col-md-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">Earings</a></li> <li><a href="#" class="main-menu">Wedding Rings</a></li> <li><a href="#" class="main-menu">Men Watches</a></li> <li><a href="#" class="main-menu">Women Watches</a></li> </ul> </div> </div> </div> </div> <div class="col-md-3"> <a href="#" class="title-submenu">Bags, Holiday Supplies</a> <div class="row"> <div class="col-md-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">Gift & Lifestyle Gadgets</a></li> <li><a href="#" class="main-menu">Gift for Man</a></li> <li><a href="#" class="main-menu">Gift for Woman</a></li> <li><a href="#" class="main-menu">Lighter & Cigar Supplies</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </li> <li class="with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong>Accessories</strong> <b class="caret"></b> </a> <div class="sub-menu" style="width: 100%; display: none;"> <div class="content" style="display: none;"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-6 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">Automotive</a> <ul> <li><a href="#">Car Alarms and Security</a></li> <li><a href="#" >Car Audio & Speakers</a></li> <li><a href="3#" >Gadgets & Auto Parts</a></li> </ul> </li> <li> <a href="#" class="main-menu">Smartphone & Tablets</a> <ul> <li><a href="#" >Accessories for i Pad</a></li> <li><a href="#" >Apparel</a></li> <li><a href="#" >Accessories for iPhone</a></li> </ul> </li> </ul> </div> </div> <div class="col-md-6 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">Sports & Outdoors</a> <ul> <li><a href="#" >Camping & Hiking</a></li> <li><a href="#" >Cameras & Photo</a></li> <li><a href="#" >Cables & Connectors</a></li> </ul> </li> <li> <a href="#" class="main-menu">Electronics</a> <ul> <li><a href="#" >Battereries & Chargers</a></li> <li><a href="#" >Bath & Body</a></li> <li><a href="#" >Outdoor & Traveling</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="col-md-4"> <span class="title-submenu">Bestseller</span> <div class="col-sm-12 list-product"> <div class="product-thumb"> <div class="image pull-left"> <a href="#"><img src="image/demo/shop/product/35.jpg" width="80" alt="Filet Mign" title="Filet Mign" class="img-responsive"></a> </div> <div class="caption"> <h4><a href="#">Filet Mign</a></h4> <div class="ratings"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> </div> <p class="price">$88.00</p> </div> </div> </div> <div class="col-sm-12 list-product"> <div class="product-thumb"> <div class="image pull-left"> <a href="#"><img src="image/demo/shop/product/W1.jpg" width="80" alt="Dail Lulpa" title="Dail Lulpa" class="img-responsive"></a> </div> <div class="caption"> <h4><a href="#">Dail Lulpa</a></h4> <div class="ratings"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> <p class="price">$78.00</p> </div> </div> </div> <div class="col-sm-12 list-product"> <div class="product-thumb"> <div class="image pull-left"> <a href="#"><img src="image/demo/shop/product/141.jpg" width="80" alt="Canon EOS 5D" title="Canon EOS 5D" class="img-responsive"></a> </div> <div class="caption"> <h4><a href="#">Canon EOS 5D</a></h4> <div class="ratings"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> <p class="price"> <span class="price-new">$60.00</span> <span class="price-old">$145.00</span> </p> </div> </div> </div> </div> </div> </div> </div> </li> <li class=""> <p class="close-menu"></p> <a href="blog-page.html" class="clearfix"> <strong>Blog</strong> <span class="label"></span> </a> </li> <li class="hidden-md color-buy"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong>Buy Theme!</strong> </a> </li> </ul> </div> </div> </div> </div> </nav> </div> </div> </div> </div> </div> <!-- //Header center --> <!-- Header Bottom --> <div class="header-bottom compact-hidden"> <div class="container"> <div class="header-bottom-inner"> <div class="row"> <div class="header-bottom-left menu-vertical col-md-3 col-sm-2 col-xs-2"> <div class="responsive so-megamenu megamenu-style-dev"> <div class="so-vertical-menu no-gutter compact-hidden"> <nav class="navbar-default"> <div class="container-megamenu vertical open"> <div id="menuHeading"> <div class="megamenuToogle-wrapper"> <div class="megamenuToogle-pattern"> <div class="container"> <div> <span></span> <span></span> <span></span> </div> Categories <i class="fa pull-right arrow-circle fa-chevron-circle-up"></i> </div> </div> </div> </div> <div class="navbar-header"> <button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="vertical-wrapper" > <span id="remove-verticalmenu" class="fa fa-times"></span> <div class="megamenu-pattern"> <div class="container"> <ul class="megamenu"> <li class="item-vertical style1 with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Automotive & Motocrycle</span> <b class="fa fa-angle-right"></b> </strong> </a> <div class="sub-menu" data-subwidth="100" > <div class="content" > <div class="row"> <div class="col-sm-8"> <div class="categories "> <div class="row"> <div class="col-sm-6 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">Automotive</a> <ul> <li> <a href="#">Car Alarms and Security</a> </li> <li> <a href="#">Car Audio & Speakers</a> </li> <li> <a href="#">Gadgets & Auto Parts</a> </li> <li> <a href="#">More Car Accessories</a> </li> </ul> </li> <li> <a href="#" class="main-menu">Computer</a> <ul> <li> <a href="#">Camping & Hiking</a> </li> <li> <a href="#">Cusen mariot</a> </li> <li> <a href="#">Denta magela</a> </li> <li> <a href="#">Engite nanet</a> </li> </ul> </li> </ul> </div> </div> <div class="col-sm-6 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">Electronics </a> <ul> <li> <a href="#">Angene mafin</a> </li> <li> <a href="#">Egante mangetes</a> </li> <li> <a href="#">Gante extensg</a> </li> <li> <a href="#">Guntes magesg</a> </li> </ul> </li> <li> <a href="#" class="main-menu">Mobile & Tablet </a> <ul> <li> <a href="#">Hanet magente</a> </li> <li> <a href="#">Knage unget</a> </li> <li> <a href="#">Latenge mange</a> </li> <li> <a href="#">Punge nenune</a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="row img-banner"> <a href="#"><img src="image/demo/cms/img-static-megamenu-h.png" alt="banner"></a> </div> </div> </div> </div> </div> </li> <li class="item-vertical"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Electronic</span> </strong> </a> </li> <li class="item-vertical with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <span class="label"></span> <strong> <span>Sports & Outdoors</span> <b class="fa fa-angle-right"></b> </strong> </a> <div class="sub-menu" data-subwidth="60" > <div class="content"> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-md-12 static-menu"> <div class="menu"> <ul> <li> <a href="#" onclick="window.location = '81';" class="main-menu">Mobile Accessories</a> <ul> <li><a href="#" onclick="window.location = '33_63';">Gadgets & Auto Parts</a></li> <li><a href="#" onclick="window.location = '24_64';">Bath & Body</a></li> <li><a href="#" onclick="window.location = '17';">Bags, Holiday Supplies</a></li> </ul> </li> <li> <a href="#" onclick="window.location = '18_46';" class="main-menu">Battereries & Chargers</a> <ul> <li><a href="#" onclick="window.location = '25_28';">Outdoor & Traveling</a></li> <li><a href="#" onclick="window.location = '80';">Flashlights & Lamps</a></li> <li><a href="#" onclick="window.location = '24_66';">Fragrances</a></li> </ul> </li> <li> <a href="#" onclick="window.location = '25_31';" class="main-menu">Fishing</a> <ul> <li><a href="#" onclick="window.location = '57_73';">FPV System & Parts</a></li> <li><a href="#" onclick="window.location = '18';">Electronics</a></li> <li><a href="#" onclick="window.location = '20_76';">Earings</a></li> <li><a href="#" onclick="window.location = '33_60';">More Car Accessories</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="col-md-6"> <div class="row banner"> <a href="#"> <img src="image/demo/cms/menu_bg2.jpg" alt="banner1"> </a> </div> </div> </div> </div> </div> </li> <li class="item-vertical with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Health & Beauty</span> <b class="fa fa-angle-right"></b> </strong> </a> <div class="sub-menu" data-subwidth="100" > <div class="content" > <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">Car Alarms and Security</a> <ul> <li><a href="#" >Car Audio & Speakers</a></li> <li><a href="#" >Gadgets & Auto Parts</a></li> <li><a href="#" >Gadgets & Auto Parts</a></li> <li><a href="#" >Headphones, Headsets</a></li> </ul> </li> <li> <a href="24" onclick="window.location = '24';" class="main-menu">Health & Beauty</a> <ul> <li> <a href="#" >Home Audio</a> </li> <li> <a href="#" >Helicopters & Parts</a> </li> <li> <a href="#" >Outdoor & Traveling</a> </li> <li> <a href="#">Toys & Hobbies</a> </li> </ul> </li> </ul> </div> </div> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">Electronics</a> <ul> <li> <a href="#">Earings</a> </li> <li> <a href="#" >Salon & Spa Equipment</a> </li> <li> <a href="#" >Shaving & Hair Removal</a> </li> <li> <a href="#">Smartphone & Tablets</a> </li> </ul> </li> <li> <a href="#" class="main-menu">Sports & Outdoors</a> <ul> <li> <a href="#" >Flashlights & Lamps</a> </li> <li> <a href="#" >Fragrances</a> </li> <li> <a href="#" >Fishing</a> </li> <li> <a href="#" >FPV System & Parts</a> </li> </ul> </li> </ul> </div> </div> <div class="col-md-4 static-menu"> <div class="menu"> <ul> <li> <a href="#" class="main-menu">More Car Accessories</a> <ul> <li> <a href="#" >Lighter & Cigar Supplies</a> </li> <li> <a href="#" >Mp3 Players & Accessories</a> </li> <li> <a href="#" >Men Watches</a> </li> <li> <a href="#" >Mobile Accessories</a> </li> </ul> </li> <li> <a href="#" class="main-menu">Gadgets & Auto Parts</a> <ul> <li> <a href="#" >Gift & Lifestyle Gadgets</a> </li> <li> <a href="#" >Gift for Man</a> </li> <li> <a href="#" >Gift for Woman</a> </li> <li> <a href="#" >Gift for Woman</a> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </li> <li class="item-vertical css-menu with-sub-menu hover"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Smartphone & Tablets</span> <b class="fa fa-angle-right"></b> </strong> </a> <div class="sub-menu" data-subwidth="30" style="width: 270px; display: none; right: 0px;"> <div class="content" style="display: none;"> <div class="row"> <div class="col-sm-12"> <div class="categories "> <div class="row"> <div class="col-sm-12 hover-menu"> <div class="menu"> <ul> <li><a href="#" class="main-menu">Headphones, Headsets <b class="fa fa-angle-right"></b></a> <ul> <li><a href="#">Head Magente</a></li> <li><a href="#">Head Unget</a></li> <li><a href="#">Latenge mange</a></li> <li><a href="#">Car Alarms and Security</a></li> </ul> </li> <li><a href="#" class="main-menu">Home Audio</a></li> <li><a href="#" class="main-menu">Health & Beauty<b class="fa fa-angle-right"></b></a> <ul> <li><a href="#">Rengae manges</a></li> <li><a href="#">Mobiles</a></li> <li><a href="#">Macs</a></li> <li><a href="#">Punge nenune</a></li> </ul> </li> <li><a href="#" class="main-menu">Helicopters & Parts</a></li> <li><a href="#" class="main-menu">Car Audio & Speakers<b class="fa fa-angle-right"></b></a> <ul> <li><a href="#">Qunge genga</a></li> <li><a href="#">Accessories</a></li> <li><a href="#">Laptops & Notebooks</a></li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="item-vertical"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Flashlights & Lamps</span> </strong> </a> </li> <li class="item-vertical"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Camera & Photo</span> </strong> </a> </li> <li class="item-vertical"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Smartphone & Tablets</span> </strong> </a> </li> <li class="item-vertical" > <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Outdoor & Traveling Supplies</span> </strong> </a> </li> <li class="item-vertical" style="display: none;"> <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Health & Beauty</span> </strong> </a> </li> <li class="item-vertical" > <p class="close-menu"></p> <a href="#" class="clearfix"> <strong> <span>Toys & Hobbies </span> </strong> </a> </li> <li class="loadmore"> <i class="fa fa-plus-square-o"></i> <span class="more-view">More Categories</span> </li> </ul> </div> </div> </div> </div> </nav> </div> </div> </div> <!-- Main menu --> <div class="header-bottom-right col-md-9 col-sm-10 col-xs-10"> <div class="col-lg-9 col-md-8 col-sm-7 col-xs-9 header_search"> <!-- Search --> <div id="sosearchpro" class="search-pro"> <form method="GET" action="index.html"> <div id="search0" class="search input-group"> <div class="select_category filter_type icon-select"> <select class="no-border" name="category_id"> <option value="0">All Category</option> <option value="20">Desktops</option> <option value="26"> Home 9</option> <option value="27"> Home 8</option> <option value="18">Laptops & Notebooks</option> <option value="46"> Macs</option> <option value="45"> Windows</option> <option value="25">Automotive</option> <option value="35"> Gadgets & Auto Parts</option> <option value="36"> More Car Accessories</option> <option value="29"> Car Alarms and Security</option> <option value="28"> Car Audio & Speakers</option> <option value="30"> Printers</option> <option value="31"> Scanners</option> <option value="32"> Web Cameras</option> <option value="57">Mobile & Tablet </option> <option value="68"> Hanet magente</option> <option value="69"> Knage unget</option> <option value="70"> Latenge mange</option> <option value="67"> Punge nenune</option> <option value="71"> Qunge genga</option> <option value="65"> Tange manue</option> <option value="17">Electronics </option> <option value="64"> Angene mafin</option> <option value="60"> Egante mangetes</option> <option value="62"> Gante extensg</option> <option value="61"> Guntes magesg</option> <option value="66"> Rengae manges</option> <option value="63"> Sine engain</option> <option value="33">Apparel</option> <option value="76"> Accessories</option> <option value="80"> Bags</option> <option value="74"> Computers</option> <option value="72"> Electronics</option> <option value="79"> Fashion</option> <option value="77"> Men</option> <option value="73"> Mobiles</option> <option value="75"> Sports</option> <option value="81"> Watches</option> <option value="78"> Women</option> <option value="34">Computer</option> <option value="43"> Camping & Hiking</option> <option value="47"> Cusen mariot</option> <option value="48"> Denta magela</option> <option value="55"> Engite nanet</option> <option value="44"> Theid cupensg</option> <option value="59"> Verture agoent</option> </select> </div> <input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="Search" name="search"> <span class="input-group-btn"> <button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button> </span> </div> <input type="hidden" name="route" value="product/search" /> </form> </div> <!-- //end Search --> </div> <div class="block-cart"> <!--cart--> <div class="shopping_cart pull-right"> <div id="cart" class=" btn-group btn-shopping-cart"> <a data-loading-text="Loading..." class="btn-group top_cart dropdown-toggle" data-toggle="dropdown"> <div class="shopcart"> <span class="handle pull-left"></span> <span class="text-shopping-cart hidden-xs"> My cart </span> <span class="text-shopping-cart-mobi hidden-lg hidden-md hidden-sm "> <i class="fa fa-cart-plus"></i> </span> </div> </a> <ul class="tab-content content dropdown-menu pull-right shoppingcart-box" role="menu"> <li> <table class="table table-striped"> <tbody> <tr> <td class="text-center" style="width:70px"> <a href="product.html"> <img src="image/demo/shop/product/35.jpg" style="width:70px" alt="Filet Mign" title="Filet Mign" class="preview"> </a> </td> <td class="text-left"> <a class="cart_product_name" href="product.html">Filet Mign</a> </td> <td class="text-center"> x1 </td> <td class="text-center"> $1,202.00 </td> <td class="text-right"> <a href="product.html" class="fa fa-edit"></a> </td> <td class="text-right"> <a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a> </td> </tr> <tr> <td class="text-center" style="width:70px"> <a href="product.html"> <img src="image/demo/shop/product/141.jpg" style="width:70px" alt="Canon EOS 5D" title="Canon EOS 5D" class="preview"> </a> </td> <td class="text-left"> <a class="cart_product_name" href="product.html">Canon EOS 5D</a> </td> <td class="text-center"> x1 </td> <td class="text-center"> $60.00 </td> <td class="text-right"> <a href="product.html" class="fa fa-edit"></a> </td> <td class="text-right"> <a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a> </td> </tr> </tbody> </table> </li> <li> <div> <table class="table table-bordered"> <tbody> <tr> <td class="text-left"><strong>Sub-Total</strong> </td> <td class="text-right">$1,060.00</td> </tr> <tr> <td class="text-left"><strong>Eco Tax (-2.00)</strong> </td> <td class="text-right">$2.00</td> </tr> <tr> <td class="text-left"><strong>VAT (20%)</strong> </td> <td class="text-right">$200.00</td> </tr> <tr> <td class="text-left"><strong>Total</strong> </td> <td class="text-right">$1,262.00</td> </tr> </tbody> </table> <p class="text-center"> <a class="btn view-cart" href="cart.html"><i class="fa fa-shopping-cart"></i>View Cart</a> <a class="btn btn-mega checkout-cart" href="checkout.html"><i class="fa fa-share"></i>Checkout</a> </p> </div> </li> </ul> </div> </div> <!--//cart--> </div> <div class="header_custom_link hidden-xs"> <ul> <li><a href="login.html"><i class="fa fa-user"></i> Login</a></li> </ul> </div> </div> <!-- //end Main menu --> </div> </div> </div> </div> </header> <!-- //Header Container --> <!-- Main Container --> <div class="main-container container"> <ul class="breadcrumb"> <li><a href="#"><i class="fa fa-home"></i></a></li> <li><a href="#">Smartphone & Tablets</a></li> <li><a href="#">Comas samer rumas</a></li> </ul> <div class="row"> <!--Middle Part Start--> <div id="content" class="col-md-12 col-sm-12"> <div class="product-view row"> <div class="left-content-product col-lg-10 col-xs-12"> <div class="row"> <div class="content-product-left col-sm-7 col-xs-12 "> <div id="thumb-slider-vertical" class="thumb-vertical-outer"> <span class="btn-more prev-thumb nt"><i class="fa fa-chevron-up"></i></span> <span class="btn-more next-thumb nt"><i class="fa fa-chevron-down"></i></span> <ul class="thumb-vertical"> <li class="owl2-item"> <a data-index="0" class="img thumbnail" data-image="image/demo/shop/product/j9.jpg" title="Canon EOS 5D"> <img src="image/demo/shop/product/j9.jpg" title="Canon EOS 5D" alt="Canon EOS 5D"> </a> </li> <li class="owl2-item"> <a data-index="1" class="img thumbnail " data-image="image/demo/shop/product/j6.jpg" title="Bint Beef"> <img src="image/demo/shop/product/j6.jpg" title="Bint Beef" alt="Bint Beef"> </a> </li> <li class="owl2-item"> <a data-index="2" class="img thumbnail" data-image="image/demo/shop/product/j5.jpg" title="Bint Beef"> <img src="image/demo/shop/product/j5.jpg" title="Bint Beef" alt="Bint Beef"> </a> </li> <li class="owl2-item"> <a data-index="3" class="img thumbnail" data-image="image/demo/shop/product/j4.jpg" title="Bint Beef"> <img src="image/demo/shop/product/j4.jpg" title="Bint Beef" alt="Bint Beef"> </a> </li> </ul> </div> <div class="large-image vertical"> <img itemprop="image" class="product-image-zoom" src="image/demo/shop/product/j9.jpg" data-zoom-image="image/demo/shop/product/j9.jpg" title="Bint Beef" alt="Bint Beef"> </div> <a class="thumb-video pull-left" href="https://www.youtube.com/watch?v=HhabgvIIXik"><i class="fa fa-youtube-play"></i></a> </div> <div class="content-product-right col-sm-5 col-xs-12"> <div class="title-product"> <h1>Comas samer rumas</h1> </div> <!-- Review ----> <div class="box-review form-group"> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <a class="reviews_button" href="" onclick="$('a[href=\'#tab-review\']').trigger('click'); return false;">0 reviews</a> | <a class="write_review_button" href="" onclick="$('a[href=\'#tab-review\']').trigger('click'); return false;">Write a review</a> </div> <div class="product-label form-group"> <div class="stock"><span>Availability:</span> <span class="status-stock">In Stock</span></div> <div class="product_page_price price" itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer"> <span class="price-new" itemprop="price">$114.00</span> <span class="price-old">$122.00</span> </div> </div> <div class="product-box-desc"> <div class="inner-box-desc"> <div class="price-tax"><span>Ex Tax:</span> $60.00</div> <div class="brand"><span>Brand:</span><a href="#">Apple</a> </div> <div class="model"><span>Product Code:</span> Product 15</div> <div class="reward"><span>Reward Points:</span> 100</div> </div> </div> <div id="product"> <h4>Available Options</h4> <div class="image_option_type form-group required"> <label class="control-label">Colors</label> <ul class="product-options clearfix"id="input-option231"> <li class="radio active"> <label> <input class="image_radio" type="radio" name="option[231]" value="33"> <img src="image/demo/colors/blue.jpg" data-original-title="blue +$12.00" class="img-thumbnail icon icon-color"> <i class="fa fa-check"></i> <label> </label> </label> </li> <li class="radio"> <label> <input class="image_radio" type="radio" name="option[231]" value="34"> <img src="image/demo/colors/brown.jpg" data-original-title="brown -$12.00" class="img-thumbnail icon icon-color"> <i class="fa fa-check"></i> <label> </label> </label> </li> <li class="radio"> <label> <input class="image_radio" type="radio" name="option[231]" value="35"> <img src="image/demo/colors/green.jpg" data-original-title="green +$12.00" class="img-thumbnail icon icon-color"> <i class="fa fa-check"></i> <label> </label> </label> </li> <li class="selected-option"> </li> </ul> </div> <div class="form-group box-info-product"> <div class="option quantity"> <div class="input-group quantity-control" unselectable="on" style="-webkit-user-select: none;"> <label>Qty</label> <input class="form-control" type="text" name="quantity" value="1"> <input type="hidden" name="product_id" value="50"> <span class="input-group-addon product_quantity_down">−</span> <span class="input-group-addon product_quantity_up">+</span> </div> </div> <div class="cart"> <input type="button" data-toggle="tooltip" title="" value="Add to Cart" data-loading-text="Loading..." id="button-cart" class="btn btn-mega btn-lg" onclick="cart.add('42', '1');" data-original-title="Add to Cart"> </div> <div class="add-to-links wish_comp"> <ul class="blank list-inline"> <li class="wishlist"> <a class="icon" data-toggle="tooltip" title="" onclick="wishlist.add('50');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i> </a> </li> <li class="compare"> <a class="icon" data-toggle="tooltip" title="" onclick="compare.add('50');" data-original-title="Compare this Product"><i class="fa fa-exchange"></i> </a> </li> </ul> </div> </div> </div> <!-- end box info product --> </div> </div> </div> <section class="col-lg-2 hidden-sm hidden-md hidden-xs slider-products"> <div class="module col-sm-12 four-block"> <div class="modcontent clearfix"> <div class="policy-detail"> <div class="banner-policy"> <div class="policy policy1"> <a href="#"> <span class="ico-policy"> </span> 90 day <br> money back </a> </div> <div class="policy policy2"> <a href="#"> <span class="ico-policy"> </span> In-store exchange </a> </div> <div class="policy policy3"> <a href="#"> <span class="ico-policy"> </span> lowest price guarantee </a> </div> <div class="policy policy4"> <a href="#"> <span class="ico-policy"> </span> shopping guarantee </a> </div> </div> </div> </div> </div> </section> </div> <!-- Product Tabs --> <div class="producttab "> <div class="tabsslider col-xs-12"> <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#tab-1">Description</a></li> <li class="item_nonactive"><a data-toggle="tab" href="#tab-review">Reviews (1)</a></li> <li class="item_nonactive"><a data-toggle="tab" href="#tab-4">Tags</a></li> <li class="item_nonactive"><a data-toggle="tab" href="#tab-5">Custom Tab</a></li> </ul> <div class="tab-content col-xs-12"> <div id="tab-1" class="tab-pane fade active in"> <p>Lorem ipsum dolor sit amet, consetetursadipscing elitr, sed diam nonumy eirmodtempor invidunt ut labore et doloremagna aliquyam erat, sed diam voluptua.</p> <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,no sea takimata sanctus est Lorem ipsumdolor sit amet. Lorem ipsum dolor sitamet, consetetur sadipscing elitr, seddiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,sed diam voluptua. </p> <p><strong>Nemo enim ipsam voluptatem</strong></p> <ul class="des-custom"> <li>100% Brand New.</li> <li>Fashion Cute Mini Finger Ring</li> <li>Contains 1 PCS</li> <li>Simple and easy</li> </ul> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum uptatem accusantium doloremque laudantium, totam rem aperiam, eaque.</p> </div> <div id="tab-review" class="tab-pane fade"> <form> <div id="review"> <table class="table table-striped table-bordered"> <tbody> <tr> <td style="width: 50%;"><strong>Super Administrator</strong></td> <td class="text-right">29/07/2015</td> </tr> <tr> <td colspan="2"> <p>Best this product opencart</p> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> </td> </tr> </tbody> </table> <div class="text-right"></div> </div> <h2 id="review-title">Write a review</h2> <div class="contacts-form"> <div class="form-group"> <span class="icon icon-user"></span> <input type="text" name="name" class="form-control" value="Your Name" onblur="if (this.value == '') {this.value = 'Your Name';}" onfocus="if(this.value == 'Your Name') {this.value = '';}"> </div> <div class="form-group"> <span class="icon icon-bubbles-2"></span> <textarea class="form-control" name="text" onblur="if (this.value == '') {this.value = 'Your Review';}" onfocus="if(this.value == 'Your Review') {this.value = '';}">Your Review</textarea> </div> <span style="font-size: 11px;"><span class="text-danger">Note:</span> HTML is not translated!</span> <div class="form-group"> <b>Rating</b> <span>Bad</span> <input type="radio" name="rating" value="1"> <input type="radio" name="rating" value="2"> <input type="radio" name="rating" value="3"> <input type="radio" name="rating" value="4"> <input type="radio" name="rating" value="5"> <span>Good</span> </div> <div class="buttons clearfix"><a id="button-review" class="btn buttonGray">Continue</a></div> </div> </form> </div> <div id="tab-4" class="tab-pane fade"> <a href="#">Monitor</a>, <a href="#">Apple</a> </div> <div id="tab-5" class="tab-pane fade"> <table class="data-table" style="width: 100%;" border="1"> <tbody> <tr> <td>Brand</td> <td><img src="image/demo/shop/category/logo-client.png" title="Apple Cinema 30"" class="img-1 img-responsive" /></td> </tr> <tr> <td>History</td> <td>Color sit amet, consectetur adipiscing elit. In gravida pellentesque ligula, vel eleifend turpis blandit vel. Nam quis lorem ut mi mattis ullamcorper ac quis dui. Vestibulum et scelerisque ante, eu sodales mi. Nunc tincidunt tempus varius. Integer ante dolor, suscipit non faucibus a, scelerisque vitae sapien.</td> </tr> </tbody> </table> </div> </div> </div> </div> <!-- //Product Tabs --> <!-- Related Products --> <div class="related titleLine products-list grid module "> <h3 class="modtitle"><span>Related Products</span></h3> <div class="releate-products "> <div class="product-layout"> <div class="product-item-container"> <div class="left-block"> <div class="product-image-container second_img "> <img src="image/demo/shop/product/1.png" title="Apple Cinema 30"" class="img-1 img-responsive" /> <img src="image/demo/shop/product/2.png" title="Apple Cinema 30"" class="img-2 img-responsive" /> </div> <!--Sale Label--> <span class="label label-sale">Sale</span> <span class="label label-new">new</span> </div> <div class="button-group"> <button class="wishlist btn-button" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button> <button class="addToCart" type="button" data-toggle="tooltip" title="Add to Cart" onclick="cart.add('42', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs"></span></button> <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button> <a class="quickview iframe-link visible-lg btn-button" data-toggle="tooltip" title="" data-fancybox-type="iframe" href="quickview.html" data-original-title="Quickview"> <i class="fa fa-search"></i> </a> </div> <div class="right-block"> <div class="caption"> <h4><a href="product.html">Apple Cinema 30"</a></h4> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <div class="price"> <span class="price-new">$74.00</span> <span class="price-old">$122.00</span> <span class="label label-percent">-40%</span> </div> <div class="description item-desc hidden"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l..</p> </div> </div> </div><!-- right block --> </div> </div> <div class="product-layout "> <div class="product-item-container"> <div class="left-block"> <div class="product-image-container second_img "> <img src="image/demo/shop/product/f9.jpg" title="Apple Cinema 30"" class="img-1 img-responsive" /> <img src="image/demo/shop/product/1.png" title="Apple Cinema 30"" class="img-2 img-responsive" /> </div> <!--Sale Label--> <span class="label label-sale">Sale</span> <span class="label label-new">new</span> </div> <div class="button-group"> <button class="wishlist btn-button" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button> <button class="addToCart" type="button" data-toggle="tooltip" title="Add to Cart" onclick="cart.add('42', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs"></span></button> <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button> <a class="quickview iframe-link visible-lg btn-button" data-toggle="tooltip" title="" data-fancybox-type="iframe" href="quickview.html" data-original-title="Quickview"> <i class="fa fa-search"></i> </a> </div> <div class="right-block"> <div class="caption"> <h4><a href="product.html">Apple Cinema 30"</a></h4> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <div class="price"> <span class="price-new">$74.00</span> <span class="price-old">$122.00</span> <span class="label label-percent">-40%</span> </div> <div class="description item-desc hidden"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l..</p> </div> </div> </div><!-- right block --> </div> </div> <div class="product-layout "> <div class="product-item-container"> <div class="left-block"> <div class="product-image-container second_img "> <img src="image/demo/shop/product/3.png" title="Apple Cinema 30"" class="img-1 img-responsive" /> <img src="image/demo/shop/product/34.jpg" title="Apple Cinema 30"" class="img-2 img-responsive" /> </div> <!--Sale Label--> <span class="label label-sale">Sale</span> </div> <div class="button-group"> <button class="wishlist btn-button" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button> <button class="addToCart" type="button" data-toggle="tooltip" title="Add to Cart" onclick="cart.add('42', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs"></span></button> <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button> <a class="quickview iframe-link visible-lg btn-button" data-toggle="tooltip" title="" data-fancybox-type="iframe" href="quickview.html" data-original-title="Quickview"> <i class="fa fa-search"></i> </a> </div> <div class="right-block"> <div class="caption"> <h4><a href="product.html">Apple Cinema 30"</a></h4> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <div class="price"> <span class="price-new">$74.00</span> <span class="price-old">$122.00</span> <span class="label label-percent">-40%</span> </div> <div class="description item-desc hidden"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l..</p> </div> </div> </div><!-- right block --> </div> </div> <div class="product-layout "> <div class="product-item-container"> <div class="left-block"> <div class="product-image-container second_img "> <img src="image/demo/shop/product/11.jpg" title="Apple Cinema 30"" class="img-1 img-responsive" /> <img src="image/demo/shop/product/15.jpg" title="Apple Cinema 30"" class="img-2 img-responsive" /> </div> <!--Sale Label--> <span class="label label-sale">Sale</span> </div> <div class="button-group"> <button class="wishlist btn-button" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button> <button class="addToCart" type="button" data-toggle="tooltip" title="Add to Cart" onclick="cart.add('42', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs"></span></button> <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button> <a class="quickview iframe-link visible-lg btn-button" data-toggle="tooltip" title="" data-fancybox-type="iframe" href="quickview.html" data-original-title="Quickview"> <i class="fa fa-search"></i> </a> </div> <div class="right-block"> <div class="caption"> <h4><a href="product.html">Apple Cinema 30"</a></h4> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <div class="price"> <span class="price-new">$74.00</span> <span class="price-old">$122.00</span> <span class="label label-percent">-40%</span> </div> <div class="description item-desc hidden"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l..</p> </div> </div> </div><!-- right block --> </div> </div> </div> </div> <!-- Upsell Products --> <div class="related upsell titleLine products-list grid module "> <h3 class="modtitle"><span>Upsell Products</span></h3> <div class="upsell-products "> <div class="product-layout"> <div class="product-item-container"> <div class="left-block"> <div class="product-image-container second_img "> <img src="image/demo/shop/product/e11.jpg" title="Apple Cinema 30"" class="img-1 img-responsive" /> <img src="image/demo/shop/product/e12.jpg" title="Apple Cinema 30"" class="img-2 img-responsive" /> </div> <!--Sale Label--> <span class="label label-sale">Sale</span> </div> <div class="button-group"> <button class="wishlist btn-button" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button> <button class="addToCart" type="button" data-toggle="tooltip" title="Add to Cart" onclick="cart.add('42', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs"></span></button> <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button> <a class="quickview iframe-link visible-lg btn-button" data-toggle="tooltip" title="" data-fancybox-type="iframe" href="quickview.html" data-original-title="Quickview"> <i class="fa fa-search"></i> </a> </div> <div class="right-block"> <div class="caption"> <h4><a href="product.html">Apple Cinema 30"</a></h4> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <div class="price"> <span class="price-new">$74.00</span> <span class="price-old">$122.00</span> <span class="label label-percent">-40%</span> </div> <div class="description item-desc hidden"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l..</p> </div> </div> </div><!-- right block --> </div> </div> <div class="product-layout "> <div class="product-item-container"> <div class="left-block"> <div class="product-image-container second_img "> <img src="image/demo/shop/product/11.jpg" title="Apple Cinema 30"" class="img-1 img-responsive" /> <img src="image/demo/shop/product/10.jpg" title="Apple Cinema 30"" class="img-2 img-responsive" /> </div> <!--Sale Label--> <span class="label label-sale">Sale</span> <span class="label label-new">new</span> </div> <div class="button-group"> <button class="wishlist btn-button" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button> <button class="addToCart" type="button" data-toggle="tooltip" title="Add to Cart" onclick="cart.add('42', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs"></span></button> <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button> <a class="quickview iframe-link visible-lg btn-button" data-toggle="tooltip" title="" data-fancybox-type="iframe" href="quickview.html" data-original-title="Quickview"> <i class="fa fa-search"></i> </a> </div> <div class="right-block"> <div class="caption"> <h4><a href="product.html">Apple Cinema 30"</a></h4> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <div class="price"> <span class="price-new">$74.00</span> <span class="price-old">$122.00</span> <span class="label label-percent">-40%</span> </div> <div class="description item-desc hidden"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l..</p> </div> </div> </div><!-- right block --> </div> </div> <div class="product-layout "> <div class="product-item-container"> <div class="left-block"> <div class="product-image-container second_img "> <img src="image/demo/shop/product/35.jpg" title="Apple Cinema 30"" class="img-1 img-responsive" /> <img src="image/demo/shop/product/34.jpg" title="Apple Cinema 30"" class="img-2 img-responsive" /> </div> <!--Sale Label--> <span class="label label-sale">Sale</span> <span class="label label-new">new</span> </div> <div class="button-group"> <button class="wishlist btn-button" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button> <button class="addToCart" type="button" data-toggle="tooltip" title="Add to Cart" onclick="cart.add('42', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs"></span></button> <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button> <a class="quickview iframe-link visible-lg btn-button" data-toggle="tooltip" title="" data-fancybox-type="iframe" href="quickview.html" data-original-title="Quickview"> <i class="fa fa-search"></i> </a> </div> <div class="right-block"> <div class="caption"> <h4><a href="product.html">Apple Cinema 30"</a></h4> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <div class="price"> <span class="price-new">$74.00</span> <span class="price-old">$122.00</span> <span class="label label-percent">-40%</span> </div> <div class="description item-desc hidden"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l..</p> </div> </div> </div><!-- right block --> </div> </div> <div class="product-layout "> <div class="product-item-container"> <div class="left-block"> <div class="product-image-container second_img "> <img src="image/demo/shop/product/14.jpg" title="Apple Cinema 30"" class="img-1 img-responsive" /> <img src="image/demo/shop/product/15.jpg" title="Apple Cinema 30"" class="img-2 img-responsive" /> </div> <!--Sale Label--> <span class="label label-sale">Sale</span> </div> <div class="button-group"> <button class="wishlist btn-button" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="fa fa-heart"></i></button> <button class="addToCart" type="button" data-toggle="tooltip" title="Add to Cart" onclick="cart.add('42', '1');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs"></span></button> <button class="compare" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="fa fa-exchange"></i></button> <a class="quickview iframe-link visible-lg btn-button" data-toggle="tooltip" title="" data-fancybox-type="iframe" href="quickview.html" data-original-title="Quickview"> <i class="fa fa-search"></i> </a> </div> <div class="right-block"> <div class="caption"> <h4><a href="product.html">Apple Cinema 30"</a></h4> <div class="ratings"> <div class="rating-box"> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div> </div> <div class="price"> <span class="price-new">$74.00</span> <span class="price-old">$122.00</span> <span class="label label-percent">-40%</span> </div> <div class="description item-desc hidden"> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l..</p> </div> </div> </div><!-- right block --> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { var zoomCollection = '.large-image img'; $( zoomCollection ).elevateZoom({ zoomType : "inner", lensSize :"200", easing:true, gallery:'thumb-slider-vertical', cursor: 'pointer', galleryActiveClass: "active" }); $('.large-image').magnificPopup({ items: [ {src: 'image/demo/shop/product/j9.jpg' }, {src: 'image/demo/shop/product/j6.jpg' }, {src: 'image/demo/shop/product/j5.jpg' }, {src: 'image/demo/shop/product/j4.jpg' }, ], gallery: { enabled: true, preload: [0,2] }, type: 'image', mainClass: 'mfp-fade', callbacks: { open: function() { var activeIndex = parseInt($('#thumb-slider-vertical .img.active').attr('data-index')); var magnificPopup = $.magnificPopup.instance; magnificPopup.goTo(activeIndex); } } }); $("#thumb-slider-vertical .owl2-item").each(function() { $(this).find("[data-index='0']").addClass('active'); }); $('.thumb-video').magnificPopup({ type: 'iframe', iframe: { patterns: { youtube: { index: 'youtube.com/', // String that detects type of video (in this case YouTube). Simply via url.indexOf(index). id: 'v=', // String that splits URL in a two parts, second part should be %id% src: '//www.youtube.com/embed/%id%?autoplay=1' // URL that will be set as a source for iframe. }, } } }); $('.product-options li.radio').click(function(){ $(this).addClass(function() { if($(this).hasClass("active")) return ""; return "active"; }); $(this).siblings("li").removeClass("active"); $(this).parent().find('.selected-option').html('<span class="label label-success">'+ $(this).find('img').data('original-title') +'</span>'); }); var _isMobile = { iOS: function() { return navigator.userAgent.match(/iPhone/i); }, any: function() { return (_isMobile.iOS()); } }; $(".thumb-vertical-outer .next-thumb").click(function () { $( ".thumb-vertical-outer .lSNext" ).trigger( "click" ); }); $(".thumb-vertical-outer .prev-thumb").click(function () { $( ".thumb-vertical-outer .lSPrev" ).trigger( "click" ); }); $(".thumb-vertical-outer .thumb-vertical").lightSlider({ item: 3, autoWidth: false, vertical:true, slideMargin: 15, verticalHeight:345, pager: false, controls: true, prevHtml: '<i class="fa fa-angle-up"></i>', nextHtml: '<i class="fa fa-angle-down"></i>', responsive: [ { breakpoint: 1199, settings: { verticalHeight: 330, item: 3, } }, { breakpoint: 1024, settings: { verticalHeight: 235, item: 2, slideMargin: 5, } }, { breakpoint: 768, settings: { verticalHeight: 340, item: 3, } } , { breakpoint: 480, settings: { verticalHeight: 100, item: 1, } } ] }); // Product detial reviews button $(".reviews_button,.write_review_button").click(function (){ var tabTop = $(".producttab").offset().top; $("html, body").animate({ scrollTop:tabTop }, 1000); }); }); </script> </div> </div> <!--Middle Part End--> </div> <!-- //Main Container --> <!-- Footer Container --> <footer class="footer-container typefooter-1"> <!-- FOOTER TOP --> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="module social_block col-md-3 col-sm-12 col-xs-12"> <ul class="social-block "> <li class="facebook"><a class="_blank" href="https://www.facebook.com/MagenTech" target="_blank"><i class="fa fa-facebook"></i></a></li> <li class="twitter"><a class="_blank" href="https://twitter.com/smartaddons" target="_blank"><i class="fa fa-twitter"></i></a></li> <li class="rss"><a class="_blank" href="#" target="_blank"><i class="fa fa-rss"></i></a></li> <li class="google_plus"><a class="_blank" href="https://plus.google.com/u/0/+Smartaddons/posts" target="_blank"><i class="fa fa-google-plus"></i></a></li> <li class="pinterest"><a class="_blank" href="https://www.pinterest.com/smartaddons/" target="_blank"><i class="fa fa-pinterest"></i></a></li> </ul> </div> <div class="module news-letter col-md-9 col-sm-12 col-xs-12"> <div class="newsletter"> <div class="title-block"> <div class="page-heading">SIGN UP FOR OUR NEWSLETTER</div> <div class="pre-text"> Duis at ante non massa consectetur iaculis id non tellus </div> </div> <div class="block_content"> <form method="post" name="signup" id="signup" class="btn-group form-inline signup"> <div class="form-group required send-mail"> <div class="input-box"> <input type="email" placeholder="Your email address..." value="" class="form-control" id="txtemail" name="txtemail" size="55"> </div> <div class="subcribe"> <button class="btn btn-default btn-lg" type="submit" onclick="return subscribe_newsletter();" name="submit"> Subscribe </button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> <!-- FOOTER CENTER --> <div class="footer-center"> <div class="container content"> <div class="row"> <!-- BOX INFO --> <div class="col-md-3 col-sm-6 col-xs-12 collapsed-block footer-links box-footer"> <div class="module "> <div class="content-block-footer"> <div class="footer-logo"> <a href="index.html"><img src="image/demo/logos/theme_logo.png" title="Your Store" alt="Your Store" /></a> </div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div> </div> <!-- BOX ACCOUT --> <div class="col-md-3 col-sm-6 box-account box-footer"> <div class="module clearfix"> <h3 class="modtitle">My Account</h3> <div class="modcontent"> <ul class="menu"> <li><a href="about-us.html">About Us</a></li> <li><a href="my-account.html">My Account</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="return.html">Return</a></li> </ul> </div> </div> </div> <!-- BOX INFOMATION --> <div class="col-md-3 col-sm-6 box-information box-footer"> <div class="module clearfix"> <h3 class="modtitle">Information</h3> <div class="modcontent"> <ul class="menu"> <li><a href="gift-voucher.html">Gift Voucher</a></li> <li><a href="sitemap.html">Site Map</a></li> <li><a href="order-history.html">Order History</a></li> <li><a href="order-information.html">Order Information</a></li> </ul> </div> </div> </div> <!-- BOX ABOUT --> <div class="col-md-3 col-sm-6 collapsed-block box-footer"> <div class="module "> <h3 class="modtitle">About Us</h3> <div class="modcontent"> <ul class="contact-address"> <li><span class="fa fa-home"></span> My Company, 42 avenue des Champs</li> <li><span class="fa fa-envelope"></span> Email: <a href="#"> sales@yourcompany.com</a></li> <li><span class="fa fa-phone"> </span> Phone 1: 0123456789</li> </ul> <ul class="payment-method"> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-1.png" alt="Payment"></a></li> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-2.png" alt="Payment"></a></li> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-3.png" alt="Payment"></a></li> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-4.png" alt="Payment"></a></li> <li><a title="Payment Method" href="#"><img src="image/demo/cms/payment/payment-5.png" alt="Payment"></a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- FOOTER BOTTOM --> <div class="footer-bottom "> <div class="container"> <div class="row"> <div class="col-sm-12"> Maxshop © 2016 - 2016. MAGENTECH Store. All Rights Reserved. </div> </div> </div> </div> </footer> <!-- //end Footer Container --> </div> <!-- Cpanel Block --> <div id="sp-cpanel_btn" class="isDown visible-lg"> <i class="fa fa-cog fa-spin"></i> </div> <div id="sp-cpanel" class="sp-delay"> <h2 class="sp-cpanel-title"> Demo Options <span class="sp-cpanel-close"> <i class="fa fa-times"> </i></span></h2> <div id="sp-cpanel_settings"> <div class="panel-group"> <label>Color Scheme</label> <div class="group-schemes" > <span data-scheme="default" class="item_scheme selected"><span style="background: #e8622d;"></span></span> <span data-scheme="blue" class="item_scheme"><span style="background: #478bca;"></span></span> <span data-scheme="boocdo" class="item_scheme"><span style="background: #e54e4e;"></span></span> <span data-scheme="cyan" class="item_scheme"><span style="background: #1ea181;"></span></span> <span data-scheme="green" class="item_scheme "><span style="background: #52a633;"></span></span> </div> </div> <div class="panel-group "> <label>Header style</label> <div class="group-boxed"> <select id="change_header_type" name="cpheaderstype" class="form-control" onchange="headerTypeChange(this.value);"> <option value="header-home1" >Header 1</option> <option value="header-home2" >Header 2</option> <option value="header-home3" >Header 3</option> <option value="header-home4" >Header 4</option> <option value="header-home5" >Header 5</option> <option value="header-home6" >Header 6</option> <option value="header-home7" >Header 7</option> <option value="header-home8" >Header 8</option> <option value="header-home9" >Header 9</option> <option value="header-home10" >Header 10</option> </select> </div> </div> <div class="panel-group "> <label>Layout Box</label> <div class="group-boxed"> <select id="cp-layoutbox" name="cplayoutbox" class="form-control" onchange="changeLayoutBox(this.value);"> <option value="full">Wide</option> <option value="boxed">Boxed</option> <option value="iframed">Iframed</option> <option value="rounded">Rounded</option> </select> </div> </div> <div class="panel-group"> <label>Body Image</label> <div class="group-pattern"> <div data-pattern="28" class="img-pattern"><img src="image/theme/patterns/28.png" alt="pattern 28"></div> <div data-pattern="29" class="img-pattern"><img src="image/theme/patterns/29.png" alt="pattern 29"></div> <div data-pattern="30" class="img-pattern"><img src="image/theme/patterns/30.png" alt="pattern 30"></div> <div data-pattern="31" class="img-pattern"><img src="image/theme/patterns/31.png" alt="pattern 31"></div> <div data-pattern="32" class="img-pattern"><img src="image/theme/patterns/32.png" alt="pattern 32"></div> <div data-pattern="33" class="img-pattern"><img src="image/theme/patterns/33.png" alt="pattern 33"></div> <div data-pattern="34" class="img-pattern"><img src="image/theme/patterns/34.png" alt="pattern 34"></div> <div data-pattern="35" class="img-pattern"><img src="image/theme/patterns/35.png" alt="pattern 35"></div> <div data-pattern="36" class="img-pattern"><img src="image/theme/patterns/36.png" alt="pattern 36"></div> <div data-pattern="37" class="img-pattern"><img src="image/theme/patterns/37.png" alt="pattern 37"></div> <div data-pattern="38" class="img-pattern"><img src="image/theme/patterns/38.png" alt="pattern 38"></div> <div data-pattern="39" class="img-pattern"><img src="image/theme/patterns/39.png" alt="pattern 39"></div> <div data-pattern="40" class="img-pattern"><img src="image/theme/patterns/40.png" alt="pattern 40"></div> <div data-pattern="41" class="img-pattern"><img src="image/theme/patterns/41.png" alt="pattern 41"></div> <div data-pattern="42" class="img-pattern"><img src="image/theme/patterns/42.png" alt="pattern 42"></div> <div data-pattern="43" class="img-pattern"><img src="image/theme/patterns/43.png" alt="pattern 43"></div> <div data-pattern="44" class="img-pattern"><img src="image/theme/patterns/44.png" alt="pattern 44"></div> <div data-pattern="45" class="img-pattern"><img src="image/theme/patterns/45.png" alt="pattern 45"></div> </div> <p class="label-sm">Background only applies for Boxed,Framed, Rounded Layout</p> </div> <div class="reset-group"> <a href="index.html" class="btn btn-success " onclick="ResetAll()">Reset</a> </div> </div> </div> <link rel='stylesheet' property='stylesheet' href='css/themecss/cpanel.css' type='text/css' media='all' /> <script type="text/javascript" src="js/themejs/cpanel.js"></script> <!-- //Cpanel Block --> <!-- Preloading Screen --> <div id="loader-wrapper"> <div id="loader"></div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> </div> <!-- End Preloading Screen --> </body> </html>