1057 lines
47 KiB
HTML
1057 lines
47 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<!-- Basic page needs
|
|
============================================ -->
|
|
<title>Destino - Advanced & High Customizable eCommerce HTML5/CSS3 Theme</title>
|
|
<meta charset="utf-8">
|
|
<meta name="keywords" content="boostrap, responsive, html5, css3, jquery, theme, multicolor, parallax, retina, business" />
|
|
<meta name="author" content="Magentech">
|
|
<meta name="robots" content="index, follow" />
|
|
|
|
<!-- Mobile specific metas
|
|
============================================ -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<!-- Favicon
|
|
============================================ -->
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
|
|
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
|
|
<link rel="shortcut icon" href="ico/favicon.png">
|
|
|
|
<!-- Google web fonts
|
|
============================================ -->
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
|
|
|
|
<!-- Libs CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/bootstrap/css/bootstrap.rtl.min.css">
|
|
<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
|
|
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
|
|
<link href="css/themecss/lib.css" rel="stylesheet">
|
|
<link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
|
|
|
|
<!-- Theme CSS
|
|
============================================ -->
|
|
<link href="css/themecss/so_megamenu.css" rel="stylesheet">
|
|
<link href="css/themecss/so-categories.css" rel="stylesheet">
|
|
<link href="css/themecss/so-listing-tabs.css" rel="stylesheet">
|
|
<link href="css/footer1.css" rel="stylesheet">
|
|
<link href="css/header1.css" rel="stylesheet">
|
|
<link href="css/checkout.css" rel="stylesheet">
|
|
<link id="color_scheme" href="css/theme.css" rel="stylesheet">
|
|
|
|
<!-- <link href="css/responsive.css" rel="stylesheet"> -->
|
|
|
|
|
|
</head>
|
|
|
|
<body class="res layout-subpage">
|
|
<div id="wrapper" class="wrapper-full ">
|
|
<!-- Header Container -->
|
|
<header id="header" class=" variantleft type_1">
|
|
<!-- Header Top -->
|
|
<div class="header-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="header-top-left form-inline col-sm-6 col-xs-6 compact-hidden">
|
|
<div class="form-group currencies-block">
|
|
<form action="index.html" method="post" enctype="multipart/form-data" id="currency">
|
|
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
|
|
<span class="icon icon-credit "></span> USD <span class="fa fa-angle-down"></span>
|
|
</a>
|
|
<ul class="dropdown-menu btn-xs">
|
|
<li> <a href="#">(€) Euro</a></li>
|
|
<li> <a href="#">(£) Pounds</a></li>
|
|
<li> <a href="#">($) USD</a></li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
<div class="form-group languages-block ">
|
|
<form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
|
|
<a class="btn btn-xs dropdown-toggle" data-toggle="dropdown">
|
|
<img src="img/demo/flags/lb.png" alt="Arabic" title="Arabic">
|
|
<span class="hidden-xs">Arabic</span>
|
|
<span class="fa fa-angle-down"></span>
|
|
</a>
|
|
<ul class="dropdown-menu" >
|
|
<li><a href="../index.php"><img class="image_flag" src="img/demo/flags/gb.png" alt="English" title="English"> English </a></li>
|
|
<li> <a href="index.php"> <img class="image_flag" src="img/demo/flags/lb.png" alt="Arabic" title="Arabic"> Arabic </a> </li>
|
|
</ul>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="header-top-right collapsed-block text-right col-sm-6 col-xs-6 compact-hidden">
|
|
<div class="tabBlock1" id="TabBlock-1">
|
|
<ul class="top-link list-inline">
|
|
<li class="wishlist hidden-xs"><a href="#" id="wishlist-total" class="top-link-wishlist" title="Welcome Customer!"><span>Welcome Customer!</span></a></li>
|
|
<li class="signin"><a href="login.html" class="top-link-checkout" title="Sign In"><span>Sign In</span></a></li>
|
|
<li class="register"><a href="register.html" title="Register"><span>Register</span></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- //Header Top -->
|
|
|
|
<!-- Header center -->
|
|
<div class="header-center left">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- Logo -->
|
|
<div class="navbar-logo col-md-3 col-sm-12 col-xs-7">
|
|
<a href="index.php"><img src="img/demo/logo/logo.png" title="Your Store" alt="Your Store"></a>
|
|
</div>
|
|
<!-- //end Logo -->
|
|
|
|
<!-- Search -->
|
|
<div id="sosearchpro" class="col-xs-12 col-sm-8 col-md-5 search-pro">
|
|
|
|
<form method="GET" action="index.html">
|
|
<div id="search0" class="search input-group">
|
|
<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="Search product..." name="search">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>
|
|
</span>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
<!-- //end Search -->
|
|
|
|
<!-- Secondary menu -->
|
|
<div class="col-md-4 col-sm-4 col-xs-5 shopping_cart pull-right">
|
|
<div class="header-text hidden-xs">
|
|
<p><i class="fa fa-phone" aria-hidden="true"></i> Call Us: (888) 123456789</p>
|
|
</div>
|
|
<!--cart-->
|
|
<div id="cart" class=" btn-group btn-shopping-cart">
|
|
<a data-loading-text="Loading..." class="top_cart dropdown-toggle" data-toggle="dropdown">
|
|
<div class="shopcart">
|
|
<span class="handle pull-left"></span>
|
|
<span class="number-shopping-cart">2</span>
|
|
<span class="title">My Cart</span>
|
|
<p class="text-shopping-cart cart-total-full"> $0.00 </p>
|
|
</div>
|
|
</a>
|
|
|
|
<ul class="tab-content content dropdown-menu pull-right shoppingcart-box" role="menu">
|
|
|
|
<li>
|
|
<table class="table table-striped">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-center" style="width:70px">
|
|
<a href="product.html"> <img src="img/demo/shop/product/35.jpg" style="width:70px" alt="Filet Mign" title="Filet Mign" class="preview"> </a>
|
|
</td>
|
|
<td class="text-left"> <a class="cart_product_name" href="product.html">Filet Mign</a> </td>
|
|
<td class="text-center"> x1 </td>
|
|
<td class="text-center"> $1,202.00 </td>
|
|
<td class="text-right">
|
|
<a href="product.html" class="fa fa-edit"></a>
|
|
</td>
|
|
<td class="text-right">
|
|
<a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center" style="width:70px">
|
|
<a href="product.html"> <img src="img/demo/shop/product/141.jpg" style="width:70px" alt="Canon EOS 5D" title="Canon EOS 5D" class="preview"> </a>
|
|
</td>
|
|
<td class="text-left"> <a class="cart_product_name" href="product.html">Canon EOS 5D</a> </td>
|
|
<td class="text-center"> x1 </td>
|
|
<td class="text-center"> $60.00 </td>
|
|
<td class="text-right">
|
|
<a href="product.html" class="fa fa-edit"></a>
|
|
</td>
|
|
<td class="text-right">
|
|
<a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<table class="table table-bordered">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-left"><strong>Sub-Total</strong>
|
|
</td>
|
|
<td class="text-right">$1,060.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left"><strong>Eco Tax (-2.00)</strong>
|
|
</td>
|
|
<td class="text-right">$2.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left"><strong>VAT (20%)</strong>
|
|
</td>
|
|
<td class="text-right">$200.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left"><strong>Total</strong>
|
|
</td>
|
|
<td class="text-right">$1,262.00</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p class="text-right"> <a class="btn view-cart" href="cart.html"><i class="fa fa-shopping-cart"></i>View Cart</a> <a class="btn btn-mega checkout-cart" href="checkout.html"><i class="fa fa-share"></i>Checkout</a> </p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!--//cart-->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- //Header center -->
|
|
|
|
<!-- Header Bottom -->
|
|
<div class="header-bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
|
|
<!-- Main menu -->
|
|
<div class="megamenu-hori header-bottom-right col-md-12 col-sm-12 col-xs-12 ">
|
|
<div class="responsive so-megamenu ">
|
|
<nav class="navbar-default">
|
|
<div class=" container-megamenu horizontal">
|
|
|
|
<div class="navbar-header">
|
|
<button id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="megamenu-wrapper">
|
|
<span id="remove-megamenu" class="fa fa-times"></span>
|
|
<div class="megamenu-pattern">
|
|
<div class="container">
|
|
<ul class="megamenu " data-transition="slide" data-animationtime="250">
|
|
<li class="home hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="menu1">Home </a>
|
|
<div class="sub-menu" style="width: 100%; display: none;">
|
|
<div class="content" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<a href="index.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-1.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - (Default)</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="home2.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-2.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 2</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="home3.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-3.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 3</h3>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="home4.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-4.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 4</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<a href="home5.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-5.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 5</h3>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="home6.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-6.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 6</h3>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="home7.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-7.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 7</h3>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="home8.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-8.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 8</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<a href="home9.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-9.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 9</h3>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="home10.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-10.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 10</h3>
|
|
</a>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="home11.php" class="image-link">
|
|
<span class="thumbnail">
|
|
<img class="img-responsive img-border" src="img/demo/feature/home-11.jpg" alt="">
|
|
<span class="btn btn-default">Read More</span>
|
|
</span>
|
|
<h3 class="figcaption">Home page - Layout 11</h3>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix menu1">
|
|
<strong>Features</strong>
|
|
|
|
</a>
|
|
<div class="sub-menu" style="width: 100%; right: 0px; display: none;">
|
|
<div class="content" style="height: 288px; display: none;">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="column">
|
|
<a href="#" class="title-submenu">Listing pages</a>
|
|
<div>
|
|
<ul class="row-list">
|
|
<li><a href="category.html">Category Page 1 </a></li>
|
|
<li><a href="category-v2.html">Category Page 2</a></li>
|
|
<li><a href="category-v3.html">Category Page 3</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="column">
|
|
<a href="#" class="title-submenu">Product pages</a>
|
|
<div>
|
|
<ul class="row-list">
|
|
<li><a href="product.html">Image size - big</a></li>
|
|
<li><a href="product-v2.html">Image size - medium</a></li>
|
|
<li><a href="product-v3.html">Image size - small</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="column">
|
|
<a href="#" class="title-submenu">Shopping pages</a>
|
|
<div>
|
|
<ul class="row-list">
|
|
<li><a href="cart.html">Shopping Cart Page</a></li>
|
|
<li><a href="checkout.html">Checkout Page</a></li>
|
|
<li><a href="compare.html">Compare Page</a></li>
|
|
<li><a href="wishlist.html">Wishlist Page</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="column">
|
|
<a href="#" class="title-submenu">My Account pages</a>
|
|
<div>
|
|
<ul class="row-list">
|
|
<li><a href="login.html">Login Page</a></li>
|
|
<li><a href="register.html">Register Page</a></li>
|
|
<li><a href="my-account.html">My Account</a></li>
|
|
<li><a href="order-history.html">Order History</a></li>
|
|
<li><a href="order-information.html">Order Information</a></li>
|
|
<li><a href="return.html">Product Returns</a></li>
|
|
<li><a href="gift-voucher.html">Gift Voucher</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix menu1">
|
|
<strong>Pages</strong>
|
|
|
|
</a>
|
|
<div class="sub-menu" style="width: 40%; right: auto; display: none;">
|
|
<div class="content" style="height: 160px; display: none;">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<ul class="row-list">
|
|
<li><a class="subcategory_item" href="faq.html">FAQ</a></li>
|
|
|
|
<li><a class="subcategory_item" href="sitemap.html">Site Map</a></li>
|
|
<li><a class="subcategory_item" href="contact.html">Contact us</a></li>
|
|
<li><a class="subcategory_item" href="banner-effect.html">Banner Effect</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ul class="row-list">
|
|
<li><a class="subcategory_item" href="about-us.html">About Us 1</a></li>
|
|
<li><a class="subcategory_item" href="about-us-2.html">About Us 2</a></li>
|
|
<li><a class="subcategory_item" href="about-us-3.html">About Us 3</a></li>
|
|
<li><a class="subcategory_item" href="about-us-4.html">About Us 4</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix menu1">
|
|
<strong>Categories</strong>
|
|
<span class="label"></span>
|
|
|
|
</a>
|
|
<div class="sub-menu" style="width: 100%; right: 0px; display: none;">
|
|
<div class="content" style="height: 398px; display: none;">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="row">
|
|
<div class="col-md-3 img img1">
|
|
<a href="#"><img src="img/demo/cms/img1.jpg" alt="banner1"></a>
|
|
</div>
|
|
<div class="col-md-3 img img2">
|
|
<a href="#"><img src="img/demo/cms/img2.jpg" alt="banner2"></a>
|
|
</div>
|
|
<div class="col-md-3 img img3">
|
|
<a href="#"><img src="img/demo/cms/img3.jpg" alt="banner3"></a>
|
|
</div>
|
|
<div class="col-md-3 img img4">
|
|
<a href="#"><img src="img/demo/cms/img4.jpg" alt="banner4"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<a href="#" class="title-submenu">Automotive</a>
|
|
<div class="row">
|
|
<div class="col-md-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="#" class="main-menu">Car Alarms and Security</a></li>
|
|
<li><a href="#" class="main-menu">Car Audio & Speakers</a></li>
|
|
<li><a href="#" class="main-menu">Gadgets & Auto Parts</a></li>
|
|
<li><a href="#" class="main-menu">More Car Accessories</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="#" class="title-submenu">Electronics</a>
|
|
<div class="row">
|
|
<div class="col-md-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="#" class="main-menu">Battereries & Chargers</a></li>
|
|
<li><a href="#" class="main-menu">Headphones, Headsets</a></li>
|
|
<li><a href="#" class="main-menu">Home Audio</a></li>
|
|
<li><a href="#" class="main-menu">Mp3 Players & Accessories</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="#" class="title-submenu">Jewelry & Watches</a>
|
|
<div class="row">
|
|
<div class="col-md-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="#" class="main-menu">Earings</a></li>
|
|
<li><a href="#" class="main-menu">Wedding Rings</a></li>
|
|
<li><a href="#" class="main-menu">Men Watches</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="#" class="title-submenu">Bags, Holiday Supplies</a>
|
|
<div class="row">
|
|
<div class="col-md-12 hover-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="#" class="main-menu">Gift & Lifestyle Gadgets</a></li>
|
|
<li><a href="#" class="main-menu">Gift for Man</a></li>
|
|
<li><a href="#" class="main-menu">Gift for Woman</a></li>
|
|
<li><a href="#" class="main-menu">Lighter & Cigar Supplies</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="with-sub-menu hover">
|
|
<p class="close-menu"></p>
|
|
<a href="#" class="clearfix menu1">
|
|
<strong>Accessories</strong>
|
|
|
|
|
|
</a>
|
|
<div class="sub-menu" style="width: 100%; display: none;">
|
|
<div class="content" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div class="row">
|
|
<div class="col-md-6 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Automotive</a>
|
|
<ul>
|
|
<li><a href="#">Car Alarms and Security</a></li>
|
|
<li><a href="#">Car Audio & Speakers</a></li>
|
|
<li><a href="3#">Gadgets & Auto Parts</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Smartphone & Tablets</a>
|
|
<ul>
|
|
<li><a href="#">Accessories for i Pad</a></li>
|
|
<li><a href="#">Apparel</a></li>
|
|
<li><a href="#">Accessories for iPhone</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 static-menu">
|
|
<div class="menu">
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="main-menu">Sports & Outdoors</a>
|
|
<ul>
|
|
<li><a href="#">Camping & Hiking</a></li>
|
|
<li><a href="#">Cameras & Photo</a></li>
|
|
<li><a href="#">Cables & Connectors</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="main-menu">Electronics</a>
|
|
<ul>
|
|
<li><a href="#">Battereries & Chargers</a></li>
|
|
<li><a href="#">Bath & Body</a></li>
|
|
<li><a href="#">Outdoor & Traveling</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<span class="title-submenu">Bestseller</span>
|
|
<div class="row">
|
|
<div class="col-sm-12 list-product">
|
|
<div class="product-thumb">
|
|
<div class="image pull-left">
|
|
<a href="#"><img src="img/demo/shop/product/35.jpg" width="80" alt="Filet Mign" title="Filet Mign" class="img-responsive"></a>
|
|
</div>
|
|
<div class="caption">
|
|
<h4><a href="#">Filet Mign</a></h4>
|
|
<div class="rating-box">
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
</div>
|
|
<p class="price">$1,202.00</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 list-product">
|
|
<div class="product-thumb">
|
|
<div class="image pull-left">
|
|
<a href="#"><img src="img/demo/shop/product/W1.jpg" width="80" alt="Dail Lulpa" title="Dail Lulpa" class="img-responsive"></a>
|
|
</div>
|
|
<div class="caption">
|
|
<h4><a href="#">Dail Lulpa</a></h4>
|
|
<div class="rating-box">
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
<span class=""><i class="fa fa-star "></i></span>
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|
</div>
|
|
<p class="price">$78.00</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 list-product">
|
|
<div class="product-thumb">
|
|
<div class="image pull-left">
|
|
<a href="#"><img src="img/demo/shop/product/141.jpg" width="80" alt="Canon EOS 5D" title="Canon EOS 5D" class="img-responsive"></a>
|
|
</div>
|
|
<div class="caption">
|
|
<h4><a href="#">Canon EOS 5D</a></h4>
|
|
|
|
<div class="rating-box">
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|
<span class="gray"><i class="fa fa-star "></i></span>
|
|
</div>
|
|
<p class="price">
|
|
<span class="price-new">$60.00</span>
|
|
<span class="price-old">$145.00</span>
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="">
|
|
<p class="close-menu"></p>
|
|
<a href="blog-page.html" class="clearfix menu1">
|
|
<strong>Blog</strong>
|
|
<span class="label"></span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<!-- //end Main menu -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Navbar switcher -->
|
|
<!-- //end Navbar switcher -->
|
|
|
|
</header>
|
|
<!-- //Header Container -->
|
|
<!-- Main Container -->
|
|
<div class="main-container container">
|
|
<ul class="header-main ">
|
|
<li class="home"><a href="#">Home </a><i class="fa fa-angle-right" aria-hidden="true"></i></li>
|
|
<li> Shopping Cart</li>
|
|
</ul>
|
|
<div class="row">
|
|
<!--Middle Part Start-->
|
|
<div id="content" class="col-sm-12">
|
|
<h2 class="title">Shopping Cart</h2>
|
|
<div class="table-responsive form-group">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<td class="text-center">Image</td>
|
|
<td class="text-left">Product Name</td>
|
|
<td class="text-left">Model</td>
|
|
<td class="text-left">Quantity</td>
|
|
<td class="text-right">Unit Price</td>
|
|
<td class="text-right">Total</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-center"><a href="product.html"><img width="70px" src="img/demo/shop/product/E3.jpg" alt="Aspire Ultrabook Laptop" title="Aspire Ultrabook Laptop" class="img-thumbnail" /></a></td>
|
|
<td class="text-left"><a href="product.html">Emasa rumas gacem</a><br />
|
|
</td>
|
|
<td class="text-left">Pt 001</td>
|
|
<td class="text-left" width="200px"><div class="input-group btn-block quantity">
|
|
<input type="text" name="quantity" value="1" size="1" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="submit" data-toggle="tooltip" title="Update" class="btn btn-primary"><i class="fa fa-clone"></i></button>
|
|
<button type="button" data-toggle="tooltip" title="Remove" class="btn btn-danger" onClick=""><i class="fa fa-times-circle"></i></button>
|
|
</span></div></td>
|
|
<td class="text-right">$120.00</td>
|
|
<td class="text-right">$120.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center"><a href="product.html"><img width="70px" src="img/demo/shop/product/E1.jpg" alt="Xitefun Causal Wear Fancy Shoes" title="Xitefun Causal Wear Fancy Shoes" class="img-thumbnail" /></a></td>
|
|
<td class="text-left"><a href="product.html">Comas samer rumas</a></td>
|
|
<td class="text-left">Pt 002</td>
|
|
<td class="text-left" width="200px"><div class="input-group btn-block quantity">
|
|
<input type="text" name="quantity" value="1" size="1" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button type="submit" data-toggle="tooltip" title="Update" class="btn btn-primary"><i class="fa fa-clone"</i></button>
|
|
<button type="button" data-toggle="tooltip" title="Remove" class="btn btn-danger" onClick=""><i class="fa fa-times-circle"></i></button>
|
|
</span></div></td>
|
|
<td class="text-right">$150.00</td>
|
|
<td class="text-right">$150.00</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<h3 class="subtitle no-margin">What would you like to do next?</h3>
|
|
<p>Choose if you have a discount code or reward points you want to use or would like to estimate your delivery cost.</p>
|
|
<div class="panel-group" id="accordion">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a href="#collapse-coupon" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" aria-expanded="true">Use Coupon Code
|
|
|
|
<i class="fa fa-caret-down"></i>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse-coupon" class="panel-collapse collapse in" aria-expanded="true">
|
|
<div class="panel-body">
|
|
<label class="col-sm-2 control-label" for="input-coupon">Enter your coupon here</label>
|
|
<div class="input-group">
|
|
<input type="text" name="coupon" value="" placeholder="Enter your coupon here" id="input-coupon" class="form-control">
|
|
<span class="input-group-btn"><input type="button" value="Apply Coupon" id="button-coupon" data-loading-text="Loading..." class="btn btn-primary"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a href="#collapse-shipping" class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" aria-expanded="false">Estimate Shipping & Taxes
|
|
|
|
<i class="fa fa-caret-down"></i>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse-shipping" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
|
|
<div class="panel-body">
|
|
<p>Enter your destination to get a shipping estimate.</p>
|
|
<div class="form-horizontal">
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-country">Country</label>
|
|
<div class="col-sm-10">
|
|
<select name="country_id" id="input-country" class="form-control">
|
|
<option value=""> --- Please Select --- </option>
|
|
<option value="244">Aaland Islands</option>
|
|
<option value="1">Afghanistan</option>
|
|
<option value="2">Albania</option>
|
|
<option value="3">Algeria</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-zone">Region / State</label>
|
|
<div class="col-sm-10">
|
|
<select name="zone_id" id="input-zone" class="form-control">
|
|
<option value=""> --- Please Select --- </option>
|
|
<option value="3513">Aberdeen</option>
|
|
<option value="3514">Aberdeenshire</option>
|
|
<option value="3515">Anglesey</option>
|
|
<option value="3516">Angus</option>
|
|
<option value="3517">Argyll and Bute</option>
|
|
<option value="3518">Bedfordshire</option>
|
|
<option value="3519">Berkshire</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group required">
|
|
<label class="col-sm-2 control-label" for="input-postcode">Post Code</label>
|
|
<div class="col-sm-10"><input type="text" name="postcode" value="" placeholder="Post Code" id="input-postcode" class="form-control"></div>
|
|
</div>
|
|
<button type="button" id="button-quote" data-loading-text="Loading..." class="btn btn-primary">Get Quotes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">
|
|
<a href="#collapse-voucher" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle collapsed" aria-expanded="false">Use Gift Certificate
|
|
|
|
<i class="fa fa-caret-down"></i>
|
|
</a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse-voucher" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
|
|
<div class="panel-body">
|
|
<label class="col-sm-2 control-label" for="input-voucher">Enter your gift certificate code here</label>
|
|
<div class="input-group">
|
|
<input type="text" name="voucher" value="" placeholder="Enter your gift certificate code here" id="input-voucher" class="form-control">
|
|
<span class="input-group-btn"><input type="submit" value="Apply Gift Certificate" id="button-voucher" data-loading-text="Loading..." class="btn btn-primary"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-4 col-sm-offset-8">
|
|
<table class="table table-bordered">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-right">
|
|
<strong>Sub-Total:</strong>
|
|
</td>
|
|
<td class="text-right">$168.71</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-right">
|
|
<strong>Flat Shipping Rate:</strong>
|
|
</td>
|
|
<td class="text-right">$4.69</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-right">
|
|
<strong>Eco Tax (-2.00):</strong>
|
|
</td>
|
|
<td class="text-right">$5.62</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-right">
|
|
<strong>VAT (20%):</strong>
|
|
</td>
|
|
<td class="text-right">$34.68</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-right">
|
|
<strong>Total:</strong>
|
|
</td>
|
|
<td class="text-right">$213.70</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<div class="pull-left"><a href="index.html" class="btn btn-primary">Continue Shopping</a></div>
|
|
<div class="pull-right"><a href="checkout.html" class="btn btn-primary">Checkout</a></div>
|
|
</div>
|
|
</div>
|
|
<!--Middle Part End -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- //Main Container -->
|
|
|
|
|
|
<!-- Footer Container -->
|
|
<footer class="footer-container type_footer1">
|
|
<!-- Footer Top Container -->
|
|
<section class="footer-top">
|
|
<div class="container content">
|
|
<div class="">
|
|
<div class=" collapsed-block ">
|
|
<div class="module clearfix">
|
|
<h3 class="modtitle">Contact Us </h3>
|
|
<div class="modcontent">
|
|
<ul class="contact-address">
|
|
<li><p><span class="fa fa-map-marker"></span><span>Address : </span> My Company, 42 avenue des Champs Elysées</p></li>
|
|
<li><span class="fa fa-envelope-o"></span><span>Email : </span> <a href="#"> sales@yourcompany.com</a></li>
|
|
<li><p><span class="fa fa-phone"> </span><span>Phone :</span> 0123456789</p> </li>
|
|
</ul>
|
|
</div>
|
|
<div class="share-icon">
|
|
<ul>
|
|
<li class="facebook"><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
|
<li class="twitter"><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
|
<li class="google"><a href=""><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
|
|
<li class="skype"><a href=""><i class="fa fa-skype" aria-hidden="true"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=" box-information">
|
|
<div class="module clearfix">
|
|
<h3 class="modtitle">Information</h3>
|
|
<div class="modcontent">
|
|
<ul class="menu">
|
|
<li><a href="about-us.html">About Us</a></li>
|
|
<li><a href="faq.html">FAQ</a></li>
|
|
<li><a href="order-history.html">Order history</a></li>
|
|
<li><a href="order-information.html">Order information</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=" box-extras">
|
|
<div class="module clearfix">
|
|
<h3 class="modtitle">Extras</h3>
|
|
<div class="modcontent">
|
|
<ul class="menu">
|
|
<li><a href="contact.html">Contact Us</a></li>
|
|
<li><a href="return.html">Returns</a></li>
|
|
<li><a href="sitemap.html">Site Map</a></li>
|
|
<li><a href="my-account.html">My Account</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-account">
|
|
<div class="module clearfix">
|
|
<h3 class="modtitle">My Account</h3>
|
|
<div class="modcontent">
|
|
<ul class="menu">
|
|
<li><a href="#">Brands</a></li>
|
|
<li><a href="gift-voucher.html">Gift Vouchers</a></li>
|
|
<li><a href="#">Affiliates</a></li>
|
|
<li><a href="#">Specials</a></li>
|
|
<li><a href="#" target="_blank">Our Blog</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div></section>
|
|
<!-- /Footer Top Container -->
|
|
<div class="footer-mid">
|
|
<div class=" help">
|
|
<div class=" container">
|
|
<div class=" row">
|
|
<div class="footer-mid-left col-sm-6 col-xs-12">
|
|
<h3>NEED HELP? </h3>
|
|
<p>SUPPORT TEAM 24/7 AT (844) 555-8386</p>
|
|
</div>
|
|
<div class="footer-mid-right col-sm-6 col-xs-12">
|
|
<div class="btn-sub">
|
|
<i class="fa fa-envelope" aria-hidden="true"></i>
|
|
<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="Your Email Address..." name="subscribe">
|
|
<button type="submit" class="button-search btn btn-primary" name="submit_subscribe">Subscribe</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- //end Footer Container -->
|
|
|
|
</div>
|
|
<!-- Social widgets -->
|
|
<div class="footer-bottom-block ">
|
|
<div class=" container">
|
|
<div class="row">
|
|
<div class="footer-bottom-header">
|
|
<div class="col-xs-12 col-sm-12 col-md-5 download">
|
|
<h3>Download Our App</h3>
|
|
<a href=""><img src="img/demo/download/app.jpg" alt=""></a>
|
|
<a href=""><img src="img/demo/download/ggplay.jpg" alt=""></a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12 col-md-7 pay">
|
|
<ul>
|
|
<li><img src="img/demo/payment/visa.jpg" alt=""></li>
|
|
<li><img src="img/demo/payment/meastro.jpg" alt=""></li>
|
|
<li><img src="img/demo/payment/paypal.jpg" alt=""></li>
|
|
<li><img src="img/demo/payment/union.jpg" alt=""></li>
|
|
<li><img src="img/demo/payment/cirrus.jpg" alt=""></li>
|
|
<li><img src="img/demo/payment/ebay.jpg" alt=""></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="text-footer-bot">
|
|
<p>Destino - Premium Multipurpose HTML5/CSS3 Theme - Designed by <a href="#">SmartAddons.Com</a></p>
|
|
</div>
|
|
<div class="back-to-top"><i class="fa fa-angle-up"></i><span> Top </span></div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- End Social widgets -->
|
|
|
|
<!-- Include Libs & Plugins
|
|
============================================ -->
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
|
|
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
|
|
<script type="text/javascript" src="js/themejs/libs.js"></script>
|
|
<script type="text/javascript" src="js/unveil/jquery.unveil.js"></script>
|
|
<script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script>
|
|
<script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
|
|
<script type="text/javascript" src="js/datetimepicker/moment.js"></script>
|
|
<script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
|
|
|
|
|
|
<!-- Theme files
|
|
============================================ -->
|
|
|
|
|
|
<script type="text/javascript" src="js/themejs/so_megamenu.js"></script>
|
|
<script type="text/javascript" src="js/themejs/addtocart.js"></script>
|
|
<script type="text/javascript" src="js/themejs/application.js"></script>
|
|
|
|
</body>
|
|
</html> |