mirror of
https://github.com/KUlishevgeniy/c22712.git
synced 2026-09-24 08:00:22 +00:00
1160 lines
47 KiB
HTML
1160 lines
47 KiB
HTML
<!doctype html>
|
||
<html class="no-js" lang="">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
<title>Shopping Cart | Malias</title>
|
||
<meta name="description" content="">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- favicon
|
||
============================================ -->
|
||
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
|
||
|
||
<!-- Google Fonts
|
||
============================================ -->
|
||
<link href='https://fonts.googleapis.com/css?family=Raleway:400,600' rel='stylesheet' type='text/css'>
|
||
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
|
||
|
||
<!-- Bootstrap CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||
<!-- Font awesome CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/font-awesome.min.css">
|
||
<!-- owl.carousel CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/owl.carousel.css">
|
||
<link rel="stylesheet" href="css/owl.theme.css">
|
||
<link rel="stylesheet" href="css/owl.transitions.css">
|
||
<!-- nivo slider CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
|
||
<!-- meanmenu CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/meanmenu.min.css">
|
||
<!-- jquery-ui CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/jquery-ui.css">
|
||
<!-- animate CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/animate.css">
|
||
<!-- main CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/main.css">
|
||
<!-- style CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<!-- responsive CSS
|
||
============================================ -->
|
||
<link rel="stylesheet" href="css/responsive.css">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- Add your site or application content here -->
|
||
|
||
<!-- HEADER-AREA START -->
|
||
<header class="header-area">
|
||
<!-- HEADER-TOP START -->
|
||
<div class="header-top hidden-xs">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||
<div class="top-menu">
|
||
<!-- Start Language -->
|
||
<ul class="language">
|
||
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English<i class="fa fa-caret-down left-5"></i></a>
|
||
<ul>
|
||
<li><a href="#"><img class="right-5" src="img/flags/fr.png" alt="#">French</a></li>
|
||
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English</a></li>
|
||
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<!-- End Language -->
|
||
<!-- Start Currency -->
|
||
<ul class="currency">
|
||
<li><a href="#"><strong>$</strong> USD<i class="fa fa-caret-down left-5"></i></a>
|
||
<ul>
|
||
<li><a href="#">$ EUR</a></li>
|
||
<li><a href="#">$ GBP</a></li>
|
||
<li><a href="#">$ USD</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<!-- End Currency -->
|
||
<p class="welcome-msg">Default welcome msg!</p>
|
||
</div>
|
||
<!-- Start Top-Link -->
|
||
<div class="top-link">
|
||
<ul class="link">
|
||
<li><a href="my-account.html"><i class="fa fa-user"></i> My Account</a></li>
|
||
<li><a href="wishlist.html"><i class="fa fa-heart"></i> Wish List (0)</a></li>
|
||
<li><a href="checkout.html"><i class="fa fa-share"></i> Checkout</a></li>
|
||
<li><a href="account.html"><i class="fa fa-unlock-alt"></i> Login</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- End Top-Link -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- HEADER-TOP END -->
|
||
<!-- HEADER-MIDDLE START -->
|
||
<div class="header-middle">
|
||
<div class="container">
|
||
<!-- Start Support-Client -->
|
||
<div class="support-client hidden-xs">
|
||
<div class="row">
|
||
<!-- Start Single-Support -->
|
||
<div class="col-md-3 hidden-sm">
|
||
<div class="single-support">
|
||
<div class="support-content">
|
||
<i class="fa fa-clock-o"></i>
|
||
<div class="support-text">
|
||
<h1 class="zero gfont-1">working time</h1>
|
||
<p>Mon- Sun: 8.00 - 18.00</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Support -->
|
||
<!-- Start Single-Support -->
|
||
<div class="col-md-3 col-sm-4">
|
||
<div class="single-support">
|
||
<i class="fa fa-truck"></i>
|
||
<div class="support-text">
|
||
<h1 class="zero gfont-1">Free shipping</h1>
|
||
<p>On order over $199</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Support -->
|
||
<!-- Start Single-Support -->
|
||
<div class="col-md-3 col-sm-4">
|
||
<div class="single-support">
|
||
<i class="fa fa-money"></i>
|
||
<div class="support-text">
|
||
<h1 class="zero gfont-1">Money back 100%</h1>
|
||
<p>Within 30 Days after delivery</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Support -->
|
||
<!-- Start Single-Support -->
|
||
<div class="col-md-3 col-sm-4">
|
||
<div class="single-support">
|
||
<i class="fa fa-phone-square"></i>
|
||
<div class="support-text">
|
||
<h1 class="zero gfont-1">Phone: 0123456789</h1>
|
||
<p>Order Online Now !</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Support -->
|
||
</div>
|
||
</div>
|
||
<!-- End Support-Client -->
|
||
<!-- Start logo & Search Box -->
|
||
<div class="row">
|
||
<div class="col-md-3 col-sm-12">
|
||
<div class="logo">
|
||
<a href="index.html" title="Malias"><img src="img/logo.png" alt="Malias"></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-9 col-sm-12">
|
||
<div class="quick-access">
|
||
<div class="search-by-category">
|
||
<div class="search-container">
|
||
<select>
|
||
<option class="all-cate">All Categories</option>
|
||
<optgroup class="cate-item-head" label="Cameras & Photography">
|
||
<option class="cate-item-title">Handbags</option>
|
||
<option class="c-item">Blouses And Shirts</option>
|
||
<option class="c-item">Clouthes</option>
|
||
</optgroup>
|
||
<optgroup class="cate-item-head" label="Laptop & Computer">
|
||
<option class="cate-item-title">Apple</option>
|
||
<option class="c-item">Dell</option>
|
||
<option class="c-item">Hp</option>
|
||
<option class="c-item">Sony</option>
|
||
</optgroup>
|
||
<optgroup class="cate-item-head" label="Electronic">
|
||
<option class="c-item">Mobile</option>
|
||
<option class="c-item">Speaker</option>
|
||
<option class="c-item">Headphone</option>
|
||
</optgroup>
|
||
</select>
|
||
</div>
|
||
<div class="header-search">
|
||
<form action="#">
|
||
<input type="text" placeholder="Search">
|
||
<button type="submit"><i class="fa fa-search"></i></button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="top-cart">
|
||
<ul>
|
||
<li>
|
||
<a href="cart.html">
|
||
<span class="cart-icon"><i class="fa fa-shopping-cart"></i></span>
|
||
<span class="cart-total">
|
||
<span class="cart-title">shopping cart</span>
|
||
<span class="cart-item">2 item(s)- </span>
|
||
<span class="top-cart-price">$365.00</span>
|
||
</span>
|
||
</a>
|
||
<div class="mini-cart-content">
|
||
<div class="cart-img-details">
|
||
<div class="cart-img-photo">
|
||
<a href="#"><img src="img/product/total-cart.jpg" alt="#"></a>
|
||
</div>
|
||
<div class="cart-img-content">
|
||
<a href="#"><h4>Prod Aldults</h4></a>
|
||
<span>
|
||
<strong class="text-right">1 x</strong>
|
||
<strong class="cart-price text-right">$180.00</strong>
|
||
</span>
|
||
</div>
|
||
<div class="pro-del">
|
||
<a href="#"><i class="fa fa-times"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="clear"></div>
|
||
<div class="cart-img-details">
|
||
<div class="cart-img-photo">
|
||
<a href="#"><img src="img/product/total-cart2.jpg" alt="#"></a>
|
||
</div>
|
||
<div class="cart-img-content">
|
||
<a href="#"><h4>Fact Prone</h4></a>
|
||
<span>
|
||
<strong class="text-right">1 x</strong>
|
||
<strong class="cart-price text-right">$185.00</strong>
|
||
</span>
|
||
</div>
|
||
<div class="pro-del">
|
||
<a href="#"><i class="fa fa-times"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="cart-inner-bottom">
|
||
<span class="total">
|
||
Total:
|
||
<span class="amount">$550.00</span>
|
||
</span>
|
||
<span class="cart-button-top">
|
||
<a href="cart.html">View Cart</a>
|
||
<a href="checkout.html">Checkout</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End logo & Search Box -->
|
||
</div>
|
||
</div>
|
||
<!-- HEADER-MIDDLE END -->
|
||
<!-- START MAINMENU-AREA -->
|
||
<div class="mainmenu-area shop-page">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="mainmenu">
|
||
<nav>
|
||
<ul>
|
||
<li><a href="index.html">Home</a>
|
||
<ul>
|
||
<li><a href="index.html">Home Versions 1</a></li>
|
||
<li><a href="index-2.html">Home Versions 2</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="about.html">About Us</a></li>
|
||
<li class="hot"><a href="shop.html">Bestseller Products</a></li>
|
||
<li class="new"><a href="shop-list.html">New Products</a></li>
|
||
<li><a href="shop.html">Special Products</a></li>
|
||
<li><a href="#">Pages</a>
|
||
<ul>
|
||
<li><a href="cart.html">Cart</a></li>
|
||
<li><a href="checkout.html">Checkout</a></li>
|
||
<li><a href="account.html">Create Account</a></li>
|
||
<li><a href="my-account.html">My Account</a></li>
|
||
<li><a href="product-details.html">Product details</a></li>
|
||
<li><a href="shop.html">Shop Grid View</a></li>
|
||
<li><a href="shop-list.html">Shop List View</a></li>
|
||
<li><a href="wishlist.html">Wish List</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="contact.html">Contact Us</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END MAIN-MENU-AREA -->
|
||
<!-- Start Mobile-menu -->
|
||
<div class="mobile-menu-area no-margin hidden-md hidden-lg">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<nav id="mobile-menu">
|
||
<ul>
|
||
<li><a href="index.html">Home</a>
|
||
<ul>
|
||
<li><a href="index.html">Home Page 1</a></li>
|
||
<li><a href="index-2.html">Home Page 2</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="about.html">About Us</a></li>
|
||
<li><a href="shop.html">Bestseller Products</a></li>
|
||
<li><a href="shop-list.html">New Products</a></li>
|
||
<li><a href="#">Pages</a>
|
||
<ul>
|
||
<li><a href="cart.html">Cart</a></li>
|
||
<li><a href="checkout.html">Checkout</a></li>
|
||
<li><a href="account.html">Create Account</a></li>
|
||
<li><a href="login.html">Login</a></li>
|
||
<li><a href="my-account.html">My Account</a></li>
|
||
<li><a href="product-details.html">Product details</a></li>
|
||
<li><a href="shop.html">Shop Grid View</a></li>
|
||
<li><a href="shop-list.html">Shop List View</a></li>
|
||
<li><a href="wishlist.html">Wish List</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="contact.html">Contact Us</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Mobile-menu -->
|
||
</header>
|
||
<!-- HEADER AREA END -->
|
||
<!-- START PAGE-CONTENT -->
|
||
<section class="page-content">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<ul class="page-menu">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li class="active"><a href="#">Shopping Cart</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<!-- CATEGORY-MENU-LIST START -->
|
||
<div class="left-category-menu hidden-sm hidden-xs">
|
||
<div class="left-product-cat">
|
||
<div class="category-heading">
|
||
<h2>categories</h2>
|
||
</div>
|
||
<div class="category-menu-list">
|
||
<ul>
|
||
<!-- Single menu start -->
|
||
<li class="arrow-plus active">
|
||
<a href="#">Cameras & Photography</a>
|
||
<!-- MEGA MENU START -->
|
||
<div class="cat-left-drop-menu">
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">Handbags</a>
|
||
<ul>
|
||
<li><a href="#">Blouses And Shirts</a></li>
|
||
<li><a href="#">Clutches</a></li>
|
||
<li><a href="#">Cross Body</a></li>
|
||
<li><a href="#">Satchels</a></li>
|
||
<li><a href="#">Sholuder</a></li>
|
||
<li><a href="#">Toter</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">Tops</a>
|
||
<ul>
|
||
<li><a href="#">Evening</a></li>
|
||
<li><a href="#">Long Sleeved</a></li>
|
||
<li><a href="#">Short Sleeved</a></li>
|
||
<li><a href="#">Sleeveless</a></li>
|
||
<li><a href="#">T-Shirts</a></li>
|
||
<li><a href="#">Tanks And Camis</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">Dresses</a>
|
||
<ul>
|
||
<li><a href="#">Belts</a></li>
|
||
<li><a href="#">Cocktail</a></li>
|
||
<li><a href="#">Day</a></li>
|
||
<li><a href="#">Evening</a></li>
|
||
<li><a href="#">Sundresses</a></li>
|
||
<li><a href="#">Sweater</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">Accessories</a>
|
||
<ul>
|
||
<li><a href="#">Bras</a></li>
|
||
<li><a href="#">Hair Accessories</a></li>
|
||
<li><a href="#">Hats And Gloves</a></li>
|
||
<li><a href="#">Lifestyle</a></li>
|
||
<li><a href="#">Scarves</a></li>
|
||
<li><a href="#">Small Leathers</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- MEGA MENU END -->
|
||
</li>
|
||
<!-- Single menu end -->
|
||
<!-- Single menu start -->
|
||
<li class="arrow-plus">
|
||
<a href="#">Tv & Audio</a>
|
||
<!-- MEGA MENU START -->
|
||
<div class="cat-left-drop-menu">
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">BAGS</a>
|
||
<ul>
|
||
<li><a href="#">Blazers</a></li>
|
||
<li><a href="#">Bootees Bags</a></li>
|
||
<li><a href="#">Jackets</a></li>
|
||
<li><a href="#">Shoes</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">CLOTHING</a>
|
||
<ul>
|
||
<li><a href="#">Blazers</a></li>
|
||
<li><a href="#">Bootees Bags</a></li>
|
||
<li><a href="#">Jackets</a></li>
|
||
<li><a href="#">Shoes</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">LINGERIE</a>
|
||
<ul>
|
||
<li><a href="#">Blazers</a></li>
|
||
<li><a href="#">Bootees Bags</a></li>
|
||
<li><a href="#">Jackets</a></li>
|
||
<li><a href="#">Shoes</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">Shoes</a>
|
||
<ul>
|
||
<li><a href="#">Blazers</a></li>
|
||
<li><a href="#">Bootees Bags</a></li>
|
||
<li><a href="#">Jackets</a></li>
|
||
<li><a href="#">Shoes</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- MEGA MENU END -->
|
||
</li>
|
||
<!-- Single menu end -->
|
||
<!-- Single menu start -->
|
||
<li class="arrow-plus">
|
||
<a href="#">SmartPhones & Tablets</a>
|
||
<!-- MEGA MENU START -->
|
||
<div class="cat-left-drop-menu cat-left-drop-menu-photo-contain">
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">Women</a>
|
||
<ul>
|
||
<li><a href="#">Belts</a></li>
|
||
<li><a href="#">Jewelry</a></li>
|
||
<li><a href="#">Socks</a></li>
|
||
<li><a href="#">Sunglasses</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="cat-left-drop-menu-left">
|
||
<a class="menu-item-heading" href="#">CLOTHING</a>
|
||
<ul>
|
||
<li><a href="#">Boots</a></li>
|
||
<li><a href="#">Brands We Love</a></li>
|
||
<li><a href="#">Casuals</a></li>
|
||
<li><a href="#">Gifts And Tech</a></li>
|
||
<li><a href="#">Gifts And Tech</a></li>
|
||
<li><a href="#">Slippers</a></li>
|
||
<li><a href="#">Speakers</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="cat-left-drop-menu-left cat-left-drop-menu-photo">
|
||
<a href="#"><img src="img/megamenu/vmega_blog1.jpg" alt="Product"></a>
|
||
</div>
|
||
</div>
|
||
<!-- MEGA MENU END -->
|
||
</li>
|
||
<!-- Single menu end -->
|
||
<!-- Single menu start -->
|
||
<li>
|
||
<a href="#">Laptop & Computer</a>
|
||
</li>
|
||
<!-- Single menu end -->
|
||
<!-- Single menu start -->
|
||
<li><a href="#">Sony</a></li>
|
||
<!-- Single menu end -->
|
||
<!-- Single menu start -->
|
||
<li><a href="#">Mobile</a></li>
|
||
<!-- Single menu end -->
|
||
<!-- Single menu start -->
|
||
<li><a href="#">Sports</a></li>
|
||
<!-- Single menu end -->
|
||
|
||
<!-- MENU ACCORDION START -->
|
||
<li class=" rx-child">
|
||
<a href="#">Books</a>
|
||
</li>
|
||
<li class=" rx-parent">
|
||
<a class="rx-default">
|
||
More categories <span class="cat-thumb fa fa-plus"></span>
|
||
</a>
|
||
<a class="rx-show">
|
||
close menu <span class="cat-thumb fa fa-minus"></span>
|
||
</a>
|
||
</li>
|
||
<!-- MENU ACCORDION END -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END CATEGORY-MENU-LIST -->
|
||
<!-- START SMALL-PRODUCT-AREA -->
|
||
<div class="small-product-area carosel-navigation hidden-sm hidden-xs">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="area-title">
|
||
<h3 class="title-group gfont-1">Bestseller</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="active-bestseller sidebar">
|
||
<div class="col-xs-12">
|
||
<!-- Start Single-Product -->
|
||
<div class="single-product">
|
||
<div class="product-img">
|
||
<a href="#">
|
||
<img class="primary-img" src="img/product/small/1.jpg" alt="Product">
|
||
</a>
|
||
</div>
|
||
<div class="product-description">
|
||
<h5><a href="#">Trid Palm</a></h5>
|
||
<div class="price-box">
|
||
<span class="price">$99.00</span>
|
||
<span class="old-price">$110.00</span>
|
||
</div>
|
||
<span class="rating">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Product -->
|
||
<!-- Start Single-Product -->
|
||
<div class="single-product">
|
||
<div class="product-img">
|
||
<a href="#">
|
||
<img class="primary-img" src="img/product/small/2.jpg" alt="Product">
|
||
</a>
|
||
</div>
|
||
<div class="product-description">
|
||
<h5><a href="#">Various Versions</a></h5>
|
||
<div class="price-box">
|
||
<span class="price">$90.00</span>
|
||
<span class="old-price">$110.00</span>
|
||
</div>
|
||
<span class="rating">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Product -->
|
||
<!-- Start Single-Product -->
|
||
<div class="single-product">
|
||
<div class="product-img">
|
||
<a href="#">
|
||
<img class="primary-img" src="img/product/small/3.jpg" alt="Product">
|
||
</a>
|
||
</div>
|
||
<div class="product-description">
|
||
<h5><a href="#">Trid Palm</a></h5>
|
||
<div class="price-box">
|
||
<span class="price">$99.00</span>
|
||
<span class="old-price">$110.00</span>
|
||
</div>
|
||
<span class="rating">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Product -->
|
||
<!-- Start Single-Product -->
|
||
<div class="single-product">
|
||
<div class="product-img">
|
||
<a href="#">
|
||
<img class="primary-img" src="img/product/small/4.jpg" alt="Product">
|
||
</a>
|
||
</div>
|
||
<div class="product-description">
|
||
<h5><a href="#">Established Fact</a></h5>
|
||
<div class="price-box">
|
||
<span class="price">$90.00</span>
|
||
<span class="old-price">$110.00</span>
|
||
</div>
|
||
<span class="rating">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Product -->
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<!-- Start Single-Product -->
|
||
<div class="single-product">
|
||
<div class="product-img">
|
||
<a href="#">
|
||
<img class="primary-img" src="img/product/small/5.jpg" alt="Product">
|
||
</a>
|
||
</div>
|
||
<div class="product-description">
|
||
<h5><a href="#">Trid Palm</a></h5>
|
||
<div class="price-box">
|
||
<span class="price">$99.00</span>
|
||
<span class="old-price">$110.00</span>
|
||
</div>
|
||
<span class="rating">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Product -->
|
||
<!-- Start Single-Product -->
|
||
<div class="single-product">
|
||
<div class="product-img">
|
||
<a href="#">
|
||
<img class="primary-img" src="img/product/small/6.jpg" alt="Product">
|
||
</a>
|
||
</div>
|
||
<div class="product-description">
|
||
<h5><a href="#">Various Versions</a></h5>
|
||
<div class="price-box">
|
||
<span class="price">$90.00</span>
|
||
<span class="old-price">$110.00</span>
|
||
</div>
|
||
<span class="rating">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Product -->
|
||
<!-- Start Single-Product -->
|
||
<div class="single-product">
|
||
<div class="product-img">
|
||
<a href="#">
|
||
<img class="primary-img" src="img/product/small/7.jpg" alt="Product">
|
||
</a>
|
||
</div>
|
||
<div class="product-description">
|
||
<h5><a href="#">Trid Palm</a></h5>
|
||
<div class="price-box">
|
||
<span class="price">$99.00</span>
|
||
<span class="old-price">$110.00</span>
|
||
</div>
|
||
<span class="rating">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Product -->
|
||
<!-- Start Single-Product -->
|
||
<div class="single-product">
|
||
<div class="product-img">
|
||
<a href="#">
|
||
<img class="primary-img" src="img/product/small/8.jpg" alt="Product">
|
||
</a>
|
||
</div>
|
||
<div class="product-description">
|
||
<h5><a href="#">Established Fact</a></h5>
|
||
<div class="price-box">
|
||
<span class="price">$90.00</span>
|
||
<span class="old-price">$110.00</span>
|
||
</div>
|
||
<span class="rating">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-o"></i>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<!-- End Single-Product -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END SMALL-PRODUCT-AREA -->
|
||
</div>
|
||
<div class="col-md-9">
|
||
<!-- START PRODUCT-BANNER -->
|
||
<div class="product-banner">
|
||
<div class="row">
|
||
<div class="col-xs-12">
|
||
<div class="banner">
|
||
<a href="#"><img src="img/banner/12.jpg" alt="Product Banner"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END PRODUCT-BANNER -->
|
||
<!-- Start Shopping-Cart -->
|
||
<div class="shopping-cart">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="cart-title">
|
||
<h2 class="entry-title">Shopping Cart</h2>
|
||
</div>
|
||
<!-- Start Table -->
|
||
<div class="table-responsive">
|
||
<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="#"><img class="img-thumbnail" src="img/product/cart/1.jpg" alt="#" /></a>
|
||
</td>
|
||
<td class="text-left">
|
||
<a href="#">More-Or-Less</a>
|
||
</td>
|
||
<td class="text-left">Product 14</td>
|
||
<td class="text-left">
|
||
<div class="btn-block cart-put">
|
||
<input class="form-control" type="number" placeholder="1" />
|
||
<div class="input-group-btn cart-buttons">
|
||
<button class="btn btn-primary" data-toggle="tooltip" title="Update">
|
||
<i class="fa fa-refresh"></i>
|
||
</button>
|
||
<button class="btn btn-danger" data-toggle="tooltip" title="Remove">
|
||
<i class="fa fa-times-circle"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td class="text-right">$100.00</td>
|
||
<td class="text-right">$100.00</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-center">
|
||
<a href="#"><img class="img-thumbnail" src="img/product/cart/2.jpg" alt="#" /></a>
|
||
</td>
|
||
<td class="text-left">
|
||
<a href="#">More-Or-Less</a>
|
||
</td>
|
||
<td class="text-left">Product 14</td>
|
||
<td class="text-left">
|
||
<div class="btn-block cart-put">
|
||
<input class="form-control" type="number" placeholder="1" />
|
||
<div class="input-group-btn cart-buttons">
|
||
<button class="btn btn-primary" data-toggle="tooltip" title="Update" >
|
||
<i class="fa fa-refresh"></i>
|
||
</button>
|
||
<button class="btn btn-danger" data-toggle="tooltip" title="Remove">
|
||
<i class="fa fa-times-circle"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td class="text-right">$100.00</td>
|
||
<td class="text-right">$100.00</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- End Table -->
|
||
<h3 class="title-group-3 gfont-1">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>
|
||
<!-- Accordion start -->
|
||
<div class="accordion-cart">
|
||
<div class="panel-group" id="accordion">
|
||
<!-- Start Coupon -->
|
||
<div class="panel panel_default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a class="accordion-trigger" data-toggle="collapse" data-parent="#accordion" href="#coupon">Use Coupon Code<i class="fa fa-caret-down"></i> </a>
|
||
</h4>
|
||
</div>
|
||
<div id="coupon" class="collapse in">
|
||
<div class="panel-body">
|
||
<div class="col-sm-2">
|
||
<p>Enter your coupon here</p>
|
||
</div>
|
||
<div class="input-group">
|
||
<input class="form-control" type="text" placeholder="Enter your coupon here" />
|
||
<button type="submit" class="btn btn-primary">Apply Coupon</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Coupon -->
|
||
<!-- Start Voucher -->
|
||
<div class="panel panel_default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a class="accordion-trigger collapsed" data-toggle="collapse" data-parent="#accordion" href="#voucher">Use Gift Voucher <i class="fa fa-caret-down"></i> </a>
|
||
</h4>
|
||
</div>
|
||
<div id="voucher" class="collapse">
|
||
<div class="panel-body">
|
||
<div class="col-sm-2">
|
||
<p>Enter your gift voucher code here</p>
|
||
</div>
|
||
<div class="input-group">
|
||
<input class="form-control" type="text" placeholder="Enter your gift voucher code here" />
|
||
<button type="submit" class="btn btn-primary">Apply Voucher</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Start Voucher -->
|
||
<!-- Start Shipping -->
|
||
<div class="panel panel_default">
|
||
<div class="panel-heading">
|
||
<h4 class="panel-title">
|
||
<a class="accordion-trigger collapsed" data-toggle="collapse" data-parent="#accordion" href="#shipping">Estimate Shipping & Taxes <i class="fa fa-caret-down"></i> </a>
|
||
</h4>
|
||
</div>
|
||
<div id="shipping" class="collapse">
|
||
<div class="panel-body">
|
||
<div class="col-sm-12">
|
||
<p>Enter your destination to get a shipping estimate.</p>
|
||
</div>
|
||
<div class="form-horizontal">
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label"><sup>*</sup>Country</label>
|
||
<div class="col-sm-10">
|
||
<select class="form-control">
|
||
<option> --- Please Select --- </option>
|
||
<option> Bangladesh </option>
|
||
<option> United States </option>
|
||
<option> United Kingdom </option>
|
||
<option> Canada </option>
|
||
<option> Malaysia </option>
|
||
<option> United Arab Emirates </option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label"><sup>*</sup>Region / State</label>
|
||
<div class="col-sm-10">
|
||
<select class="form-control">
|
||
<option> --- Please Select --- </option>
|
||
<option> Aberdeen </option>
|
||
<option> Bedfordshire </option>
|
||
<option> Caerphilly </option>
|
||
<option> Denbighshire </option>
|
||
<option> East Ayrshire </option>
|
||
<option> Falkirk </option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label"><sup>*</sup>Post Code</label>
|
||
<div class="col-sm-10">
|
||
<input type="text" class="form-control" placeholder="Post Code" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Start Shipping -->
|
||
</div>
|
||
</div>
|
||
<!-- Accordion end -->
|
||
<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">$145.00</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-right">
|
||
<strong>Total:</strong>
|
||
</td>
|
||
<td class="text-right">$145.00</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="shopping-checkout">
|
||
<a href="#" class="btn btn-default pull-left">Continue Shopping</a>
|
||
<a href="#" class="btn btn-primary pull-right">Checkout</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Shopping-Cart -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- START BRAND-LOGO-AREA -->
|
||
<div class="brand-logo-area carosel-navigation">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="area-title">
|
||
<h3 class="title-group border-red gfont-1">Brand Logo</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="active-brand-logo">
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/1.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/2.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/3.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/4.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/5.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/6.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/1.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/2.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<div class="single-brand-logo">
|
||
<a href="#"><img src="img/brand/3.png" alt=""></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END BRAND-LOGO-AREA -->
|
||
<!-- START SUBSCRIBE-AREA -->
|
||
<div class="subscribe-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 col-sm-7 col-xs-12">
|
||
<label class="hidden-sm hidden-xs">Sign Up for Our Newsletter:</label>
|
||
<div class="subscribe">
|
||
<form action="#">
|
||
<input type="text" placeholder="Enter Your E-mail">
|
||
<button type="submit">Subscribe</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-5 col-xs-12">
|
||
<div class="social-media">
|
||
<a href="#"><i class="fa fa-facebook fb"></i></a>
|
||
<a href="#"><i class="fa fa-google-plus gp"></i></a>
|
||
<a href="#"><i class="fa fa-twitter tt"></i></a>
|
||
<a href="#"><i class="fa fa-youtube yt"></i></a>
|
||
<a href="#"><i class="fa fa-linkedin li"></i></a>
|
||
<a href="#"><i class="fa fa-rss rs"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END SUBSCRIBE-AREA -->
|
||
</section>
|
||
<!-- END PAGE-CONTENT -->
|
||
<!-- FOOTER-AREA START -->
|
||
<footer class="footer-area">
|
||
<!-- Footer Start -->
|
||
<div class="footer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-4 col-md-3">
|
||
<div class="footer-title">
|
||
<h5>My Account</h5>
|
||
</div>
|
||
<nav>
|
||
<ul class="footer-content">
|
||
<li><a href="my-account.html">My Account</a></li>
|
||
<li><a href="#">Order History</a></li>
|
||
<li><a href="wishlist">Wish List</a></li>
|
||
<li><a href="#">Search Terms</a></li>
|
||
<li><a href="#">Returns</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-4 col-md-3">
|
||
<div class="footer-title">
|
||
<h5>Customer Service</h5>
|
||
</div>
|
||
<nav>
|
||
<ul class="footer-content">
|
||
<li><a href="contact.html">Contact Us</a></li>
|
||
<li><a href="about.html">About Us</a></li>
|
||
<li><a href="#">Delivery Information</a></li>
|
||
<li><a href="#">Privacy Policy</a></li>
|
||
<li><a href="#">Terms & Conditions</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="col-xs-12 hidden-sm col-md-3">
|
||
<div class="footer-title">
|
||
<h5>Payment & Shipping</h5>
|
||
</div>
|
||
<nav>
|
||
<ul class="footer-content">
|
||
<li><a href="#">Brands</a></li>
|
||
<li><a href="#">Gift Vouchers</a></li>
|
||
<li><a href="#">Affiliates</a></li>
|
||
<li><a href="shop-list.html">Specials</a></li>
|
||
<li><a href="#">Search Terms</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-4 col-md-3">
|
||
<div class="footer-title">
|
||
<h5>Payment & Shipping</h5>
|
||
</div>
|
||
<nav>
|
||
<ul class="footer-content box-information">
|
||
<li>
|
||
<i class="fa fa-home"></i><span>Towerthemes, 1234 Stret Lorem, LPA States, Libero</span>
|
||
</li>
|
||
<li>
|
||
<i class="fa fa-envelope-o"></i><p><a href="contact.html">admin@bootexperts.com</a></p>
|
||
</li>
|
||
<li>
|
||
<i class="fa fa-phone"></i>
|
||
<span>01234-56789</span> <br> <span> 01234-56789</span>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Footer End -->
|
||
<!-- Copyright-area Start -->
|
||
<div class="copyright-area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="copyright">
|
||
<p>Copyright © Взято с <a href="http://bayguzin.ru" target="_blank"> bayguzin.ru</a> All rights reserved.</p>
|
||
<div class="payment">
|
||
<a href="#"><img src="img/payment.png" alt="Payment"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Copyright-area End -->
|
||
</footer>
|
||
<!-- FOOTER-AREA END -->
|
||
|
||
|
||
<!-- jquery
|
||
============================================ -->
|
||
<script src="js/jquery-1.11.3.min.js"></script>
|
||
<!-- bootstrap JS
|
||
============================================ -->
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<!-- wow JS
|
||
============================================ -->
|
||
<script src="js/wow.min.js"></script>
|
||
<!-- meanmenu JS
|
||
============================================ -->
|
||
<script src="js/jquery.meanmenu.js"></script>
|
||
<!-- owl.carousel JS
|
||
============================================ -->
|
||
<script src="js/owl.carousel.min.js"></script>
|
||
<!-- scrollUp JS
|
||
============================================ -->
|
||
<script src="js/jquery.scrollUp.min.js"></script>
|
||
<!-- countdon.min JS
|
||
============================================ -->
|
||
<script src="js/countdon.min.js"></script>
|
||
<!-- jquery-price-slider js
|
||
============================================ -->
|
||
<script src="js/jquery-price-slider.js"></script>
|
||
<!-- Nivo slider js
|
||
============================================ -->
|
||
<script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
|
||
<!-- plugins JS
|
||
============================================ -->
|
||
<script src="js/plugins.js"></script>
|
||
<!-- main JS
|
||
============================================ -->
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|