Your IP : 3.147.57.111
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic page needs -->
<meta charset="utf-8">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Famous Electronics eCommerce Website Template</title>
<meta name="google" content="clean template, electronics Store, html5, electronics template, makeup store, modern, multipurpose store, electronics shop, commerce, ecommerce, electronics, electronics theme, megamenu, modern, retail, store"/>
<!-- Mobile specific metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<!-- CSS Style -->
<link rel="stylesheet" href="style.css">
</head>
<body class="shortcodes_page">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- mobile menu -->
<div id="mobile-menu">
<ul>
<li><a href="index.html" class="home1">Home Pages</a>
<ul>
<li><a href="index.html"><span>Home Version 1</span></a></li>
<li><a href="version2/index.html"><span>Home Version 2</span></a></li>
<li><a href="version3/index.html"><span>Home Version 3</span></a></li>
<li><a href="version1rtl/index.html"><span>Home Version 1 RTL</span></a></li>
</ul>
</li>
<li><a href="#">Pages</a>
<ul>
<li><a href="#">Shop Pages </a>
<ul>
<li><a href="shop_grid.html"><span>Grid View Category Page</span></a></li>
<li><a href="shop_grid_full_width.html"><span>Grid View Full Width</span></a></li>
<li><a href="shop_list.html"><span>List View Category Page</span></a></li>
<li><a href="single_product.html"><span>Full Width Product Page</span> </a></li>
<li><a href="single_product_sidebar.html"><span>Product Page With Sidebar</span> </a></li>
<li><a href="single_product_magnify_zoom.html"><span>Product Page Magnify Zoom</span> </a></li>
<li><a href="shopping_cart.html"><span>Shopping Cart</span></a></li>
<li><a href="wishlist.html"><span>Wishlist</span></a></li>
<li><a href="compare.html"><span>Compare Products</span></a></li>
<li><a href="checkout.html"><span>Checkout</span></a></li>
<li><a href="sitemap.html"><span>Sitemap</span></a></li>
</ul>
</li>
<li><a href="#">Static Pages </a>
<ul>
<li><a href="about_us.html"><span>About Us</span></a></li>
<li><a href="contact_us.html"><span>Contact Us</span></a></li>
<li><a href="orders_list.html"><span>Orders List</span></a></li>
<li><a href="order_details.html"><span>Order Details</span></a></li>
<li><a href="404error.html"><span>404 Error</span> </a></li>
<li><a href="faq.html"><span>FAQ Page</span></a></li>
<li><a href="manufacturers.html"><span>Manufacturers</span></a></li>
<li><a href="quick_view.html"><span>Quick View</span></a></li>
<li><a href="dashboard.html"><span>Account Dashboard</span></a></li>
<li><a href="shortcodes.html"><span>Shortcodes</span> </a></li>
<li><a href="typography.html"><span>Typography</span></a></li>
</ul>
</li>
<li><a href="#"> Blog Pages </a>
<ul>
<li><a href="blog_right_sidebar.html">Blog – Right sidebar </a></li>
<li><a href="blog_left_sidebar.html">Blog – Left sidebar </a></li>
<li><a href="blog_full_width.html">Blog - Full width</a></li>
<li><a href="blog_single_post.html">Single post </a></li>
</ul>
</li>
</ul>
</li>
<li><a href="blog.html">Blog</a>
<ul>
<li><a href="blog_right_sidebar.html"> Blog – Right Sidebar </a></li>
<li><a href="blog_left_sidebar.html"> Blog – Left Sidebar </a></li>
<li><a href="blog_full_width.html"> Blog – Full-Width </a></li>
<li><a href="blog_single_post.html"> Single post </a></li>
</ul>
</li>
<li><a href="shop_grid.html">TV & Audio</a>
<ul>
<li><a href="#" class="">Headphones</a>
<ul>
<li><a href="shop_grid.html">Receivers & Amplifier</a></li>
<li><a href="shop_grid.html">Speakers Sports</a></li>
<li><a href="shop_grid.html">Audio CD Players</a></li>
<li><a href="shop_grid.html">Turntables</a></li>
</ul>
</li>
<li><a href="#">Gaming Headsets</a>
<ul>
<li><a href="shop_grid.html">Accessories</a></li>
<li><a href="shop_grid.html">Smart TVs Speakers</a></li>
<li><a href="shop_grid.html">Cases & Towers</a></li>
<li><a href="shop_grid.html">Gaming Budget</a></li>
</ul>
</li>
<li><a href="#">Home Theater Systems</a>
<ul>
<li><a href="shop_grid.html">TV & Cinema</a></li>
<li><a href="shop_grid.html">4K Ultra HD TVs</a></li>
<li><a href="shop_grid.html">Curved TVs</a></li>
<li><a href="shop_grid.html">Sound Bars</a></li>
</ul>
</li>
<li><a href="#">Appliances</a>
<ul>
<li><a href="shop_grid.html">Refrigerators</a></li>
<li><a href="shop_grid.html">Vacuum Cleaners</a></li>
<li><a href="shop_grid.html">Irons & Steamers</a></li>
<li><a href="shop_grid.html">Washers Dryers</a></li>
</ul>
</li>
<li><a href="#">Photo & Camera</a>
<ul>
<li><a href="shop_grid.html">Cameras Digital SLR</a></li>
<li><a href="shop_grid.html">Instant Film</a></li>
<li><a href="shop_grid.html">Point & Shoot</a></li>
<li><a href="shop_grid.html">Waterproof</a></li>
</ul>
</li>
<li><a href="#">Accessories</a>
<ul>
<li><a href="shop_grid.html">Cables Chargers</a></li>
<li><a href="shop_grid.html">Cases Backup Battery</a></li>
<li><a href="shop_grid.html">Meebox</a></li>
<li><a href="shop_grid.html">Packs Screen</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="shop_grid.html">Apple Store</a>
<ul>
<li><a href="#" class="">Notebooks</a>
<ul class="level1">
<li><a href="shop_grid.html">Gradiente</a></li>
<li><a href="shop_grid.html">Samsung</a></li>
<li><a href="shop_grid.html">Toshiba</a></li>
<li><a href="shop_grid.html">Nintendo DS</a></li>
</ul>
</li>
<li><a href="#">Televisions</a>
<ul class="level1">
<li><a href="shop_grid.html">LCD Televisions</a></li>
<li><a href="shop_grid.html">Projection Televisions</a></li>
<li><a href="shop_grid.html">Play Stations</a></li>
<li><a href="shop_grid.html">Video Accessories</a></li>
</ul>
</li>
<li><a href="#" class="">Computer</a>
<ul class="level1">
<li><a href="shop_grid.html">Laptop</a></li>
<li><a href="shop_grid.html">Mobile Electronics</a></li>
<li><a href="shop_grid.html">Movies & Music</a></li>
<li><a href="shop_grid.html">Audio & Video</a></li>
</ul>
</li>
<li><a href="#">Home Theater</a>
<ul class="level1">
<li><a href="shop_grid.html">LED & LCD TVs</a></li>
<li><a href="shop_grid.html">Smart TVs</a></li>
<li><a href="shop_grid.html">Speakers Sound Bars</a></li>
<li><a href="shop_grid.html">Audio CD Players</a></li>
</ul>
</li>
<li><a href="#">Accesories</a>
<ul class="level1">
<li><a href="shop_grid.html">Theater Systems</a></li>
<li><a href="shop_grid.html">Turntables</a></li>
<li><a href="shop_grid.html">Laptops Bags</a></li>
<li><a href="shop_grid.html">Gaming Headsets</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="shop_grid.html">Photo & Camera</a>
<ul>
<li><a href="shop_grid.html">Mobiles</a>
<ul>
<li><a href="shop_grid.html">iPhone</a></li>
<li><a href="shop_grid.html">Samsung</a></li>
<li><a href="shop_grid.html">Nokia</a></li>
<li><a href="shop_grid.html">Sony</a></li>
</ul>
</li>
<li><a href="shop_grid.html" class="">Music & Audio</a>
<ul>
<li><a href="shop_grid.html">Audio</a></li>
<li><a href="shop_grid.html">Cameras</a></li>
<li><a href="shop_grid.html">Appling</a></li>
<li><a href="shop_grid.html">Car Music</a></li>
</ul>
</li>
<li><a href="shop_grid.html">Accessories</a>
<ul>
<li><a href="shop_grid.html">Home & Office</a></li>
<li><a href="shop_grid.html">TV & Home Theater</a></li>
<li><a href="shop_grid.html">Phones & Radio</a></li>
<li><a href="shop_grid.html">All Electronics</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="shop_grid.html">Smartphone</a></li>
<li><a href="shop_grid.html">Games & Video</a></li>
<li><a href="shop_grid.html">Laptop</a></li>
<li><a href="shop_grid.html">Accessories</a></li>
</ul>
</div>
<!-- end mobile menu -->
<div id="page">
<!-- Header -->
<header>
<div class="header-container">
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-4 col-xs-12">
<!-- Default Welcome Message -->
<div class="welcome-msg hidden-xs hidden-sm">Default welcome msg! </div>
<!-- Language & Currency wrapper -->
<div class="language-currency-wrapper">
<div class="inner-cl">
<div class="block block-language form-language">
<div class="lg-cur"><span><img src="images/flag-default.jpg" alt="French"><span class="lg-fr">French</span><i class="fa fa-angle-down"></i></span></div>
<ul>
<li><a class="selected" href="#"><img src="images/flag-english.jpg" alt="english"><span>English</span></a></li>
<li><a href="#"><img src="images/flag-default.jpg" alt="French"><span>French</span></a></li>
<li><a href="#"><img src="images/flag-german.jpg" alt="German"><span>German</span></a></li>
<li><a href="#"><img src="images/flag-brazil.jpg" alt="Brazil"><span>Brazil</span></a></li>
<li><a href="#"><img src="images/flag-chile.jpg" alt="Chile"><span>Chile</span></a></li>
<li><a href="#"><img src="images/flag-spain.jpg" alt="Spain"><span>Spain</span></a></li>
</ul>
</div>
<div class="block block-currency">
<div class="item-cur"><span>USD</span><i class="fa fa-angle-down"></i></div>
<ul>
<li><a href="#"><span class="cur_icon">€</span>EUR</a></li>
<li><a href="#"><span class="cur_icon">¥</span>JPY</a></li>
<li><a class="selected" href="#"><span class="cur_icon">$</span>USD</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- top links -->
<div class="headerlinkmenu col-md-8 col-sm-8 col-xs-12"> <span class="phone hidden-xs hidden-sm">Call Us: +123.456.789</span>
<ul class="links">
<li class="hidden-xs"><a title="Help Center" href="#"><span>Help Center</span></a></li>
<li><a title="Store Locator" href="#"><span>Store Locator</span></a></li>
<li><a title="Checkout" href="checkout.html"><span>Checkout</span></a></li>
<li>
<div class="dropdown"><a class="current-open" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"><span>My Account</span> <i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="account_page.html">Account</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="orders_list.html">Order Tracking</a></li>
<li><a href="about_us.html">About us</a></li>
<li class="divider"></li>
<li><a href="account_page.html">Log In</a></li>
<li><a href="register_page.html">Register</a></li>
</ul>
</div>
</li>
<li><a title="login" href="account_page.html"><span>Login</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- header inner -->
<div class="header-inner">
<div class="container">
<div class="row">
<div class="col-sm-3 col-xs-12 jtv-logo-block">
<!-- Header Logo -->
<div class="logo"><a title="e-commerce" href="index.html"><img alt="Famous" title="Famous" src="images/logo.png"></a> </div>
</div>
<div class="col-xs-12 col-sm-5 col-md-6 jtv-top-search">
<!-- Search -->
<div class="top-search">
<div id="search">
<form>
<div class="input-group">
<select class="cate-dropdown hidden-xs hidden-sm" name="category_id">
<option>All Categories</option>
<option>women</option>
<option> Chair </option>
<option> Decoration</option>
<option> Lamp</option>
<option> Handbags </option>
<option> Sofas </option>
<option> Essential </option>
<option>Men</option>
<option>Electronics</option>
<option> Mobiles </option>
<option> Music & Audio </option>
</select>
<input type="text" class="form-control" placeholder="Enter your search..." name="search">
<button class="btn-search" type="button"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
</div>
<!-- End Search -->
</div>
<div class="col-xs-12 col-sm-4 col-md-3 top-cart">
<div class="link-wishlist"> <a href="#"> <i class="icon-heart icons"></i><span> Wishlist</span></a> </div>
<!-- top cart -->
<div class="top-cart-contain">
<div class="mini-cart">
<div data-toggle="dropdown" data-hover="dropdown" class="basket dropdown-toggle"> <a href="#">
<div class="cart-icon"><i class="icon-basket-loaded icons"></i><span class="cart-total">3</span></div>
<div class="shoppingcart-inner hidden-xs"><span class="cart-title">My Cart</span> </div>
</a></div>
<div>
<div class="top-cart-content">
<div class="block-subtitle hidden">Recently added items</div>
<ul id="cart-sidebar" class="mini-products-list">
<li class="item odd"> <a href="shopping_cart.html" title="Product title here" class="product-image"><img src="images/products/product-1.jpg" alt="html Template" width="65"></a>
<div class="product-details"> <a href="#" title="Remove This Item" class="remove-cart"><i class="pe-7s-trash"></i></a>
<p class="product-name"><a href="shopping_cart.html">Lorem ipsum dolor sit amet Consectetur</a> </p>
<strong>1</strong> x <span class="price">$20.00</span> </div>
</li>
<li class="item even"> <a href="shopping_cart.html" title="Product title here" class="product-image"><img src="images/products/product-1.jpg" alt="html Template" width="65"></a>
<div class="product-details"> <a href="#" title="Remove This Item" class="remove-cart"><i class="pe-7s-trash"></i></a>
<p class="product-name"><a href="shopping_cart.html">Consectetur utes anet adipisicing elit</a> </p>
<strong>1</strong> x <span class="price">$230.00</span> </div>
</li>
<li class="item last odd"> <a href="shopping_cart.html" title="Product title here" class="product-image"><img src="images/products/product-1.jpg" alt="html Template" width="65"></a>
<div class="product-details"> <a href="#" title="Remove This Item" class="remove-cart"><i class="pe-7s-trash"></i></a>
<p class="product-name"><a href="shopping_cart.html">Sed do eiusmod tempor incidist</a> </p>
<strong>2</strong> x <span class="price">$420.00</span> </div>
</li>
</ul>
<div class="top-subtotal">Subtotal: <span class="price">$520.00</span></div>
<div class="actions">
<button class="btn-checkout" type="button" onClick="location.href='checkout.html'"><i class="fa fa-check"></i><span>Checkout</span></button>
<button class="view-cart" type="button" onClick="location.href='shopping_cart.html'"><i class="fa fa-shopping-cart"></i><span>View Cart</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<nav>
<div class="container">
<div class="row">
<div class="mm-toggle-wrap">
<div class="mm-toggle"><i class="fa fa-align-justify"></i> </div>
<span class="mm-label">All Categories</span> </div>
<div class="col-md-3 col-sm-3 mega-container hidden-xs">
<div class="navleft-container">
<div class="mega-menu-title">
<h3><span>All Categories</span></h3>
</div>
<!-- Shop by category -->
<div class="mega-menu-category">
<ul class="nav">
<li><a href="#">Home pages </a>
<div class="wrap-popup column1">
<div class="popup">
<ul class="nav">
<li><a href="index.html"><span>Home Version 1</span></a></li>
<li><a href="version2/index.html"><span>Home Version 2</span></a></li>
<li><a href="version3/index.html"><span>Home Version 3</span></a></li>
<li><a href="../version1rtl/index.html"><span>Home Version 1 RTL</span></a></li>
</ul>
</div>
</div>
</li>
<li><a href="#">Pages</a>
<div class="wrap-popup">
<div class="popup">
<div class="row">
<div class="col-md-4 col-sm-6">
<ul class="nav">
<li><a href="shop_grid.html"><span>Grid View Category Page</span></a></li>
<li><a href="shop_grid_full_width.html"><span>Grid View Full Width</span></a></li>
<li><a href="shop_list.html"><span>List View Category Page</span></a></li>
<li><a href="single_product.html"><span>Full Width Product Page</span> </a></li>
<li><a href="single_product_sidebar.html"><span>Product Page With Sidebar</span> </a></li>
<li><a href="single_product_magnify_zoom.html"><span>Product Page Magnify Zoom</span> </a></li>
<li><a href="shopping_cart.html"><span>Shopping Cart</span></a></li>
<li><a href="wishlist.html"><span>Wishlist</span></a></li>
<li><a href="compare.html"><span>Compare Products</span></a></li>
<li><a href="checkout.html"><span>Checkout</span></a></li>
<li><a href="sitemap.html"><span>Sitemap</span></a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 has-sep">
<ul class="nav">
<li><a href="about_us.html"><span>About Us</span></a></li>
<li><a href="contact_us.html"><span>Contact Us</span></a></li>
<li><a href="orders_list.html"><span>Orders List</span></a></li>
<li><a href="order_details.html"><span>Order Details</span></a></li>
<li><a href="404error.html"><span>404 Error</span> </a></li>
<li><a href="faq.html"><span>FAQ Page</span></a></li>
<li><a href="manufacturers.html"><span>Manufacturers</span></a></li>
<li><a href="quick_view.html"><span>Quick View</span></a></li>
<li><a href="dashboard.html"><span>Account Dashboard</span></a></li>
<li><a href="shortcodes.html"><span>Shortcodes</span> </a></li>
<li><a href="typography.html"><span>Typography</span></a></li>
</ul>
</div>
<div class="col-md-4 has-sep hidden-sm">
<div class="custom-menu-right">
<div class="box-banner menu-banner">
<div class="add-right"><a href="#"><img src="images/menu-banner-img1.jpg" alt="responsive"></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li><a href="#">TV & Audio</a>
<div class="wrap-popup">
<div class="popup">
<div class="row">
<div class="col-md-4 col-sm-6">
<h3>Televisions</h3>
<ul class="nav">
<li><a href="shop_grid.html">LCD Televisions</a></li>
<li><a href="shop_grid.html">Projection Televisions</a></li>
<li><a href="shop_grid.html">Play Stations</a></li>
<li><a href="shop_grid.html">Televisions/Tube</a></li>
</ul>
<br>
<h3>Headphones</h3>
<ul class="nav">
<li><a href="shop_grid.html">Players & Video</a></li>
<li><a href="shop_grid.html">Party Dresses</a></li>
<li><a href="shop_grid.html">Midi Dresses</a></li>
<li><a href="shop_grid.html">Strapless Dresses</a></li>
<li><a href="shop_grid.html">Day Dresses</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 has-sep">
<h3>Appliances</h3>
<ul class="nav">
<li><a href="shop_grid.html">Kitchen</a></li>
<li><a href="shop_grid.html">Refrigerators</a></li>
<li><a href="shop_grid.html">Laundry & Garment</a></li>
<li><a href="shop_grid.html">Vacuum Cleaners</a></li>
</ul>
<br>
<h3>Video Accessories</h3>
<ul class="nav">
<li><a href="shop_grid.html">Bags & Cases</a></li>
<li><a href="shop_grid.html">Video Tapes</a></li>
<li><a href="shop_grid.html">Memory Card</a></li>
<li><a href="shop_grid.html">Readers Tripods</a></li>
<li><a href="shop_grid.html">Batteries</a></li>
</ul>
</div>
<div class="col-md-4 has-sep hidden-sm">
<div class="custom-menu-right">
<div class="box-banner media">
<div class="add-desc">
<h3>Computer <br>
Services </h3>
<div class="price-sale">2016</div>
<a href="#">Shop Now</a> </div>
<div class="add-right"><a href="#"><img src="images/menu-banner-img2.jpg" alt="fashion"></a></div>
</div>
<div class="box-banner media">
<div class="add-desc">
<h3>Save up to</h3>
<div class="price-sale">75 <sup>%</sup><sub>off</sub></div>
<a href="#">Shopping Now</a> </div>
<div class="add-right"><a href="#"><img src="images/menu-banner-img3.jpg" alt=" html store"></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li><a href="#">Apple Store </a>
<div class="wrap-popup">
<div class="popup">
<div class="row">
<div class="col-md-4 col-sm-6">
<h3>Online store</h3>
<ul class="nav">
<li><a href="shop_grid.html">Mac personal computers</a></li>
<li><a href="shop_grid.html">iPhone smartphones</a></li>
<li><a href="shop_grid.html">iPad tablet computers</a></li>
<li><a href="shop_grid.html">iPod portable</a></li>
<li><a href="shop_grid.html">Media players</a></li>
<li><a href="shop_grid.html">Smartwatches</a></li>
<li><a href="shop_grid.html">Apple TV digital</a></li>
<li><a href="shop_grid.html">software</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-6 has-sep">
<h3>Accessories</h3>
<ul class="nav">
<li><a href="shop_grid.html"><span>JCables Chargers</span></a></li>
<li><a href="shop_grid.html"><span>Cases Backup</span></a></li>
<li><a href="shop_grid.html"><span>Battery Packs Screen</span> </a></li>
<li><a href="shop_grid.html"><span>Protectors</span> </a></li>
<li><a href="shop_grid.html"><span>Holders & Stands</span></a></li>
<li><a href="shop_grid.html"><span>Office Wireless</span></a></li>
<li><a href="shop_grid.html"><span>Cable Phones</span></a></li>
<li><a href="shop_grid.html"><span>Fax Radio Phones</span></a></li>
</ul>
</div>
<div class="col-md-4 has-sep hidden-sm">
<div class="custom-menu-right">
<div class="box-banner menu-banner">
<div class="add-right"><a href="#"><img src="images/menu-banner-img4.jpg" alt="responsive"></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li><a href="shop_grid.html">Photo & Camera</a>
<div class="wrap-popup column3">
<div class="popup">
<div class="row">
<div class="col-sm-6">
<h3>Camera Store</h3>
<ul class="nav">
<li><a href="shop_grid.html"> Canon PowerShot </a></li>
<li><a href="shop_grid.html"> Photography </a></li>
<li><a href="shop_grid.html"> Action Camcorders </a></li>
<li><a href="shop_grid.html"> Film Cameras </a></li>
<li><a href="shop_grid.html"> Photo Studio </a></li>
<li><a href="shop_grid.html"> Camera Lenses </a></li>
</ul>
</div>
<div class="col-sm-6 has-sep">
<h3>Accessories</h3>
<ul class="nav">
<li><a href="shop_grid.html"> Bags & Cases </a></li>
<li><a href="shop_grid.html"> Keyboards</a></li>
<li><a href="shop_grid.html"> Web Cameras </a></li>
<li><a href="shop_grid.html"> Batteries & Chargers </a></li>
<li><a href="shop_grid.html"> USB Gadgets </a></li>
<li><a href="shop_grid.html"> Cables & Connectors </a></li>
</ul>
</div>
<div class="col-sm-12"> <a class="ads1" href="#"><img class="img-responsive" src="images/menu-banner-img5.jpg" alt="bootstrap"></a> </div>
</div>
</div>
</div>
</li>
<li><a href="shop_grid.html">Smartphone</a>
<div class="wrap-popup column1">
<div class="popup">
<ul class="nav">
<li><a href="shop_grid.html"><span>Micromax Canvas</span></a></li>
<li><a href="shop_grid.html"><span>Moto G5</span></a></li>
<li><a href="shop_grid.html"><span>iPhone 6-32GB</span></a></li>
<li><a href="shop_grid.html"><span>OnePlus 5</span></a></li>
<li><a href="shop_grid.html"><span>Samsung On7 pro</span></a></li>
<li><a href="shop_grid.html"><span>Coolpad Cool</span></a></li>
<li><a href="shop_grid.html"><span>Xolo Era</span></a></li>
</ul>
</div>
</div>
</li>
<li><a href="shop_grid.html">Laptop</a>
<div class="wrap-popup column1">
<div class="popup">
<ul class="nav">
<li><a href="shop_grid.html"><span>Lenovo Ideapad</span></a></li>
<li><a href="shop_grid.html"><span>Dell Inspiron</span></a></li>
<li><a href="shop_grid.html"><span>Acer One 14</span></a></li>
<li><a href="shop_grid.html"><span>Toshiba</span></a></li>
<li><a href="shop_grid.html"><span>ASUS VivoBook</span></a></li>
<li><a href="shop_grid.html"><span>HP Pavilion</span></a></li>
<li><a href="shop_grid.html"><span>iBall CompBook</span></a></li>
</ul>
</div>
</div>
</li>
<li class="nosub"><a href="#">Games & Video</a></li>
<li><a href="blog.html">Blog</a>
<div class="wrap-popup column1">
<div class="popup">
<ul class="nav">
<li><a href="blog_right_sidebar.html"> Blog – Right Sidebar </a></li>
<li><a href="blog_left_sidebar.html"> Blog – Left Sidebar </a></li>
<li><a href="blog_full_width.html"> Blog – Full-Width </a></li>
<li><a href="blog_single_post.html"> Single post </a></li>
</ul>
</div>
</div>
</li>
<li class="nosub"><a href="shop_grid.html">Accessories</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-9 col-sm-9 jtv-megamenu">
<div class="mtmegamenu">
<ul class="hidden-xs">
<li class="mt-root demo_custom_link_cms">
<div class="mt-root-item"><a href="index.html">
<div class="title title_font"><span class="title-text">Home</span></div>
</a></div>
<ul class="menu-items col-md-3 col-sm-4 col-xs-12">
<li class="menu-item depth-1">
<div class="title"> <a href="index.html"><span>Home Version 1</span></a></div>
</li>
<li class="menu-item depth-1">
<div class="title"> <a href="version2/index.html"><span>Home Version 2</span></a></div>
</li>
<li class="menu-item depth-1">
<div class="title"> <a href="version3/index.html"><span>Home Version 3</span></a></div>
</li>
<li class="menu-item depth-1">
<div class="title"> <a href="../version1rtl/index.html"><span>Home Version 1 RTL</span></a></div>
</li>
</ul>
</li>
<li class="mt-root">
<div class="mt-root-item"><a href="#">
<div class="title title_font"><span class="title-text">Categories</span></div>
</a></div>
<ul class="menu-items col-xs-12">
<li class="menu-item depth-1 menucol-1-3 ">
<div class="title title_font"> <a href="#">Fashion</a></div>
<ul class="submenu">
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Women</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Men</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Kids</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Clothings</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Shoes</a></div>
</li>
</ul>
</li>
<li class="menu-item depth-1 menucol-1-3 ">
<div class="title title_font"> <a href="#">Electronics </a></div>
<ul class="submenu">
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Mobiles</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Computers</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Headphones</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Laptops</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Appliances</a></div>
</li>
</ul>
</li>
<li class="menu-item depth-1 menucol-1-3 ">
<div class="title title_font"> <a href="#">Beauty & Health</a></div>
<ul class="submenu">
<li class="menu-item depth-2 category ">
<div class="title"> <a href="shop_grid.html">Face Care</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Skin Care</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Minerals</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Body Care</a></div>
</li>
<li class="menu-item">
<div class="title"> <a href="shop_grid.html">Cosmetic</a></div>
</li>
</ul>
</li>
</ul>
</li>
<li class="mt-root">
<div class="mt-root-item"><a href="shop_grid.html">
<div class="title title_font"><span class="title-text">New Arrivals</span> </div>
</a></div>
</li>
<li class="mt-root">
<div class="mt-root-item"><a href="about_us.html">
<div class="title title_font"><span class="title-text">Lookbook</span></div>
</a></div>
</li>
<li class="mt-root demo_custom_link_cms">
<div class="mt-root-item"><a href="blog.html">
<div class="title title_font"><span class="title-text">Blog</span></div>
</a></div>
<ul class="menu-items col-md-3 col-sm-4 col-xs-12" style="top: 28px; left: 402.531px;">
<li class="menu-item depth-1">
<div class="title"> <a href="blog_right_sidebar.html"> Blog – Right Sidebar </a></div>
</li>
<li class="menu-item depth-1">
<div class="title"> <a href="blog_left_sidebar.html"> Blog – Left Sidebar </a></div>
</li>
<li class="menu-item depth-1">
<div class="title"> <a href="blog_full_width.html"> Blog – Full-Width </a></div>
</li>
<li class="menu-item depth-1">
<div class="title"> <a href="blog_single_post.html"> Single post </a></div>
</li>
</ul>
</li>
<li class="mt-root">
<div class="mt-root-item">
<div class="title title_font"><span class="title-text">Best Seller</span></div>
</div>
<ul class="menu-items col-xs-12">
<li class="menu-item depth-1 product menucol-1-3 withimage">
<div class="product-item">
<div class="item-inner">
<div class="product-thumbnail">
<div class="icon-sale-label sale-left">Sale</div>
<div class="pr-img-area"> <a title="Product title here" href="single_product.html">
<figure> <img class="first-img" src="images/products/product-1.jpg" alt="html theme"> <img class="hover-img" src="images/products/product-1.jpg" alt="html Template"></figure>
</a> </div>
<div class="pr-info-area">
<div class="pr-button">
<div class="mt-button add_to_wishlist"> <a href="wishlist.html"> <i class="fa fa-heart"></i> </a> </div>
<div class="mt-button add_to_compare"> <a href="compare.html"> <i class="fa fa-signal"></i> </a> </div>
<div class="mt-button quick-view"> <a href="quick_view.html"> <i class="fa fa-search"></i> </a> </div>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product title here" href="single_product.html">Product title here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$125.00</span> </span> </div>
</div>
<div class="pro-action">
<button type="button" class="add-to-cart"><span> Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="menu-item depth-1 product menucol-1-3 withimage">
<div class="product-item">
<div class="item-inner">
<div class="product-thumbnail">
<div class="icon-sale-label sale-left">Sale</div>
<div class="pr-img-area"> <a title="Product title here" href="single_product.html">
<figure> <img class="first-img" src="images/products/product-1.jpg" alt="html Template"> <img class="hover-img" src="images/products/product-1.jpg" alt="html Template"></figure>
</a> </div>
<div class="pr-info-area">
<div class="pr-button">
<div class="mt-button add_to_wishlist"> <a href="wishlist.html"> <i class="fa fa-heart"></i> </a> </div>
<div class="mt-button add_to_compare"> <a href="compare.html"> <i class="fa fa-signal"></i> </a> </div>
<div class="mt-button quick-view"> <a href="quick_view.html"> <i class="fa fa-search"></i> </a> </div>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product title here" href="single_product.html">Product title here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$125.00</span> </span> </div>
</div>
<div class="pro-action">
<button type="button" class="add-to-cart"><span> Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="menu-item depth-1 product menucol-1-3 withimage">
<div class="product-item">
<div class="item-inner">
<div class="icon-sale-label sale-left">Sale</div>
<div class="icon-new-label new-right">New</div>
<div class="product-thumbnail">
<div class="icon-sale-label sale-left">Sale</div>
<div class="pr-img-area"> <a title="Product title here" href="single_product.html">
<figure> <img class="first-img" src="images/products/product-1.jpg" alt="html Template"> <img class="hover-img" src="images/products/product-1.jpg" alt="html Template"></figure>
</a> </div>
<div class="pr-info-area">
<div class="pr-button">
<div class="mt-button add_to_wishlist"> <a href="wishlist.html"> <i class="fa fa-heart"></i> </a> </div>
<div class="mt-button add_to_compare"> <a href="compare.html"> <i class="fa fa-signal"></i> </a> </div>
<div class="mt-button quick-view"> <a href="quick_view.html"> <i class="fa fa-search"></i> </a> </div>
</div>
</div>
</div>
<div class="item-info">
<div class="info-inner">
<div class="item-title"> <a title="Product title here" href="single_product.html">Product title here </a> </div>
<div class="item-content">
<div class="rating"> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i> </div>
<div class="item-price">
<div class="price-box"> <span class="regular-price"> <span class="price">$125.00</span> </span> </div>
</div>
<div class="pro-action">
<button type="button" class="add-to-cart"><span> Add to Cart</span> </button>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!-- Breadcrumbs -->
<div class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-xs-12">
<ul>
<li class="home"> <a title="Go to Home Page" href="index.html">Home</a><span>»</span></li>
<li><strong>Shortcodes</strong></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Breadcrumbs End -->
<!-- Main Container -->
<section class="main-container col2-right-layout">
<div class="main container">
<div class="row">
<div class="col-main col-sm-12 col-xs-12">
<!-- Main Container -->
<div class="shortcodes-wrapper">
<div class="container">
<div class="row">
<div class="page-title">
<h1>List of Buttons</h1>
</div>
<div class="col-xs-12 col-sm-4">
<div class="but_small_box">
<div class="stcode_title1">
<h3>Small Buttons</h3>
</div>
<a href="#" class="but_small1">Small Size</a> <br>
<a href="#" class="but_small3"><span><i class="fa fa-shopping-cart"></i></span> Small Size</a> <br>
<a href="#" class="but_small4"><i class="fa fa-thumbs-o-up"></i> Small Size</a> <br>
<a href="#" class="but_small2"><i class="fa fa-check"></i> Small Size</a> <br>
<a href="#" class="but_small5"><i class="fa fa-cog"></i> Small Size</a> <br>
<a href="#" class="but_small2"><i class="fa fa-globe"></i> Small Size</a> </div>
<!-- end section -->
</div>
<div class="col-xs-12 col-sm-4">
<div class="but_small_box">
<div class="stcode_title1">
<h3>Medium Buttons</h3>
</div>
<a href="#" class="but_medium1">Medium Size</a> <br>
<a href="#" class="but_medium3"><span><i class="fa fa-shopping-cart"></i></span> Medium Size</a> <br>
<a href="#" class="but_medium4"><i class="fa fa-comments"></i> Medium Size</a> <br>
<a href="#" class="but_medium2"><i class="fa fa-html5"></i> Medium Size</a> <br>
<a href="#" class="but_medium5"><i class="fa fa-css3"></i> Medium Size</a> <br>
<a href="#" class="but_medium2"><i class="fa fa-thumbs-up"></i> Medium Size</a> </div>
</div>
<!-- end section -->
<div class="col-xs-12 col-sm-4">
<div class="but_small_box">
<div class="stcode_title1">
<h3>Large Button</h3>
</div>
<a href="#" class="but_large1">Large Size Button</a> <br>
<a href="#" class="but_large3"><span><i class="fa fa-shopping-cart"></i></span> Large Size Button</a> <br>
<a href="#" class="but_large4"><i class="fa fa-umbrella"></i> Large Size Button</a> <br>
<a href="#" class="but_large2"><i class="fa fa-check-square-o"></i> Large Size Button</a> <br>
<a href="#" class="but_large5"><i class="fa fa-map-marker"></i> Large Size Button</a> <br>
<a href="#" class="but_large5"><i class="fa fa-retweet"></i> Large Size Button</a> </div></div>
<!-- end section -->
<div class="fullwidth-but">
<div class="col-xs-12">
<a href="#" class="but_full"><i class="fa fa-hand-o-right"></i> Full Width Button</a>
</div>
<div class="col-xs-6">
<div class="but_full2">
<div class="butprogress"></div>
<strong>Read More</strong> </div>
</div>
<!-- end section -->
<div class="col-xs-6">
<div class="but_full2 two">
<div class="butprogress"></div>
<strong>Get Started Now!</strong> </div>
</div>
</div>
<!-- end section -->
<br>
<div class="col-xs-12">
<div class="stcode_title1">
<h3>Button with <strong>Icons</strong></h3>
</div>
<br>
<ul class="list_empty">
<li><a href="#" class="but_ok_2"><i class="fa fa-check"></i> Ok</a></li>
<li><a href="#" class="but_wifi"><i class="fa fa-cloud-upload"></i> Clouds</a></li>
<li><a href="#" class="but_warning_sign"><i class="fa fa-warning"></i> Warning Sign</a></li>
<li><a href="#" class="but_user"><i class="fa fa-user"></i> User</a></li>
<li><a href="#" class="but_tag"><i class="fa fa-tag"></i> Tag</a></li>
<li><a href="#" class="but_table"><i class="fa fa-table"></i> Table</a></li>
<li><a href="#" class="but_star"><i class="fa fa-star"></i> Star</a></li>
<li><a href="#" class="but_search"><i class="fa fa-search"></i> Search</a></li>
<li><a href="#" class="but_phone"><i class="fa fa-phone"></i> Phone</a></li>
<li><a href="#" class="but_pencil"><i class="fa fa-pencil"></i> Pencil</a></li>
<li><a href="#" class="but_new_window"><i class="fa fa-share"></i> New Window</a></li>
<li><a href="#" class="but_music"><i class="fa fa-music"></i> Music</a></li>
<li><a href="#" class="but_hand_right"><i class="fa fa-hand-o-right"></i> Hand Right</a></li>
<li><a href="#" class="but_thumbs_down"><i class="fa fa-thumbs-down"></i> Thumbs Down</a></li>
<li><a href="#" class="but_thumbs_up"><i class="fa fa-thumbs-up"></i> Thumbs Up</a></li>
<li><a href="#" class="but_globe"><i class="fa fa-globe"></i> Globe</a></li>
<li><a href="#" class="but_hospital"><i class="fa fa-hospital-o"></i> Hospital</a></li>
<li><a href="#" class="but_coffe_cup"><i class="fa fa-coffee"></i> Coffe Cup</a></li>
<li><a href="#" class="but_settings"><i class="fa fa-th-list"></i> Settings</a></li>
<li><a href="#" class="but_chat"><i class="fa fa-comment"></i> Chat</a></li>
<li><a href="#" class="but_play_button"><i class="fa fa-play-circle"></i> Play Button</a> </li>
<li><a href="#" class="but_remove_2"><i class="fa fa-times"></i> Remove</a></li>
<li><a href="#" class="but_lock"><i class="fa fa-lock"></i> Lock</a></li>
<li><a href="#" class="but_shopping_cart"><i class="fa fa-shopping-cart"></i> Shopping Cart</a></li>
<li><a href="#" class="but_exclamation_mark"><i class="fa fa-dollar"></i> USD</a></li>
<li><a href="#" class="but_info"><i class="fa fa-info"></i> Info</a></li>
<li><a href="#" class="but_question_mark"><i class="fa fa-question"></i> Question Mark</a></li>
<li><a href="#" class="but_minus"><i class="fa fa-minus"></i> Minus</a></li>
<li><a href="#" class="but_plus"><i class="fa fa-plus"></i> Plus</a></li>
<li><a href="#" class="but_folder_open"><i class="fa fa-folder-open"></i> Folder Open</a></li>
<li><a href="#" class="but_file"><i class="fa fa-file"></i> File</a></li>
<li><a href="#" class="but_envelope"><i class="fa fa-envelope"></i> Envelope</a></li>
<li><a href="#" class="but_edit"><i class="fa fa-edit"></i> Edit</a></li>
<li><a href="#" class="but_cogwheel"><i class="fa fa-cog"></i> Cogwheel</a></li>
<li><a href="#" class="but_check"><i class="fa fa-check"></i> Check</a></li>
<li><a href="#" class="but_camera"><i class="fa fa-camera"></i> Camera</a></li>
<li><a href="#" class="but_calendar"><i class="fa fa-calendar"></i> Calendar</a></li>
<li><a href="#" class="but_bookmark"><i class="fa fa-bookmark"></i> Bookmark</a></li>
<li><a href="#" class="but_book"><i class="fa fa-book"></i> Book</a></li>
<li><a href="#" class="but_woman"><i class="fa fa-quote-left"></i> Quotes</a></li>
<li><a href="#" class="but_download"><i class="fa fa-download"></i> Download</a></li>
</ul></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="page-title">
<h1>Alerts Boxes</h1>
</div>
<div class="alerts-msg">
<div class="col-xs-12 col-sm-6">
<div class="infomes">
<div class="message-box-wrap"> <i class="fa fa-info-circle fa-lg"></i> This is Message Box Shortcode Element</div>
</div>
<!-- end box -->
<div class="margin-bottom"></div>
<div class="successmes">
<div class="message-box-wrap"> <i class="fa fa-check-square fa-lg"></i> This is Message Box Shortcode Element</div>
</div>
<div class="margin-bottom"></div>
<!-- end box -->
<div class="noticemes">
<div class="message-box-wrap"> <i class="fa fa-exclamation-triangle fa-lg"></i> This is Message Box Shortcode Element</div>
</div>
<div class="margin-bottom"></div>
<!-- end box -->
<div class="errormes">
<div class="message-box-wrap"> <i class="fa fa-exclamation-circle fa-lg"></i> This is Message Box Shortcode Element</div>
</div>
<div class="margin-bottom"></div>
<!-- end box -->
</div>
<div class="col-xs-12 col-sm-6">
<div id="div1" class="infomes">
<div class="message-box-wrap">
<button class="close-but" id="colosebut1">close</button>
This is an <strong>Information</strong> Message!</div>
</div>
<div class="margin-bottom"></div>
<!-- end box -->
<div id="div2" class="successmes">
<div class="message-box-wrap">
<button class="close-but" id="colosebut2">close</button>
This is an <strong>Success</strong> Message!</div>
</div>
<div class="margin-bottom"></div>
<!-- end box -->
<div id="div3" class="noticemes">
<div class="message-box-wrap">
<button class="close-but" id="colosebut3">close</button>
This is an <strong>Notice</strong> Message!</div>
</div>
<div class="margin-bottom"></div>
<!-- end box -->
<div id="div4" class="errormes">
<div class="message-box-wrap">
<button class="close-but" id="colosebut4">close</button>
This is an <strong>Error</strong> Message!</div>
</div>
<div class="margin-bottom"></div>
<!-- end box -->
</div>
<!-- end section -->
<div class="col-xs-12">
<div class="alertymes1"> <i class="fa fa-bell fa-lg"></i> This is Message Box Shortcode Element </div>
</div>
<div class="col-xs-6">
<div class="alertymes2"> <i class="fa fa-trophy fa-lg"></i> This is Message Box Shortcode Element </div>
</div>
<div class="col-xs-6">
<div class="alertymes4"> <i class="fa fa-thumbs-up fa-lg"></i> This is Message Box Shortcode Element </div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="page-title">
<h1>Featured Box</h1>
</div>
<!--feature border box start-->
<div class="feature-box-grid">
<div class="col-md-4">
<div class="featured-item border-box text-center">
<div class="icon">
<i class="icon-bulb"></i>
</div>
<div class="title text-uppercase">
<h4>Creative design</h4>
</div>
<div class="desc">
Fringilla augue at maximus vestibulum. Nam pulvinar vitae neque et porttitor. Praesent sed nisi eleifend.
</div>
</div>
</div>
<div class="col-md-4">
<div class="featured-item border-box text-center">
<div class="icon">
<i class="icon-globe-alt"></i>
</div>
<div class="title text-uppercase">
<h4>professional code</h4>
</div>
<div class="desc">
Fringilla augue at maximus vestibulum. Nam pulvinar vitae neque et porttitor. Praesent sed nisi eleifend.
</div>
</div>
</div>
<div class="col-md-4">
<div class="featured-item border-box text-center">
<div class="icon">
<i class="icon-like"></i>
</div>
<div class="title text-uppercase">
<h4>easy customize</h4>
</div>
<div class="desc">
Fringilla augue at maximus vestibulum. Nam pulvinar vitae neque et porttitor. Praesent sed nisi eleifend.
</div>
</div>
</div>
<div class="col-md-4">
<div class="featured-item border-box text-center">
<div class="icon">
<i class="icon-microphone"></i>
</div>
<div class="title text-uppercase">
<h4>24/7 support</h4>
</div>
<div class="desc">
Fringilla augue at maximus vestibulum. Nam pulvinar vitae neque et porttitor. Praesent sed nisi eleifend.
</div>
</div>
</div>
<div class="col-md-4">
<div class="featured-item border-box text-center">
<div class="icon">
<i class="fa fa-html5"></i>
</div>
<div class="title text-uppercase">
<h4>HTML5</h4>
</div>
<div class="desc">
Fringilla augue at maximus vestibulum. Nam pulvinar vitae neque et porttitor. Praesent sed nisi eleifend.
</div>
</div>
</div>
<div class="col-md-4">
<div class="featured-item border-box text-center">
<div class="icon">
<i class="icon-pencil"></i>
</div>
<div class="title text-uppercase">
<h4>clean code</h4>
</div>
<div class="desc">
Fringilla augue at maximus vestibulum. Nam pulvinar vitae neque et porttitor. Praesent sed nisi eleifend.
</div>
</div>
</div>
</div>
<!--feature border box end-->
</div>
</div><div class="container">
<div class="row">
<div class="page-title">
<h1>Pagination</h1>
</div>
<div class="col-md-6">
<div class="pagination">
<ul>
<li class="previous"><a href="#"><i class="fa fa-angle-left"></i></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li class="pagination-dropdown dropup"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-caret-up"></i> </a>
<ul class="dropdown-menu">
<li><a href="#">7–20</a></li>
<li><a href="#">20–30</a></li>
<li><a href="#">40–50</a></li>
</ul>
</li>
<li class="next"><a href="#"><i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="pagination pagination-minimal">
<ul>
<li class="previous"><a href="#"><i class="fa fa-angle-left"></i></a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li class="pagination-dropdown dropup"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-caret-up"></i> </a>
<ul class="dropdown-menu">
<li><a href="#">7–20</a></li>
<li><a href="#">20–30</a></li>
<li><a href="#">40–50</a></li>
</ul>
</li>
<li class="next"><a href="#"><i class="fa fa-angle-right"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<ul class="pagination-plain">
<li class="previous"><a href="#">← Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li class="active"><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
<li class="next"><a href="#">Newer →</a></li>
</ul>
</div>
<div class="col-md-6">
<div class="pagination pagination-danger"> <a href="#" class="btn btn-danger previous"> <i class="fui-arrow-left"></i> OLDER </a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<a href="#" class="btn btn-danger next"> NEWER <i class="fui-arrow-right"></i> </a> </div>
<!-- /pagination -->
</div>
<div class="col-md-6">
<p class="mvl ptl">The various color schemes:</p>
<div class="pagination pagination-danger"> <a href="#" class="btn btn-danger previous"> <i class="fui-arrow-left"></i> OLDER </a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<a href="#" class="btn btn-danger next"> NEWER <i class="fui-arrow-right"></i> </a> </div>
<!-- /pagination -->
</div>
<div class="col-md-6">
<div class="pagination pagination-success"> <a href="#" class="btn btn-success previous"> <i class="fui-arrow-left"></i> OLDER </a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<a href="#" class="btn btn-success next"> NEWER <i class="fui-arrow-right"></i> </a> </div>
<!-- /pagination -->
</div>
<div class="col-md-6">
<div class="pagination pagination-warning"> <a href="#" class="btn btn-warning previous"> <i class="fui-arrow-left"></i> OLDER </a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<a href="#" class="btn btn-warning next"> NEWER <i class="fui-arrow-right"></i> </a> </div>
</div>
<div class="col-md-6">
<div class="pagination pagination-info"> <a href="#" class="btn btn-info previous"> <i class="fui-arrow-left"></i> OLDER </a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<a href="#" class="btn btn-info next"> NEWER <i class="fui-arrow-right"></i> </a> </div>
<!-- /pagination --></div>
<div class="col-md-6">
<div class="pagination pagination-inverse"> <a href="#" class="btn btn-inverse previous"> <i class="fui-arrow-left"></i> OLDER </a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<a href="#" class="btn btn-inverse next"> NEWER <i class="fui-arrow-right"></i> </a> </div>
<!-- /pagination -->
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="page-title"> <h2>Pricing Table</h2>
</div>
<div class="container">
<div class="row price-table-row">
<div class="heading-title text-center">
<h3>Pricing Table - 3 Column </h3>
</div>
<!--3 column price table-->
<div class="col-md-4">
<div class="price-col"> <h2>Starter</h2>
<div class="p-value">
<div class="dollar">
$ 29 <span>.00</span>
</div>
<div class="duration">
per month
</div>
</div>
<ul>
<li>24/7 Tech Suport</li>
<li>Lorem ipsum dolor.</li>
<li>ipsum dolor sit amet.</li>
<li>dolor sit amet.</li>
</ul>
<a href="#" class="p-btn">purchase this plan</a>
</div>
</div>
<div class="col-md-4">
<div class="price-col feature">
<h2>premium</h2>
<div class="p-value">
<div class="dollar">
$ 49 <span>.00</span>
</div>
<div class="duration">
per month
</div>
</div>
<ul>
<li>24/7 Tech Suport</li>
<li>Lorem ipsum dolor.</li>
<li>ipsum dolor sit amet.</li>
<li>dolor sit amet.</li>
</ul>
<a href="#" class="p-btn">purchase this plan</a>
</div>
</div>
<div class="col-md-4">
<div class="price-col">
<h2>enterprise</h2>
<div class="p-value">
<div class="dollar">
$ 79 <span>.00</span>
</div>
<div class="duration">
per month
</div>
</div>
<ul>
<li>24/7 Tech Suport</li>
<li>Lorem ipsum dolor.</li>
<li>ipsum dolor sit amet.</li>
<li>dolor sit amet.</li>
</ul>
<a href="#" class="p-btn">purchase this plan</a>
</div>
</div>
<!--3 column price table-->
</div>
</div>
</div>
</div><div class="container">
<div class="row">
<div class="page-title">
<h1>Tooltip & Popover </h1>
</div>
<br>
<div class="col-xs-6 col-md-3 tooltipbox">
<div class="tobox" data-toggle="tooltip" data-placement="top" title="" data-original-title="TOP"> From TOP </div>
</div>
<div class="col-xs-6 col-md-3 tooltipbox">
<div class="tobox" data-toggle="tooltip" data-placement="right" title="" data-original-title="RIGHT"> From RIGHT </div>
</div>
<div class="col-xs-6 col-md-3 tooltipbox">
<div class="tobox" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="BOTTOM"> From BOTTOM </div>
</div>
<div class="col-xs-6 col-md-3 tooltipbox">
<div class="tobox" data-toggle="tooltip" data-placement="left" title="" data-original-title="LEFT"> From LEFT </div>
</div>
<br>
<div class="col-xs-12">
<ul class="pop-wrapper">
<li><a href="#"> <img src="images/blog-img1.jpg" alt="HTML template" class="img-circle" />
<h5>Lorem ipsum</h5>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
<li><a href="#"><img src="images/blog-img1.jpg" alt="HTML template" class="img-circle" />
<h5>minim veniam</h5>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
<li><a href="#"> <img src="images/blog-img1.jpg" alt="HTML template" class="img-circle" />
<h5>ullamcorper</h5>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
<li><a href="#"> <img src="images/blog-img1.jpg" alt="HTML template" class="img-circle" />
<h5>diam nonummy</h5>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
<li><a href="#"> <img src="images/blog-img1.jpg" alt="HTML template" class="img-circle" />
<h5>adipisicing elit</h5>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
<li><a href="#"> <img src="images/blog-img1.jpg" alt="HTML template" class="img-circle" />
<h5>nisl ut aliquip</h5>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
</ul>
</div>
<div class="tooltip-pop">
<div class="col-xs-12 col-md-3">
<ul class="pop-wrapper2">
<li> <a href="#" class="but_large1">Versions 1<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
</ul>
</div>
<!-- end section -->
<div class="col-xs-12 col-md-3">
<ul class="pop-wrapper2 colored">
<li> <a href="#" class="but_large1">Versions 2<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
</ul>
</div>
<!-- end section -->
<div class="col-xs-12 col-md-3">
<ul class="pop-wrapper2">
<li> <a href="#" class="but_large1">Versions 3<span class="grayd">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
</ul>
</div>
<!-- end section -->
<div class="col-xs-12 col-md-3">
<ul class="pop-wrapper2">
<li> <a href="#" class="but_large1">Versions 4<span class="bord">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</span></a></li>
</ul>
</div>
<!-- end section -->
</div>
<div class="col-xs-12">
<ul class="pop-wrapper4">
<li> <a href="#"><i class="fa fa-leaf fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-cloud-download fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-user fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-book fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-renren fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-clock-o fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-cloud-upload fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-comments fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-desktop fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-flag fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-glass fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-magic fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-dropbox fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-phone fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-lightbulb-o fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-heart fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
<li> <a href="#"><i class="fa fa-star fati17"></i> <span>Lorem ipsum dolor sit.</span></a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="page-title">
<h1>Post</h1>
</div>
<div class="post-grid">
<div class="col-md-4">
<div class="post-single">
<div class="post-img bottom">
<img src="images/blog-img1.jpg" alt="HTML template"/>
</div>
<div class="post-desk pad-left-less">
<div class="mid-align">
<div class="date">
july 29, 2015
</div>
<h4 class="text-uppercase">
<a href="#">quis velit lorem. Nam a neque
consectetur commodo</a>
</h4>
<ul class="post-cat">
<li><a href="#">interface</a></li>
<li><a href="#">standard</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="post-single">
<div class="post-desk">
<div class="mid-align">
<div class="date">
july 29, 2015
</div>
<h4 class="text-uppercase">
<a href="#">Mauris quis tvelit lorem. Nam
neque justo suspendisse</a>
</h4>
<ul class="post-cat">
<li><a href="#">interface</a></li>
<li><a href="#">standard</a></li>
</ul>
</div>
</div>
<div class="post-img top">
<img src="images/blog-img1.jpg" alt="HTML template"/>
</div>
</div>
</div>
<div class="col-md-4">
<div class="post-single">
<div class="post-img bottom">
<img src="images/blog-img1.jpg" alt="HTML template"/>
</div>
<div class="post-desk ">
<div class="mid-align">
<div class="date">
july 29, 2015
</div>
<h4 class="text-uppercase">
<a href="#">commodo velit lorem. Nam a neque
consectetur quis</a>
</h4>
<ul class="post-cat">
<li><a href="#">interface</a></li>
<li><a href="#">standard</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- service section -->
<div class="jtv-service-area">
<div class="container">
<div class="row">
<div class="col col-md-3 col-sm-6 col-xs-12">
<div class="block-wrapper ship">
<div class="text-des">
<div class="icon-wrapper"><i class="fa fa-paper-plane"></i></div>
<div class="service-wrapper">
<h3>World-Wide Shipping</h3>
<p>On order over $99</p>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-sm-6 col-xs-12 ">
<div class="block-wrapper return">
<div class="text-des">
<div class="icon-wrapper"><i class="fa fa-rotate-right"></i></div>
<div class="service-wrapper">
<h3>30 Days Return</h3>
<p>Moneyback guarantee </p>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-sm-6 col-xs-12">
<div class="block-wrapper support">
<div class="text-des">
<div class="icon-wrapper"><i class="fa fa-umbrella"></i></div>
<div class="service-wrapper">
<h3>Support 24/7</h3>
<p>Call us: ( +123 ) 456 789</p>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-sm-6 col-xs-12">
<div class="block-wrapper user">
<div class="text-des">
<div class="icon-wrapper"><i class="fa fa-tags"></i></div>
<div class="service-wrapper">
<h3>Member Discount</h3>
<p>25% on order over $199</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 col-xs-12">
<div class="footer-logo"><a href="index.html"><img src="images/footer-logo.png" alt="fotter logo"></a> </div>
<p>Lorem Ipsum is simply dummy text of the print and typesetting industry. Ut pharetra augue nec augue. Nam elit agna, endrerit sit amet.</p>
<div class="social">
<ul class="inline-mode">
<li class="social-network fb"><a title="Connect us on Facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li class="social-network googleplus"><a title="Connect us on Google+" href="#"><i class="fa fa-google"></i></a></li>
<li class="social-network tw"><a title="Connect us on Twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li class="social-network linkedin"><a title="Connect us on Pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
<li class="social-network rss"><a title="Connect us on Instagram" href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-2 col-xs-12 collapsed-block">
<div class="footer-links">
<h5 class="links-title">Information<a class="expander visible-xs" href="#TabBlock-1">+</a></h5>
<div class="tabBlock" id="TabBlock-1">
<ul class="list-links list-unstyled">
<li><a href="#s">Delivery Information</a></li>
<li><a href="#">Discount</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="faq.html">FAQs</a></li>
<li><a href="#">Terms & Condition</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-3 col-md-2 col-xs-12 collapsed-block">
<div class="footer-links">
<h5 class="links-title">Insider<a class="expander visible-xs" href="#TabBlock-3">+</a></h5>
<div class="tabBlock" id="TabBlock-3">
<ul class="list-links list-unstyled">
<li><a href="sitemap.html"> Sites Map </a></li>
<li><a href="#">News</a></li>
<li><a href="#">Trends</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
<li><a href="#">My Orders</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-3 col-md-2 col-xs-12 collapsed-block">
<div class="footer-links">
<h5 class="links-title">Service<a class="expander visible-xs" href="#TabBlock-4">+</a></h5>
<div class="tabBlock" id="TabBlock-4">
<ul class="list-links list-unstyled">
<li><a href="account_page.html">Account</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="shopping_cart.html">Shopping Cart</a></li>
<li><a href="#">Return Policy</a></li>
<li><a href="#">Special</a></li>
<li><a href="#">Lookbook</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-xs-12 collapsed-block">
<div class="footer-links">
<h5 class="links-title">Working hours<a class="expander visible-xs" href="#TabBlock-5">+</a></h5>
<div class="tabBlock" id="TabBlock-5">
<div class="footer-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</div>
<div class="footer-description"> <b>Monday-Friday:</b> 8.30 a.m. - 5.30 p.m.<br>
<b>Saturday:</b> 9.00 a.m. - 2.00 p.m.<br>
<b>Sunday:</b> Closed </div>
<div class="payment">
<ul>
<li><a href="#"><img title="Visa" alt="Visa" src="images/visa.png"></a></li>
<li><a href="#"><img title="Paypal" alt="Paypal" src="images/paypal.png"></a></li>
<li><a href="#"><img title="Discover" alt="Discover" src="images/discover.png"></a></li>
<li><a href="#"><img title="Master Card" alt="Master Card" src="images/master-card.png"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-coppyright">
<div class="container">
<div class="row">
<div class="col-sm-6 col-xs-12 coppyright"> Copyright © 2017 <a href="#"> Famous </a>. All Rights Reserved. </div>
<div class="col-sm-6 col-xs-12">
<ul class="footer-company-links">
<li> <a href="about_us.html">About Famous</a> </li>
<li> <a href="#">Careers</a> </li>
<li> <a href="#">Privacy Policy</a> </li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<a href="#" id="back-to-top" title="Back to top"><i class="fa fa-angle-up"></i></a> </div>
<!-- End Footer -->
<!-- JS -->
<!-- jquery js -->
<script src="js/jquery.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- owl.carousel.min js -->
<script src="js/owl.carousel.min.js"></script>
<!-- bxslider js -->
<script src="js/jquery.bxslider.js"></script>
<!-- jquery.mobile-menu js -->
<script src="js/mobile-menu.js"></script>
<!--jquery-ui.min js -->
<script src="js/jquery-ui.js"></script>
<!-- main js -->
<script src="js/main.js"></script>
</body>
</html>