SmartHouse(Free Template)

HTML
<!DOCTYPE html> <!--[if IE]><![endif]--> <!--[if IE 8 ]><html dir="ltr" lang="en" class="ie8"><![endif]--> <!--[if IE 9 ]><html dir="ltr" lang="en" class="ie9"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html dir="ltr" lang="en" class=""> <!--<![endif]--> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>SmartHouse</title> <base href="https://livedemo00.template-help.com/opencart_63681/" /> <meta name="description" content="SmartHouse" /> <!-- Fonts --> <link href="//fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&subset=cyrillic" rel="stylesheet"> <link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <!-- END Fonts --> <link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /> <link href="catalog/view/theme/theme753/js/owl.carousel/assets/owl.carousel.css" rel="stylesheet"> <link href="catalog/view/theme/theme753/stylesheet/material-icons.css" rel="stylesheet"> <link href="catalog/view/theme/theme753/stylesheet/fl-glypho.css" rel="stylesheet"> <link href="catalog/view/theme/theme753/js/fancybox/jquery.fancybox.css" rel="stylesheet"> <link href="catalog/view/theme/theme753/stylesheet/photoswipe.css" rel="stylesheet"> <link href="catalog/view/theme/theme753/stylesheet/stylesheet.css" rel="stylesheet"> <link id="color_scheme" href="catalog/view/theme/theme753/stylesheet/color_schemes/color_scheme_1.css" rel="stylesheet"> <link href="catalog/view/theme/theme753/stylesheet/homebuilder.css" type="text/css" rel="stylesheet" media="screen" /> <link href="https://livedemo00.template-help.com/opencart_63681/" rel="canonical" /> <link href="https://livedemo00.template-help.com/opencart_63681/image/catalog/favicon.png" rel="icon" /> <script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/swiper/swiper.min.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/tmparallax/jquery.rd-parallax.min.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/tmmegamenu/superfish.min.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/tmmegamenu/jquery.rd-navbar.min.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/tmcolorswitcher/jquery.cookies.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/tmcolorswitcher/style_switcher_demo.js" type="text/javascript"></script> </head> <body class="common-home"> <p id="gl_path" class="hidden">theme753</p> <div id="page"> <div id="page-preloader" class="visible"><span class="preloader"></span></div> <div class="ie-warning"> <a href="https://windows.microsoft.com/en-us/internet-explorer/download-ie"> <img src="catalog/view/theme/theme753/image/warning_bar_0000_us.jpg" border="0" height="75" width="1170" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."/> </a> </div> <header> <div class="header-top"> <div id="tm-homebuilder611218211" class="homebuilder clearfix"> <div class="tm-container " > <div class="tm-inner"> <div class="row row-level-1 "><div class="row-inner clearfix" > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "><div class="col-inner container"> <nav id="top-links" class="nav toggle-wrap"> <a href="#" class="toggle"><i class="fl-glypho-user7"></i></a> <ul class="toggle_cont"> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=account/order">Orders<i class="fl-glypho-document6"></i></a></li> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/compare" id="compare-total2">Compare<i class="fl-glypho-star207"></i></a></li> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=account/wishlist" id="wishlist-total">Wishlist<i class="fl-glypho-hearts34"></i></a></li> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=account/login">Login/Register<i class="fl-glypho-user7"></i></a></li> </ul> </nav> <div class="block-contact"> <p> <i class="material-icons-call"></i> Call Us: <a href="callto:80023456789">800-2345-6789</a> </p> </div> <div id="search" class="search"> <input type="text" name="search" value="" placeholder="Search..." /> <button type="button" class="button-search"><i class="material-icons-search"></i></button> </div> </div></div> </div></div> </div> </div> <div class="tm-container " > <div class="tm-inner"> <div class="row row-level-1 "><div class="row-inner bg-color1 clearfix" > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "><div class="col-inner "> <div class="container"> <div class="row row-level-2 "><div class="row-inner clearfix" > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "><div class="col-inner "> <h1 class="logo"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=common/home"> <img src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/logo-216x47.png" title="SmartHouse" alt="SmartHouse" class="img-responsive"> </a> </h1> <div class="box-cart"> <div id="cart" class="cart toggle-wrap"> <button type="button" data-loading-text="Loading..." class="toggle"> <i class="fl-glypho-purse10"></i> <strong>Cart:</strong> <span id="cart-total" class="cart-total">0 item(s) - $0</span> <span id="cart-total2" class="cart-total2">0</span> </button> <ul class="pull-right toggle_cont"> <li> <p class="text-empty">Your shopping cart is empty!</p> </li> </ul> </div> </div> <div class="box-currency"> <form action="https://livedemo00.template-help.com/opencart_63681/index.php?route=common/currency/currency" method="post" enctype="multipart/form-data" id="form-currency"> <div class="btn-group toggle-wrap"> <span class="toggle"> <span class="material-icons-keyboard_arrow_down">$</span> </span> <ul class="toggle_cont pull-right"> <li> <button class="currency-select" type="button" name="EUR"> € Euro </button> </li> <li> <button class="currency-select" type="button" name="GBP"> £ Pound </button> </li> <li> <button class="currency-select" type="button" name="RUB"> P Rouble </button> </li> <li> <button class="currency-select selected" type="button" name="USD"> $ US Dollar </button> </li> </ul> </div> <input type="hidden" name="code" value="" /> <input type="hidden" name="redirect" value="https://livedemo00.template-help.com/opencart_63681/index.php?route=common/home" /> </form> </div> <div class="box-language"> <form action="https://livedemo00.template-help.com/opencart_63681/index.php?route=common/language/language" method="post" enctype="multipart/form-data" id="form-language"> <div class="btn-group toggle-wrap"> <span class="toggle"> <span class="material-icons-keyboard_arrow_down">En </span> </span> <ul class="toggle_cont pull-right"> <li> <button class="language-select selected" type="button" name="en-gb"> <img width="16" height="11" src="catalog/language/en-gb/en-gb.png" alt="En " title="En " /> En </button> </li> <li> <button class="language-select" type="button" name="ru-ru"> <img width="16" height="11" src="catalog/language/ru-ru/ru-ru.png" alt="Ru " title="Ru " /> Ru </button> </li> </ul> </div> <input type="hidden" name="code" value="" /> <input type="hidden" name="redirect" value="https://livedemo00.template-help.com/opencart_63681/index.php?route=common/home" /> </form> </div> <div class="box module-social"> <div class="social-block"> <h3 class="box-heading"><span>Social News</span></h3> <div class="box-content"> <h5>Social News</h5> <p>The latest news delivered across all social networks!</p> <ul class="social-list list-unstyled"> <li><a href="//www.facebook.com/TemplateMonster" data-toggle="tooltip" title="Facebook"><i class="fl-glypho-facebook2"></i></a></li> <li><a href="//twitter.com/templatemonster" data-toggle="tooltip" title="Twitter"><i class="fl-glypho-twitter"></i></a></li> <li><a href="//plus.google.com/+TemplateMonster" data-toggle="tooltip" title="Google+"><i class="fl-glypho-google-plus"></i></a></li> <li><a href="//www.instagram.com/template_monster/" data-toggle="tooltip" title="Instagram"><i class="fl-glypho-instagram19"></i></a></li> </ul> </div> </div> </div> <div class="megamenu"> <h3>Categories</h3> <ul class="sf-menu"> <li > <a href="index.php?route=common/home">Home</a> </li> <li class="sf-with-mega"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=46">Store</a> <ul class="sf-mega" > <li class="sf-mega_row"> <div class="sf-mega_section" style="width: 25%"> <div class="submenu_title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=18"> Computing </a> </div> <ul> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=33">Laptops</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=32">Chromebooks</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=30">All-In-One PCs</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=28">Monitors</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=37">Printers</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=38">See All PCs</a> </li> </ul> </div> <div class="sf-mega_section" style="width: 25%"> <div class="submenu_title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=20"> TVs </a> </div> <ul> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=29">4K SUHD TVs</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=39">4K UHD TVs</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=47">LED TVs</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=48">Smart Signage TVs</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=49">See All TVs</a> </li> </ul> </div> <div class="sf-mega_section" style="width: 25%"> <div class="submenu_title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=25"> Phones </a> </div> <ul> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=50">Cell Phones</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=51">Prepaid</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=52">AT&T Cell Phones</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=53">Sprint Cell Phones</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=54">New Cell Phones</a> </li> </ul> </div> <div class="sf-mega_section" style="width: 25%"> <div class="submenu_title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=31"> Processor types </a> </div> <ul> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=40">A8X</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=41">A9X</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=42">Atom</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=43">Exynos</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=44">MTK</a> </li> <li> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/category&path=45">SnapDragon</a> </li> </ul> </div> </ul> </li> <li > <a href="index.php?route=simple_blog/article">Blog</a> </li> <li > <a href="index.php?route=information/information&information_id=6">Delivery</a> </li> <li > <a href="index.php?route=information/contact">Contacts</a> </li> </ul> </div> <script> ;(function ($) { $(window).load(function () { var o = $('.sf-menu'); o.superfish(); o.find('li a').each(function () { if ($(location).attr('href').indexOf($(this).attr('href')) >= 0){ $(this).addClass('active'); return; } }) if (o.parents('aside').length){ var width = $('.container').outerWidth() - $('aside').outerWidth(); o.find('.sf-mega').each(function () { $(this).width(width); }) } }); })(jQuery); </script> </div></div> </div></div> </div> </div></div> </div></div> </div> <div class="navigation"> <div class="container"> <div id="style_switcher"> <div class="toggler"></div> <p>The customization tool allows you to make color changes in your theme</p> <ul id="color-box"> <li><div class="color_scheme color_scheme_1" data-scheme="color_scheme_1"> </div></li> <li><div class="color_scheme color_scheme_2" data-scheme="color_scheme_2"> </div></li> <li><div class="color_scheme color_scheme_3" data-scheme="color_scheme_3"> </div></li> <li><div class="color_scheme color_scheme_4" data-scheme="color_scheme_4"> </div></li> </ul> </div> </div> </div> </header><section class="top"><div id="tm-homebuilder1563049308" class="homebuilder clearfix"> <div class="tm-container " > <div class="tm-inner"> <div class="row row-level-1 "><div class="row-inner clearfix" > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "><div class="col-inner "> <div class="swiper-container swiper-slider" data-loop="true" data-autoplay="5000" data-height="820px" data-min-height="350px" data-slide-effect="fade" data-slide-speed="600ms" data-keyboard="false" data-mousewheel="false" data-mousewheel-release="false"> <div class="swiper-wrapper"> <div class="swiper-slide slide-1" data-slide-bg="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/slide-1-1920x820.jpg"> <div class="swiper-desc"><div class="container"><div><span data-caption-animate="slideInRight" data-caption-delay="400" class="slide-line"></span> <h2 data-caption-animate="slideInDown">U8 Smart Watch Smart Phone Watch</h2> <h3 data-caption-animate="slideInRight">Bluetooth Smart Wrist Watch for IOS Android</h3> <span data-caption-animate="slideInLeft" class="price">$510.<em>00</em></span><br> <a data-caption-animate="slideInUp" href="index.php?route=product/category&path=37" class="btn-primary">Shop now!</a></div></div></div> </div> <div class="swiper-slide slide-2" data-slide-bg="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/slide-2-1920x820.jpg"> <div class="swiper-desc"><div class="container"><div><span data-caption-animate="slideInRight" data-caption-delay="400" class="slide-line"></span> <h2 data-caption-animate="slideInDown">Crock-Pot® 6-Quart. Smart Slow Cooker with WeMo®</h2> <h3 data-caption-animate="slideInRight">Works with your smart device to let you conveniently adjust cook settings</h3> <span data-caption-animate="slideInLeft" class="price">$129.<em>99</em></span><br> <a data-caption-animate="slideInUp" href="index.php?route=product/category&path=37" class="btn-primary">Shop now!</a></div></div></div> </div> <div class="swiper-slide slide-3" data-slide-bg="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/slide-3-1920x820.jpg"> <div class="swiper-desc"><div class="container"><div><span data-caption-animate="slideInRight" data-caption-delay="400" class="slide-line"></span> <h2 data-caption-animate="slideInDown">Sesame Smart Lock</h2> <h3 data-caption-animate="slideInRight">Sesame replaces your keys with your phone in seconds.</h3> <span data-caption-animate="slideInLeft" class="price">$149.<em>99</em></span><br> <a data-caption-animate="slideInUp" href="index.php?route=product/category&path=37" class="btn-primary">Shop now!</a></div></div></div> </div> </div> <div class="swiper-pagination" data-index-bullet="false" data-clickable="true"></div> </div> </div></div> </div></div> </div> </div> <div class="tm-container " > <div class="tm-inner"> <div class="row row-level-1 "><div class="row-inner container clearfix" > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "><div class="col-inner "> <div class="box bestsellers"> <div class="box-heading"> <h5>Bestsellers</h5> </div> <div class="box-content"> <div class="box-carousel"> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="29" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option504001"> <div class="radio"> <label> <input type="radio" name="option[5]" value="15" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$3) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$3" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[5]" value="14" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$2) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$2" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[5]" value="16" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option404001"> Size </label> <div class="col-sm-12"> <select name="option[4]" id="input-option404001" class="form-control"> <option value="">--- Please Select ---</option> <option value="11"> 6 in (+$1) </option> <option value="10"> 7 in (+$1) </option> <option value="12"> 9 in (+$1) </option> <option value="13"> 10 in (+$3) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option604001"> Material </label> <div class="col-sm-12"> <select name="option[6]" id="input-option604001" class="form-control"> <option value="">--- Please Select ---</option> <option value="18"> Plastic (+$1) </option> <option value="17"> Metal (+$2) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'29');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=29"> <img width="230" height="230" alt="Acer Predator 8-inch Full HD Gaming Tablet" title="Acer Predator 8-inch Full HD Gaming Tablet" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-5-230x230.png" src="#"/> <img width="230" height="230" alt="Acer Predator 8-inch Full HD Gaming Tablet" title="Acer Predator 8-inch Full HD Gaming Tablet" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-6-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="29" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('29');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('29');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> New Cell Phones </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=29">Acer Predator 8-inch Full HD Gaming Tablet</a> </div> <div class="price"> <span class="price-new">$256</span> <span class="price-old">$320</span> </div> <div class="rating"> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star fa-stack-1x"></i></span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),29);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="32" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option1404002"> <div class="radio"> <label> <input type="radio" name="option[14]" value="42" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[14]" value="41" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[14]" value="43" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$2) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$2" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option1304002"> Size </label> <div class="col-sm-12"> <select name="option[13]" id="input-option1304002" class="form-control"> <option value="">--- Please Select ---</option> <option value="38"> 6 in (+$3) </option> <option value="37"> 7 in (+$1) </option> <option value="39"> 9 in (+$2) </option> <option value="40"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option1504002"> Material </label> <div class="col-sm-12"> <select name="option[15]" id="input-option1504002" class="form-control"> <option value="">--- Please Select ---</option> <option value="45"> Plastic (+$1) </option> <option value="44"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'32');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=32"> <img width="230" height="230" alt="ASUS ZENPAD Tablet Quad-Core Black" title="ASUS ZENPAD Tablet Quad-Core Black" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-17-230x230.png" src="#"/> <img width="230" height="230" alt="ASUS ZENPAD Tablet Quad-Core Black" title="ASUS ZENPAD Tablet Quad-Core Black" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-19-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="32" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('32');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('32');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> New Cell Phones </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=32">ASUS ZENPAD Tablet Quad-Core Black</a> </div> <div class="price"> <span class="price-new">$93</span> <span class="price-old">$116</span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),32);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="42" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option3504003"> <div class="radio"> <label> <input type="radio" name="option[35]" value="105" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[35]" value="104" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[35]" value="106" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option3404003"> Size </label> <div class="col-sm-12"> <select name="option[34]" id="input-option3404003" class="form-control"> <option value="">--- Please Select ---</option> <option value="101"> 6 in (+$1) </option> <option value="100"> 7 in (+$1) </option> <option value="102"> 9 in (+$1) </option> <option value="103"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option3604003"> Material </label> <div class="col-sm-12"> <select name="option[36]" id="input-option3604003" class="form-control"> <option value="">--- Please Select ---</option> <option value="108"> Plastic (+$1) </option> <option value="107"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'42');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=42"> <img width="230" height="230" alt="Lenovo Tab 2 A7 7-Inch 16 GB Tablet Black" title="Lenovo Tab 2 A7 7-Inch 16 GB Tablet Black" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-45-230x230.png" src="#"/> <img width="230" height="230" alt="Lenovo Tab 2 A7 7-Inch 16 GB Tablet Black" title="Lenovo Tab 2 A7 7-Inch 16 GB Tablet Black" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-46-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="42" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('42');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('42');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> Chromebooks </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=42">Lenovo Tab 2 A7 7-Inch 16 GB Tablet Black</a> </div> <div class="price"> <span class="price-new">$87</span> <span class="price-old">$109</span> </div> <div class="rating"> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star fa-stack-1x"></i></span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),42);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="33" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option1704004"> <div class="radio"> <label> <input type="radio" name="option[17]" value="51" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$2) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$2" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[17]" value="50" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[17]" value="52" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$3) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$3" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option1604004"> Size </label> <div class="col-sm-12"> <select name="option[16]" id="input-option1604004" class="form-control"> <option value="">--- Please Select ---</option> <option value="47"> 6 in (+$1) </option> <option value="46"> 7 in (+$1) </option> <option value="48"> 9 in (+$3) </option> <option value="49"> 10 in (+$2) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option1804004"> Material </label> <div class="col-sm-12"> <select name="option[18]" id="input-option1804004" class="form-control"> <option value="">--- Please Select ---</option> <option value="54"> Plastic (+$1) </option> <option value="53"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'33');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=33"> <img width="230" height="230" alt="Dell Venue 8 Pro 32 GB Tablet Windows 8" title="Dell Venue 8 Pro 32 GB Tablet Windows 8" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-21-230x230.png" src="#"/> <img width="230" height="230" alt="Dell Venue 8 Pro 32 GB Tablet Windows 8" title="Dell Venue 8 Pro 32 GB Tablet Windows 8" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-24-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="33" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('33');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('33');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> New Cell Phones </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=33">Dell Venue 8 Pro 32 GB Tablet Windows 8</a> </div> <div class="price"> <span class="price-new">$259</span> <span class="price-old">$324</span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),33);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="48" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option5304005"> <div class="radio"> <label> <input type="radio" name="option[53]" value="159" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[53]" value="158" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[53]" value="160" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option5204005"> Size </label> <div class="col-sm-12"> <select name="option[52]" id="input-option5204005" class="form-control"> <option value="">--- Please Select ---</option> <option value="155"> 6 in (+$1) </option> <option value="154"> 7 in (+$1) </option> <option value="156"> 9 in (+$1) </option> <option value="157"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option5404005"> Material </label> <div class="col-sm-12"> <select name="option[54]" id="input-option5404005" class="form-control"> <option value="">--- Please Select ---</option> <option value="162"> Plastic (+$1) </option> <option value="161"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'48');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=48"> <img width="230" height="230" alt="Samsung Galaxy Tab Pro 8 4-Inch Tablet White" title="Samsung Galaxy Tab Pro 8 4-Inch Tablet White" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-69-230x230.png" src="#"/> <img width="230" height="230" alt="Samsung Galaxy Tab Pro 8 4-Inch Tablet White" title="Samsung Galaxy Tab Pro 8 4-Inch Tablet White" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-70-230x230.png" src="#"/> </a> <div class="new-pr"><span>New</span></div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="48" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('48');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('48');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> Processor Clock Speed </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=48">Samsung Galaxy Tab Pro 8 4-Inch Tablet White</a> </div> <div class="price"> $103 </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),48);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="44" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option4104006"> <div class="radio"> <label> <input type="radio" name="option[41]" value="123" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[41]" value="122" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[41]" value="124" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option4004006"> Size </label> <div class="col-sm-12"> <select name="option[40]" id="input-option4004006" class="form-control"> <option value="">--- Please Select ---</option> <option value="119"> 6 in (+$1) </option> <option value="118"> 7 in (+$1) </option> <option value="120"> 9 in (+$1) </option> <option value="121"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option4204006"> Material </label> <div class="col-sm-12"> <select name="option[42]" id="input-option4204006" class="form-control"> <option value="">--- Please Select ---</option> <option value="126"> Plastic (+$1) </option> <option value="125"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'44');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=44"> <img width="230" height="230" alt="LG Electronics G Pad II 10 FHD Tablet" title="LG Electronics G Pad II 10 FHD Tablet" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-53-230x230.png" src="#"/> <img width="230" height="230" alt="LG Electronics G Pad II 10 FHD Tablet" title="LG Electronics G Pad II 10 FHD Tablet" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-56-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="44" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('44');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('44');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> Store </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=44">LG Electronics G Pad II 10 FHD Tablet</a> </div> <div class="price"> <span class="price-new">$90</span> <span class="price-old">$112</span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),44);" ><i class="fl-glypho-purse10"></i></button> </div> </div> </div> </div> </div> <!-- RD Parallax --> <div id="parallax_0" class="rd-parallax"> <div class="rd-parallax-layer" data-type="media" data-speed="0.3" data-direction="normal" data-url="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/parallax-1170x700.jpg" data-blur="false"> </div> <div class="rd-parallax-layer layer-0" data-type="html" data-speed="0" data-fade="false" data-direction="inverse" > <div class="container"> <h2>Sesame Smart Lock <br> <em>is designed for those who do</em></h2> <a href="index.php?route=product/special" class="btn-primary">Shop now!</a> </div> </div> </div> <script> jQuery(document).ready(function () { jQuery("#parallax_0").RDParallax(); }); (function ($) { $(document).ready(function () { $('.scroll-footer').click(function () { $('html, body').animate({ 'scrollTop': $('footer').offset().top - ($('#stuck').outerHeight() + 50) }, 1000); }) }); })(jQuery); </script> <!-- END RD Parallax--> <div class="box specials"> <div class="box-heading"> <h5>Specials</h5> </div> <div class="box-content"> <div class="box-carousel"> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="28" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option201001"> <div class="radio"> <label> <input type="radio" name="option[2]" value="6" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$2) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$2" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[2]" value="5" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[2]" value="7" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$3) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$3" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option101001"> Size </label> <div class="col-sm-12"> <select name="option[1]" id="input-option101001" class="form-control"> <option value="">--- Please Select ---</option> <option value="2"> 6 in (+$1) </option> <option value="1"> 7 in (+$1) </option> <option value="3"> 9 in (+$3) </option> <option value="4"> 10 in (+$2) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option301001"> Material </label> <div class="col-sm-12"> <select name="option[3]" id="input-option301001" class="form-control"> <option value="">--- Please Select ---</option> <option value="9"> Plastic (+$1) </option> <option value="8"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'28');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=28"> <img width="230" height="230" alt="Acer Iconia Tab 10-Inch 16GB Tablet" title="Acer Iconia Tab 10-Inch 16GB Tablet" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-1-230x230.png" src="#"/> <img width="230" height="230" alt="Acer Iconia Tab 10-Inch 16GB Tablet" title="Acer Iconia Tab 10-Inch 16GB Tablet" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-4-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="28" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('28');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('28');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> Store </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=28">Acer Iconia Tab 10-Inch 16GB Tablet</a> </div> <div class="price"> <span class="price-new">$103</span> <span class="price-old">$129</span> </div> <div class="rating"> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star fa-stack-1x"></i></span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),28);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="29" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option501002"> <div class="radio"> <label> <input type="radio" name="option[5]" value="15" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$3) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$3" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[5]" value="14" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$2) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$2" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[5]" value="16" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option401002"> Size </label> <div class="col-sm-12"> <select name="option[4]" id="input-option401002" class="form-control"> <option value="">--- Please Select ---</option> <option value="11"> 6 in (+$1) </option> <option value="10"> 7 in (+$1) </option> <option value="12"> 9 in (+$1) </option> <option value="13"> 10 in (+$3) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option601002"> Material </label> <div class="col-sm-12"> <select name="option[6]" id="input-option601002" class="form-control"> <option value="">--- Please Select ---</option> <option value="18"> Plastic (+$1) </option> <option value="17"> Metal (+$2) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'29');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=29"> <img width="230" height="230" alt="Acer Predator 8-inch Full HD Gaming Tablet" title="Acer Predator 8-inch Full HD Gaming Tablet" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-5-230x230.png" src="#"/> <img width="230" height="230" alt="Acer Predator 8-inch Full HD Gaming Tablet" title="Acer Predator 8-inch Full HD Gaming Tablet" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-6-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="29" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('29');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('29');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> New Cell Phones </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=29">Acer Predator 8-inch Full HD Gaming Tablet</a> </div> <div class="price"> <span class="price-new">$256</span> <span class="price-old">$320</span> </div> <div class="rating"> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star fa-stack-1x"></i></span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),29);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="30" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option801003"> <div class="radio"> <label> <input type="radio" name="option[8]" value="24" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[8]" value="23" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$3) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$3" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[8]" value="25" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option701003"> Size </label> <div class="col-sm-12"> <select name="option[7]" id="input-option701003" class="form-control"> <option value="">--- Please Select ---</option> <option value="20"> 6 in (+$1) </option> <option value="19"> 7 in (+$2) </option> <option value="21"> 9 in (+$1) </option> <option value="22"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option901003"> Material </label> <div class="col-sm-12"> <select name="option[9]" id="input-option901003" class="form-control"> <option value="">--- Please Select ---</option> <option value="27"> Plastic (+$2) </option> <option value="26"> Metal (+$3) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'30');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=30"> <img width="230" height="230" alt="Apple iPad Air 32GB Black with Space Gray" title="Apple iPad Air 32GB Black with Space Gray" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-9-230x230.png" src="#"/> <img width="230" height="230" alt="Apple iPad Air 32GB Black with Space Gray" title="Apple iPad Air 32GB Black with Space Gray" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-10-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="30" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('30');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('30');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> New Cell Phones </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=30">Apple iPad Air 32GB Black with Space Gray</a> </div> <div class="price"> <span class="price-new">$150</span> <span class="price-old">$187</span> </div> <div class="rating"> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star fa-stack-1x"></i></span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),30);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="32" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option1401004"> <div class="radio"> <label> <input type="radio" name="option[14]" value="42" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[14]" value="41" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[14]" value="43" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$2) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$2" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option1301004"> Size </label> <div class="col-sm-12"> <select name="option[13]" id="input-option1301004" class="form-control"> <option value="">--- Please Select ---</option> <option value="38"> 6 in (+$3) </option> <option value="37"> 7 in (+$1) </option> <option value="39"> 9 in (+$2) </option> <option value="40"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option1501004"> Material </label> <div class="col-sm-12"> <select name="option[15]" id="input-option1501004" class="form-control"> <option value="">--- Please Select ---</option> <option value="45"> Plastic (+$1) </option> <option value="44"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'32');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=32"> <img width="230" height="230" alt="ASUS ZENPAD Tablet Quad-Core Black" title="ASUS ZENPAD Tablet Quad-Core Black" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-17-230x230.png" src="#"/> <img width="230" height="230" alt="ASUS ZENPAD Tablet Quad-Core Black" title="ASUS ZENPAD Tablet Quad-Core Black" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-19-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="32" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('32');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('32');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> New Cell Phones </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=32">ASUS ZENPAD Tablet Quad-Core Black</a> </div> <div class="price"> <span class="price-new">$93</span> <span class="price-old">$116</span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),32);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="33" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option1701005"> <div class="radio"> <label> <input type="radio" name="option[17]" value="51" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$2) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$2" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[17]" value="50" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[17]" value="52" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$3) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$3" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option1601005"> Size </label> <div class="col-sm-12"> <select name="option[16]" id="input-option1601005" class="form-control"> <option value="">--- Please Select ---</option> <option value="47"> 6 in (+$1) </option> <option value="46"> 7 in (+$1) </option> <option value="48"> 9 in (+$3) </option> <option value="49"> 10 in (+$2) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option1801005"> Material </label> <div class="col-sm-12"> <select name="option[18]" id="input-option1801005" class="form-control"> <option value="">--- Please Select ---</option> <option value="54"> Plastic (+$1) </option> <option value="53"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'33');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=33"> <img width="230" height="230" alt="Dell Venue 8 Pro 32 GB Tablet Windows 8" title="Dell Venue 8 Pro 32 GB Tablet Windows 8" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-21-230x230.png" src="#"/> <img width="230" height="230" alt="Dell Venue 8 Pro 32 GB Tablet Windows 8" title="Dell Venue 8 Pro 32 GB Tablet Windows 8" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-24-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="33" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('33');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('33');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> New Cell Phones </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=33">Dell Venue 8 Pro 32 GB Tablet Windows 8</a> </div> <div class="price"> <span class="price-new">$259</span> <span class="price-old">$324</span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),33);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="41" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option3201006"> <div class="radio"> <label> <input type="radio" name="option[32]" value="96" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$2) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$2" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[32]" value="95" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[32]" value="97" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$3) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$3" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option3101006"> Size </label> <div class="col-sm-12"> <select name="option[31]" id="input-option3101006" class="form-control"> <option value="">--- Please Select ---</option> <option value="92"> 6 in (+$1) </option> <option value="91"> 7 in (+$1) </option> <option value="93"> 9 in (+$3) </option> <option value="94"> 10 in (+$2) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option3301006"> Material </label> <div class="col-sm-12"> <select name="option[33]" id="input-option3301006" class="form-control"> <option value="">--- Please Select ---</option> <option value="99"> Plastic (+$1) </option> <option value="98"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'41');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=41"> <img width="230" height="230" alt="Lenovo Miix 300 10-Inch 64 GB Tablet" title="Lenovo Miix 300 10-Inch 64 GB Tablet" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-41-230x230.png" src="#"/> <img width="230" height="230" alt="Lenovo Miix 300 10-Inch 64 GB Tablet" title="Lenovo Miix 300 10-Inch 64 GB Tablet" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-44-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="41" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('41');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('41');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> Store </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=41">Lenovo Miix 300 10-Inch 64 GB Tablet</a> </div> <div class="price"> <span class="price-new">$262</span> <span class="price-old">$327</span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),41);" ><i class="fl-glypho-purse10"></i></button> </div> </div> </div> </div> </div> <div id="banner0" class="banners row"> <div class="col-sm-6 banner-1"> <div class="banner-box"> <img src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/banner1-570x530.jpg" alt="banner-1" class="img-responsive" /> <a class="clearfix link" href="index.php?route=product/catalog"></a> <div class="s-desc"><div> <h2>Smart Quick Button<br> <em>For All Android Phones</em></h2> <a href="index.php?route=product/catalog" class="btn-primary">Shop now!</a> </div></div> </div> </div> <div class="col-sm-6 banner-2"> <div class="banner-box"> <img src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/banner2-570x530.jpg" alt="banner-2" class="img-responsive" /> <a class="clearfix link" href="index.php?route=product/category&path=37"></a> <div class="s-desc"><div> <span class="sticker">50%<br>OFF</span> <h2>Smart Clock</h2> <p>Device that lets you control your lighting, thermostat, or even your crock pot from your smartphone</p> <a href="index.php?route=product/category&path=37" class="btn">Shop now!</a> </div></div> </div> </div> </div> </div></div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "><div class="col-inner content-bottom"> <div class="box latest"> <div class="box-heading"> <h5>Latest</h5> </div> <div class="box-content"> <div class="box-carousel"> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="50" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option5903001"> <div class="radio"> <label> <input type="radio" name="option[59]" value="177" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[59]" value="176" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[59]" value="178" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option5803001"> Size </label> <div class="col-sm-12"> <select name="option[58]" id="input-option5803001" class="form-control"> <option value="">--- Please Select ---</option> <option value="173"> 6 in (+$1) </option> <option value="172"> 7 in (+$1) </option> <option value="174"> 9 in (+$1) </option> <option value="175"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option6003001"> Material </label> <div class="col-sm-12"> <select name="option[60]" id="input-option6003001" class="form-control"> <option value="">--- Please Select ---</option> <option value="180"> Plastic (+$1) </option> <option value="179"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'50');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=50"> <img width="230" height="230" alt="Toshiba Encore 2 Wi-Fi Tablet Satin Gold" title="Toshiba Encore 2 Wi-Fi Tablet Satin Gold" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-77-230x230.png" src="#"/> <img width="230" height="230" alt="Toshiba Encore 2 Wi-Fi Tablet Satin Gold" title="Toshiba Encore 2 Wi-Fi Tablet Satin Gold" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-78-230x230.png" src="#"/> </a> <div class="new-pr"><span>New</span></div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="50" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('50');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('50');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> SnapDragon </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=50">Toshiba Encore 2 Wi-Fi Tablet Satin Gold</a> </div> <div class="price"> $350 </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),50);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="49" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option5603002"> <div class="radio"> <label> <input type="radio" name="option[56]" value="168" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[56]" value="167" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[56]" value="169" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option5503002"> Size </label> <div class="col-sm-12"> <select name="option[55]" id="input-option5503002" class="form-control"> <option value="">--- Please Select ---</option> <option value="164"> 6 in (+$1) </option> <option value="163"> 7 in (+$1) </option> <option value="165"> 9 in (+$1) </option> <option value="166"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option5703002"> Material </label> <div class="col-sm-12"> <select name="option[57]" id="input-option5703002" class="form-control"> <option value="">--- Please Select ---</option> <option value="171"> Plastic (+$1) </option> <option value="170"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'49');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=49"> <img width="230" height="230" alt="Samsung Galaxy Tab S2 32GB Gold" title="Samsung Galaxy Tab S2 32GB Gold" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-73-230x230.png" src="#"/> <img width="230" height="230" alt="Samsung Galaxy Tab S2 32GB Gold" title="Samsung Galaxy Tab S2 32GB Gold" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-74-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="49" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('49');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('49');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> A8X </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=49">Samsung Galaxy Tab S2 32GB Gold</a> </div> <div class="price"> <span class="price-new">$318</span> <span class="price-old">$397</span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),49);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="48" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option5303003"> <div class="radio"> <label> <input type="radio" name="option[53]" value="159" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[53]" value="158" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[53]" value="160" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option5203003"> Size </label> <div class="col-sm-12"> <select name="option[52]" id="input-option5203003" class="form-control"> <option value="">--- Please Select ---</option> <option value="155"> 6 in (+$1) </option> <option value="154"> 7 in (+$1) </option> <option value="156"> 9 in (+$1) </option> <option value="157"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option5403003"> Material </label> <div class="col-sm-12"> <select name="option[54]" id="input-option5403003" class="form-control"> <option value="">--- Please Select ---</option> <option value="162"> Plastic (+$1) </option> <option value="161"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'48');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=48"> <img width="230" height="230" alt="Samsung Galaxy Tab Pro 8 4-Inch Tablet White" title="Samsung Galaxy Tab Pro 8 4-Inch Tablet White" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-69-230x230.png" src="#"/> <img width="230" height="230" alt="Samsung Galaxy Tab Pro 8 4-Inch Tablet White" title="Samsung Galaxy Tab Pro 8 4-Inch Tablet White" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-70-230x230.png" src="#"/> </a> <div class="new-pr"><span>New</span></div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="48" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('48');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('48');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> Processor Clock Speed </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=48">Samsung Galaxy Tab Pro 8 4-Inch Tablet White</a> </div> <div class="price"> $103 </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),48);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="47" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option5003004"> <div class="radio"> <label> <input type="radio" name="option[50]" value="150" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[50]" value="149" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[50]" value="151" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option4903004"> Size </label> <div class="col-sm-12"> <select name="option[49]" id="input-option4903004" class="form-control"> <option value="">--- Please Select ---</option> <option value="146"> 6 in (+$1) </option> <option value="145"> 7 in (+$1) </option> <option value="147"> 9 in (+$1) </option> <option value="148"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option5103004"> Material </label> <div class="col-sm-12"> <select name="option[51]" id="input-option5103004" class="form-control"> <option value="">--- Please Select ---</option> <option value="153"> Plastic (+$1) </option> <option value="152"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'47');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=47"> <img width="230" height="230" alt="Samsung Galaxy Tab A 8-Inch Tablet 16 GB Titanium" title="Samsung Galaxy Tab A 8-Inch Tablet 16 GB Titanium" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-65-230x230.png" src="#"/> <img width="230" height="230" alt="Samsung Galaxy Tab A 8-Inch Tablet 16 GB Titanium" title="Samsung Galaxy Tab A 8-Inch Tablet 16 GB Titanium" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-66-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="47" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('47');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('47');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> Chromebooks </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=47">Samsung Galaxy Tab A 8-Inch Tablet 16 GB Titanium</a> </div> <div class="price"> <span class="price-new">$118</span> <span class="price-old">$148</span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),47);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="46" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option4703005"> <div class="radio"> <label> <input type="radio" name="option[47]" value="141" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[47]" value="140" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[47]" value="142" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option4603005"> Size </label> <div class="col-sm-12"> <select name="option[46]" id="input-option4603005" class="form-control"> <option value="">--- Please Select ---</option> <option value="137"> 6 in (+$1) </option> <option value="136"> 7 in (+$1) </option> <option value="138"> 9 in (+$1) </option> <option value="139"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option4803005"> Material </label> <div class="col-sm-12"> <select name="option[48]" id="input-option4803005" class="form-control"> <option value="">--- Please Select ---</option> <option value="144"> Plastic (+$1) </option> <option value="143"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'46');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=46"> <img width="230" height="230" alt="Samsung Galaxy Tab 4 16GB 10-Inch White" title="Samsung Galaxy Tab 4 16GB 10-Inch White" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-61-230x230.png" src="#"/> <img width="230" height="230" alt="Samsung Galaxy Tab 4 16GB 10-Inch White" title="Samsung Galaxy Tab 4 16GB 10-Inch White" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-62-230x230.png" src="#"/> </a> <div class="new-pr"><span>New</span></div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="46" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('46');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('46');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> Monitors </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=46">Samsung Galaxy Tab 4 16GB 10-Inch White</a> </div> <div class="price"> $338 </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),46);" ><i class="fl-glypho-purse10"></i></button> </div> </div> <div class="product-thumb transition options"> <!-- Product options --> <div class="product-option-wrap"> <div class="product-options form-horizontal"> <div class="options"> <a class="ajax-overlay_close" href='#'></a> <h3>Available Options</h3> <div class="form-group hidden"> <div class="col-sm-8"> <input type="text" name="product_id" value="45" class="form-control"/> </div> </div> <div class="form-group option-color required"> <label class="control-label col-sm-12">Color</label> <div class="col-sm-12"> <div id="input-option4403006"> <div class="radio"> <label> <input type="radio" name="option[44]" value="132" /> <img width="21" height="21" data-toggle="tooltip" title="White (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/white-50x50.png" alt="White +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[44]" value="131" /> <img width="21" height="21" data-toggle="tooltip" title="Metallic (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/black-50x50.png" alt="Metallic +$1" class="img-thumbnail" /> </label> </div> <div class="radio"> <label> <input type="radio" name="option[44]" value="133" /> <img width="21" height="21" data-toggle="tooltip" title="Gray (+$1) " src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/options/gray-50x50.png" alt="Gray +$1" class="img-thumbnail" /> </label> </div> </div> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option4303006"> Size </label> <div class="col-sm-12"> <select name="option[43]" id="input-option4303006" class="form-control"> <option value="">--- Please Select ---</option> <option value="128"> 6 in (+$1) </option> <option value="127"> 7 in (+$1) </option> <option value="129"> 9 in (+$1) </option> <option value="130"> 10 in (+$1) </option> </select> </div> </div> <div class="form-group required"> <label class="control-label col-sm-12" for="input-option4503006"> Material </label> <div class="col-sm-12"> <select name="option[45]" id="input-option4503006" class="form-control"> <option value="">--- Please Select ---</option> <option value="135"> Plastic (+$1) </option> <option value="134"> Metal (+$1) </option> </select> </div> </div> <button class="btn btn-primary" type="button" onclick="cart.addPopup($(this),'45');">Add to Cart</button> </div> </div> </div> <div class="image"> <a class="lazy" style="padding-bottom: 100%" href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=45"> <img width="230" height="230" alt="Samsung Galaxy Note 10 16GB Deep Grey" title="Samsung Galaxy Note 10 16GB Deep Grey" class="img-primary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-57-230x230.png" src="#"/> <img width="230" height="230" alt="Samsung Galaxy Note 10 16GB Deep Grey" title="Samsung Galaxy Note 10 16GB Deep Grey" class="img-secondary" data-src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/products/product-58-230x230.png" src="#"/> </a> <div class="sale"> <span>Sale</span> </div> <a href="index.php?route=extension/module/tm_ajax_quick_view/ajaxQuickView" data-rel="details" data-product="45" data-toggle="tooltip" title="Quick View" class="btn-icon quickview"><i class="fl-glypho-eye127"></i></a> <div class="cart-button"> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('45');"><i class="material-icons-favorite_border"></i></button> <button class="btn-icon" type="button" data-toggle="tooltip" title="Compare this Product" onclick="compare.add('45');"><i class="material-icons-sort"></i></button> </div> </div> <div class="caption"> <div class="category-name"> SnapDragon </div> <div class="name"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=product/product&product_id=45">Samsung Galaxy Note 10 16GB Deep Grey</a> </div> <div class="price"> <span class="price-new">$87</span> <span class="price-old">$109</span> </div> <div class="rating"> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star star fa-stack-1x"></i></span> <span class="fa-stack"><i class="material-icons-star fa-stack-1x"></i></span> </div> <button class="btn-icon" type="button" data-toggle="tooltip" title="Add to Cart" onclick="ajaxAdd($(this),45);" ><i class="fl-glypho-purse10"></i></button> </div> </div> </div> </div> </div> <div class="box blog_articles"> <div class="box-heading"> <h5>From The Blog</h5> </div> <div class="box-content"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="blog_block"> <figure class="article-image"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=3"><img width="328" height="227" src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/blog/post-3-328x227.jpg" alt="Does Buying a Smart Watch Make Sense?"/></a> </figure> <div class="article-sub-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/author&simple_blog_author_id=2" class="article-author material-icons-person">Sam Kromstain</a> </div> <div class="article-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=3">Does Buying a Smart Watch Make Sense?</a> </div> <div class="article-description">The market for the smart watches really has come a long way since the original Pebble exploded the Kickstarter records back in 2012....</div> <div class="article-sub-title"> <span class="article-date material-icons-access_time">Published on <span>Apr 28, 2017</span></span> </div> <a href='https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=3' class="btn-icon"><i class="material-icons-keyboard_arrow_right"></i></a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="blog_block"> <figure class="article-image"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=8"><img width="328" height="227" src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/blog/post-8-328x227.jpg" alt="Which Smart TV Top Brand Should You Choose?"/></a> </figure> <div class="article-sub-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/author&simple_blog_author_id=2" class="article-author material-icons-person">Sam Kromstain</a> </div> <div class="article-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=8">Which Smart TV Top Brand Should You Choose?</a> </div> <div class="article-description">In the modern market for the smart gadgets, smart TVs are truly a flagship category. We're the biggest smart gadgets retailer in the...</div> <div class="article-sub-title"> <span class="article-date material-icons-access_time">Published on <span>Apr 28, 2017</span></span> </div> <a href='https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=8' class="btn-icon"><i class="material-icons-keyboard_arrow_right"></i></a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="blog_block"> <figure class="article-image"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=5"><img width="328" height="227" src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/blog/post-9-328x227.jpg" alt="A New Research on Fitness Trackers Accuracy"/></a> </figure> <div class="article-sub-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/author&simple_blog_author_id=3" class="article-author material-icons-person">Robert Johnson</a> </div> <div class="article-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=5">A New Research on Fitness Trackers Accuracy</a> </div> <div class="article-description">While fitness trackers are a relative novelty, they've already been raging the market for quite some time. We're the biggest smart g...</div> <div class="article-sub-title"> <span class="article-date material-icons-access_time">Published on <span>May 04, 2017</span></span> </div> <a href='https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=5' class="btn-icon"><i class="material-icons-keyboard_arrow_right"></i></a> </div> </div> </div> </div> </div> <div id="banner1" class="banners row"> <div class="col-sm-6 banner-1"> <div class="banner-box"> <img src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/banner3-368x368.jpg" alt="banner-1" class="img-responsive" /> <a class="clearfix link" href="index.php?route=product/category&path=18"></a> <div class="s-desc"><div> <h4>Computing</h4> <ul class="list-unstyled"> <li><a href="index.php?route=product/category&path=33">Laptops</a></li> <li><a href="index.php?route=product/category&path=32">Chromebooks</a></li> <li><a href="index.php?route=product/category&path=30">All-In-One PCs</a></li> <li><a href="index.php?route=product/category&path=28">Monitors</a></li> <li><a href="index.php?route=product/category&path=37">Printers</a></li> <li><a href="index.php?route=product/category&path=38">See All PCs</a></li> </ul> </div></div> </div> </div> <div class="col-sm-6 banner-2"> <div class="banner-box"> <img src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/banner4-368x368.jpg" alt="banner-2" class="img-responsive" /> <a class="clearfix link" href="index.php?route=product/category&path=20"></a> <div class="s-desc"><div> <h4>TVs</h4> <ul class="list-unstyled"> <li><a href="index.php?route=product/category&path=29">4K SUHD TVs</a></li> <li><a href="index.php?route=product/category&path=39">4K UHD TVs</a></li> <li><a href="index.php?route=product/category&path=47">LED TVs</a></li> <li><a href="index.php?route=product/category&path=48">Smart Signage TVs</a></li> <li><a href="index.php?route=product/category&path=49">See All TVs</a></li> </ul> </div></div> </div> </div> <div class="col-sm-6 banner-3"> <div class="banner-box"> <img src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/banner5-368x368.jpg" alt="banner-3" class="img-responsive" /> <a class="clearfix link" href="index.php?route=product/category&path=25"></a> <div class="s-desc"><div> <h4>Phones</h4> <ul class="list-unstyled"> <li><a href="index.php?route=product/category&path=50">Cell Phones</a></li> <li><a href="index.php?route=product/category&path=51">Prepaid</a></li> <li><a href="index.php?route=product/category&path=52">AT&T Cell Phones</a></li> <li><a href="index.php?route=product/category&path=53">Sprint Cell Phones</a></li> <li><a href="index.php?route=product/category&path=54">New Cell Phones</a></li> </ul> </div></div> </div> </div> </div> <div id="tm-newsletter" class="box newsletter"> <form class="clearfix" method="post" enctype="multipart/form-data" id="tm-newsletter-form"> <div class="box-heading"><h5>Follow Us</h5></div> <div class="box-content clearfix"> <div class="newsletter-description"><h5>Buying Smart Gadgets is a Smart Thing To Do!</h5> Just sign up for our Discounts Club & get a complimentary 10% off for your first order</div> <div class="tm-login-form"> <label class="control-label" for="input-tm-newsletter-email"></label> <input type="text" name="tm_newsletter_email" value="" placeholder="Your e-mail" id="input-tm-newsletter-email" class="form-control"/> </div> <button type="submit" id="tm-newsletter-button" class="btn-primary">Subscribe</button> <span id="tm-newsletter_error" class="newsletter-error"></span> <span id="tm-newsletter_success" class="newsletter-success"></span> </div> </form> </div> <script> $(document).ready(function () { $('#tm-newsletter').submit(function (e) { e.preventDefault(); var email = $("#input-tm-newsletter-email").val(); var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,4}$/igm; if (emailRegex.test(email)) { var dataString = 'tm_newsletter_email=' + email; $.ajax({ type: "POST", url: "index.php?route=extension/module/tm_newsletter/addNewsletter", data: dataString, cache: false, success: function (result) { if (!result){ $('#tm-newsletter_error').html(''); $('#tm-newsletter_success').stop(true, true).html('You have successfully subscribed').fadeIn(300).delay(4000).fadeOut(300); }else{ $('#tm-newsletter_success').html(''); $('#tm-newsletter_error').stop(true, true).html(result).fadeIn(300).delay(4000).fadeOut(300); } } }); } else { $('#tm-newsletter_success').html(''); $('#tm-newsletter_error').stop(true, true).html('Please enter a valid e-mail!').fadeIn(300).delay(4000).fadeOut(300); } }); }); </script> <div class="box module-social"> <div class="social-block"> <h3 class="box-heading"><span>Social News</span></h3> <div class="box-content"> <h5>Social News</h5> <p>The latest news delivered across all social networks!</p> <ul class="social-list list-unstyled"> <li><a href="//www.facebook.com/TemplateMonster" data-toggle="tooltip" title="Facebook"><i class="fl-glypho-facebook2"></i></a></li> <li><a href="//twitter.com/templatemonster" data-toggle="tooltip" title="Twitter"><i class="fl-glypho-twitter"></i></a></li> <li><a href="//plus.google.com/+TemplateMonster" data-toggle="tooltip" title="Google+"><i class="fl-glypho-google-plus"></i></a></li> <li><a href="//www.instagram.com/template_monster/" data-toggle="tooltip" title="Instagram"><i class="fl-glypho-instagram19"></i></a></li> </ul> </div> </div> </div> </div></div> </div></div> </div> </div> </div> </section> <div class="container"> <div class="row"> <div id="content" class="col-sm-12"></div> </div> </div> <footer> <div class="container"> <div class="row"> <div class="accordion-footer container"> <div id="tm-homebuilder182817208" class="homebuilder clearfix"> <div class="tm-container " > <div class="tm-inner"> <div class="row row-level-1 "><div class="row-inner clearfix" > <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 "><div class="col-inner "> <div class=""> <h5 class="box-heading"><span>Information</span></h5> <ul class="box-content list-unstyled"> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=information/information&information_id=4">About Us</a></li> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=information/information&information_id=6">Delivery Information</a></li> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=information/information&information_id=3">Privacy Policy</a></li> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=information/information&information_id=5">Terms & Conditions</a></li> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=account/return/add">Returns</a></li> <li><a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=information/sitemap">Site Map</a></li> </ul> </div> </div></div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 "><div class="col-inner "> <div class="box blog_articles"> <div class="box-heading"> <h5>Recent Posts</h5> </div> <div class="box-content"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="blog_block"> <figure class="article-image"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=10"><img width="92" height="64" src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/blog/post-10-92x64.jpg" alt="Believe in the Business of Your Dreams"/></a> </figure> <div class="article-sub-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/author&simple_blog_author_id=4" class="article-author material-icons-person">Edna Barton</a> </div> <div class="article-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=10">Believe in the Business of Your Dreams</a> </div> <div class="article-sub-title"> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="blog_block"> <figure class="article-image"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=9"><img width="92" height="64" src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/blog/post-5-92x64.jpg" alt="Beautiful Rumi Quotes that are Worth Reading"/></a> </figure> <div class="article-sub-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/author&simple_blog_author_id=4" class="article-author material-icons-person">Edna Barton</a> </div> <div class="article-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=9">Beautiful Rumi Quotes that are Worth Reading</a> </div> <div class="article-sub-title"> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="blog_block"> <figure class="article-image"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=8"><img width="92" height="64" src="https://livedemo00.template-help.com/opencart_63681/image/cache/catalog/blog/post-8-92x64.jpg" alt="Which Smart TV Top Brand Should You Choose?"/></a> </figure> <div class="article-sub-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/author&simple_blog_author_id=2" class="article-author material-icons-person">Sam Kromstain</a> </div> <div class="article-title"> <a href="https://livedemo00.template-help.com/opencart_63681/index.php?route=simple_blog/article/view&simple_blog_article_id=8">Which Smart TV Top Brand Should You Choose?</a> </div> <div class="article-sub-title"> </div> </div> </div> </div> </div> </div> </div></div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 "><div class="col-inner "> <div class="html-module box About Us"> <div class="box-heading"><h5>About Us</h5></div> <div class="box-content"><img src="image/catalog/about-img.jpg" alt="" style="width: 269px;"><br> <p>We're the biggest smart gadgets retailer in the whole of South Dakota and the Midwest. Our lineup ranges from smart watches and fitness trackers to smart kitchen appliances.</p></div> </div> </div></div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 "><div class="col-inner "> <div class="col-xs-12 col-sm-4 col-md-4"> <div id="fb-root"></div> <div class="box facebook info"> <div class="box-heading"> <h5>Facebook Box</h5> </div> <div class="box-content"> <div class="fb-page" data-href="https://www.facebook.com/TemplateMonster" data-width="270" data-height="277" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"> </div> </div> </div> </div> <script> window.fbAsyncInit = function () { var id = ''; if (id == '') { id = false; } FB.init({ appId: id, xfbml: true, version: 'v2.3' }); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); ; (function ($) { var o = $('.fb-page'); $(window).load(function () { o.css({'display': 'block'}) .find('span').css({ 'width': '100%', 'display': 'block', 'text-align': 'inherit' }) .find('iframe').css({ 'display': 'inline-block', 'position': 'static' }); }); $(window).on('load resize', function () { if (o.parent().width() < o.find('iframe').width()) { o.find('iframe').css({ 'transform': 'scale(' + (o.width() / o.find('iframe').width()) + ')', 'transform-origin': '0% 0%' }) .parent().css({ 'height': (o.find('iframe').height() * (o.width() / o.find('iframe').width())) + 'px' }); } else { o .find('span').css({ 'height': o.find('iframe').height() + 'px' }) .find('iframe').css({ 'transform': 'none' }); } }); })(jQuery); </script> </div></div> </div></div> </div> </div> </div> </div> </div> </div> <div class="copyright"> <div class="container">Powered By <a href="https://www.opencart.com">OpenCart</a><br /> SmartHouse © 2018<!-- [[%FOOTER_LINK]] --> </div> </div> </footer> <div class="ajax-overlay"></div> <div class="ajax-quickview-overlay"> <span class="ajax-quickview-overlay__preloader"></span> </div> </div> <script src="catalog/view/theme/theme753/js/device.min.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/livesearch.min.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/common.js" type="text/javascript"></script> <script src="catalog/view/theme/theme753/js/script.js" type="text/javascript"></script> <!-- coding by xena --> </body><!-- Google Tag Manager --><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-P9FT69"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-P9FT69');</script><!-- End Google Tag Manager --></html>
CSS
JAVASCRIPT
Expand for more options Login