?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags For Seo + Page Optimization -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Product is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>Shopping Cart Page</title>
<!-- Favicon -->
<link rel="icon" href="product/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/swiper.min.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<!-- Line Icons -->
<link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
<!-- button hover css -->
<link rel="stylesheet" href="../product/css/hover-min.css">
<!-- custom css -->
<link rel="stylesheet" href="../product/css/style.css">
</head>
<body class="page-body">
<div id="loader">
<div class="loader center-block">
<div class="inner one"></div>
<div class="inner two"></div>
<div class="inner three"></div>
</div>
</div>
<div class="main">
<div class="body-overlay"></div>
<div class="product-section contact-body">
<header class="contact-us-header">
<div class="container container-setting">
<div class="row justify-content-center about_us_nav">
<nav class="navbar navbar-expand contact-us-nav navbar-light bg-light">
<a href="../index-product.html" class="navbar-brand"> <img src="../product/img/logo.png" alt="logo"></a>
<div class="menu-tog d-block d-lg-none" id="sidemenu_toggle1">
<span></span>
<span></span>
<span></span>
</div>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav ml-auto header-nav">
<li class="nav-item dropdown dmenu d-none d-md-block">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
ENG
</a>
<div class="dropdown-menu sm-menu">
<a class="dropdown-item" href="#"><img src="../product/img/flags/russia.jpg" alt="Russia">Russia</a>
<a class="dropdown-item" href="#"><img src="../product/img/flags/french.jpg" alt="French">French</a>
<a class="dropdown-item" href="#"><img src="../product/img/flags/spain.jpg" alt="spain">Spanish</a>
</div>
</li>
<li class="nav-item dropdown dmenu d-none d-md-block">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop2" data-toggle="dropdown">
USD
</a>
<div class="dropdown-menu sm-menu">
<a class="dropdown-item" href="#"><img src="../product/img/flags/usd.png" alt="flag_usa">USD</a>
<a class="dropdown-item" href="#"><img src="../product/img/flags/eur.png" alt="flag_eur">EUR</a>
<a class="dropdown-item" href="#"><img src="../product/img/flags/aud.png" alt="flag_cad">CAD</a>
</div>
</li>
<li class="nav-item dropdown dmenu d-none d-md-block">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop3" data-toggle="dropdown">
ACCOUNT
</a>
<div class="dropdown-menu sm-menu">
<a class="dropdown-item" href="login.html">Login</a>
<a class="dropdown-item" href="registeration.html">Register</a>
</div>
</li>
<li class="nav-item dropdown cart-item">
<a href="#" class="nav-link" data-toggle="dropdown" >
<i class="lni-cart"> <span class="badge badge-custom-setting">2</span></i>
</a>
<div class="dropdown-menu sm-menu mini-cart">
<div class="mini-cart-header">
<h4>Shopping Cart</h4>
</div>
<div class="mini-cart-body">
<div class="inner-card">
<div class="media">
<div class="img-holder ml-1 mr-2">
<img src="../product/img/m1.jpg" class="align-self-center" alt="cartitem">
</div>
<div class="media-body mt-auto mb-auto">
<h5 class="name">Shoes</h5>
<p class="category">Adidas Shoes Lastest</p>
<p class="price"><span>$20</span>(x1) <a href="#"> <i class="fa fa-trash dustbin"></i></a></p>
</div>
</div>
<div class="media">
<div class="img-holder ml-1 mr-2">
<img src="../product/img/m2.jpg" class="align-self-center" alt="cartitem">
</div>
<div class="media-body mt-auto mb-auto">
<h5 class="name">Shoes</h5>
<p class="category">Adidas Shoes Lastest</p>
<p class="price"><span>$20</span>(x1) <a href="#"> <i class="fa fa-trash dustbin"></i></a></p>
</div>
</div>
<div class="media">
<div class="img-holder ml-1 mr-2">
<img src="../product/img/m1.jpg" class="align-self-center" alt="cartitem">
</div>
<div class="media-body mt-auto mb-auto">
<h5 class="name">Shoes</h5>
<p class="category">Adidas Shoes Lastest</p>
<p class="price"><span>$20</span>(x1) <a href="#"> <i class="fa fa-trash dustbin"></i></a></p>
</div>
</div>
<div class="media">
<div class="img-holder ml-1 mr-2">
<img src="../product/img/m2.jpg" class="align-self-center" alt="cartitem">
</div>
<div class="media-body mt-auto mb-auto">
<h5 class="name">Shoes</h5>
<p class="category">Adidas Shoes Lastest</p>
<p class="price"><span>$20</span>(x1) <a href="#"> <i class="fa fa-trash dustbin"></i></a></p>
</div>
</div>
</div>
</div>
<div class="mini-cart-footer">
<div class="subtotal">
<span class="total-title">Total: </span>
<span class="total-price">
<span class="Price-amount">
$135
</span>
</span>
</div>
<div class="actions">
<button type="button" class="btn view-bag rounded-pill">View Bag</button>
<button type="button" class="btn view-cart btn-medium btn-gradient rounded-pill">Checkout</button>
</div>
</div>
</div>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<div class="contact-us-content">
<div class="slider-content">
<div class="parallax-slide banner-slide" style='background:url("img/shop-banner.jpg")'></div>
<!-- START HEADING SECTION -->
<div class="about_content" >
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2 text-center wow slideInUp" data-wow-duration="2s">
<h1 class="heading">Shop Cart</h1>
<p class="para_text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A dolores explicabo laudantium, omnis provident quam reiciendis voluptatum?</p>
</div>
</div>
</div>
</div>
<!-- END HEADING SECTION -->
<!-- START SHOP CART SECTION -->
<div class="shop-cart">
<div class="container">
<!-- START SHOP CART TABLE -->
<div class="row">
<div class="col-12 col-md-10 offset-md-1 cart_table wow fadeInUp animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">
<div class="table-responsive">
<table class="table table-bordered border-radius">
<thead>
<tr>
<th class="darkcolor">Product</th>
<th class="darkcolor">Price</th>
<th class="darkcolor">Quantity</th>
<th class="darkcolor">Total</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="d-table">
<div class="d-table-cell">
<a class="shopping-product" href="img/shoes/thumb1.jpg"><img src="img/shoes/thumb1.jpg" alt="product"></a>
</div>
<div class="d-table-cell">
<h4 class="product-name"><a href="product-detail.html">Blue Shoe</a></h4>
<p>We offer the most complete in the country</p>
</div>
</div>
</td>
<td>
<h4 class="text-center amount">$130.00</h4>
</td>
<td class="text-center">
<div class="quote text-center">
<input type="text" placeholder="1" class="rounded-pill quote">
</div>
</td>
<td>
<h4 class="text-center amount">$136.00</h4>
</td>
<td class="text-center"><a class="btn-close" href="#."><i class="lni-trash"></i></a></td>
</tr>
<tr>
<td>
<div class="d-table">
<div class="d-table-cell">
<a class="shopping-product" href="img/shoes/thumb2.jpg"><img src="img/shoes/thumb2.jpg" alt="product"></a>
</div>
<div class="d-table-cell">
<h4 class="product-name"><a href="product-detail.html">Red Shoe</a></h4>
<p class="product-des">We offer the most complete in the country</p>
</div>
</div>
</td>
<td>
<h4 class="text-center d-table-price amount">$130.00</h4>
</td>
<td class="text-center">
<div class="quote text-center">
<input type="text" placeholder="1" class="rounded-pill quote">
</div>
</td>
<td>
<h4 class="text-center amount">$136.00</h4>
</td>
<td class="text-center"><a class="btn-close" href="#."><i class="lni-trash"></i></a></td>
</tr>
</tbody>
</table>
</div>
<div class="apply_coupon">
<div class="row">
<div class="col-6 text-lg-left text-center">
<a href="faq.html" class="btn our-btn btn-transparent-black rounded-pill btn-sm">Update</a>
</div>
<div class="col-6 coupon text-lg-right text-center">
<a href="faq.html" class="btn our-btn btn-gradient rounded-pill btn-sm">CheckOut</a>
</div>
</div>
</div>
</div>
</div>
<!-- END SHOP CART TABLE -->
<!-- START SHOP CART CHECKOUT FORM -->
<div class="row pt-5">
<div class="col-12 col-lg-5 offset-lg-1 wow slideInUp" data-wow-duration="2s">
<div class="calculate-shipping">
<h4 class="heading">Calculate Shipping</h4>
<form>
<div class="form-group">
<label class="select form-control">
<select name="country" id="states">
<option>USA</option>
<option>Canada</option>
<option>Chile</option>
<option>France</option>
</select>
</label>
</div>
<div class="form-group">
<label class="select form-control">
<select name="country" id="state">
<option>USA</option>
<option>Canada</option>
<option>Chile</option>
<option>France</option>
</select>
</label>
</div>
<div class="form-group">
<input class="form-control rounded-pill" placeholder="Postal/Zip Code">
</div>
<a href="#" class="btn our-btn btn-gradient rounded-pill">Calculate</a>
</form>
</div>
</div>
<div class="col-12 col-lg-5 wow slideInUp" data-wow-duration="2s">
<div class="card-total">
<h4 class="heading">Card Total</h4>
<table>
<tr>
<td>Subtotal</td>
<td>$251.00</td>
</tr>
<tr>
<td>Shipping</td>
<td>
<ul class="color-grey">
<li>
<div class="custom-control custom-radio">
<input type="radio" id="flat-rate" name="shipping" class="custom-control-input" checked="">
<label class="custom-control-label" for="flat-rate">Flat Rate : $49.00</label>
</div>
</li>
<li>
<div class="custom-control custom-radio">
<input type="radio" id="free-shipping" name="shipping" class="custom-control-input">
<label class="custom-control-label" for="free-shipping">Free Shipping</label>
</div>
</li>
<li>
<div class="custom-control custom-radio">
<input type="radio" id="cod-shipping" name="shipping" class="custom-control-input">
<label class="custom-control-label" for="cod-shipping">Cash on Delivery</label>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<td>Total</td>
<td>$300.00</td>
</tr>
</table>
</div>
</div>
</div>
<!-- END SHOP CART CHECKOUT FORM -->
</div>
</div>
<!-- END SHOP CART SECTION-->
<!--START FOOTER NOTES -->
<div class="row">
<div class="col-12 text-center footer_rights pb-5">
<p>© 2019 MegaOne. Made With Love by <a class="web-link" href="http://www.themesindustry.com/" target="_blank">Themesindustry</a></p>
</div>
</div>
<!--END FOOTER NOTES -->
</div>
</div>
<!--START SIDEBAR SECTION -->
<div class="sidebar-section">
<div class="side-nav-btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</div>
<ul class="social-icons">
<li><a href="#." class="facebook_bg_hvr2"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a href="#." class="twitter_bg_hvr2"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#." class="linkdin_bg_hvr2"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a href="#." class="instagram_bg_hvr2"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</div>
<!--END SIDEBAR SECTION -->
<!--START OVERLAY MENU -->
<div class="side-menu-nav">
<h1 class="sidenav-bg-text">MEGA ONE</h1>
<div class="close-side-menu">
<i class="lni-close cross-sign" id="close-side-menu-nav"></i>
</div>
<nav>
<ul class="side-bar">
<li class="nav-item main-item">
<a class="nav-link nav-appear" href="../index-product.html">Home</a>
</li>
<li class="nav-item active main-item">
<a class="nav-link nav-appear" id="demo1">Blog <i class="fas fa-caret-right forward"></i></a>
<div class="submenu-overlay">
<ul class="d-flex justify-content-lg-center">
<li class="nav-item d-flex align-items-center">
<a class="sub-menu-nav-appear"><i class="fas fa-arrow-alt-circle-left go-back-btn"></i></a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="blog.html">Standard Blog</a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="single-blog.html">Single Blog</a>
</li>
</ul>
</div>
</li>
<li class="nav-item main-item">
<a class="nav-link nav-appear" id="demo2" >Products <i class="fas fa-caret-right forward"></i></a>
<div class="submenu-overlay" >
<ul class="d-flex justify-content-lg-center">
<li class="nav-item d-flex align-items-center">
<a class="sub-menu-nav-appear"><i class="fas fa-arrow-alt-circle-left go-back-btn"></i></a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="product-listing-light.html">Product Listing One</a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="product-listing-dark.html">Product Listing Two</a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="product-detail.html">Product Detail Version</a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="shop-cart.html">Shopping Cart</a>
</li>
</ul>
</div>
</li>
<li class="nav-item main-item">
<a class="nav-link nav-appear" id="demo3" >Pages <i class="fas fa-caret-right forward"></i></a>
<div class="submenu-overlay" >
<ul class="d-flex justify-content-lg-center">
<li class="nav-item d-flex align-items-center">
<a class="sub-menu-nav-appear"><i class="fas fa-arrow-alt-circle-left go-back-btn"></i></a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="registeration.html">Register</a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="faq.html">FAQs</a>
</li>
<li class="nav-item">
<a class="nav-link sub-menu-nav-appear" href="404.html">404</a>
</li>
</ul>
</div>
</li>
<li class="nav-item main-item">
<a class="nav-link nav-appear" href="about-us.html">About Us</a>
</li>
<li class="nav-item main-item">
<a class="nav-link nav-appear" href="contact-us.html">Contact Us</a>
</li>
</ul>
</nav>
<div class="side-footer">
<ul class="social-icons-simple">
<li><a href="#." class="facebook_bg_hvr2 wow fadeInUp"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a href="#." class="twitter_bg_hvr2 wow fadeInDown"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#." class="linkdin_bg_hvr2 wow fadeInUp"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a href="#." class="instagram_bg_hvr2 wow fadeInDown"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
<p class="whitecolor text-center w-100 wow fadeInDown">© 2019 MegaOne. Made With Love by <a class="web-link" href="http://www.themesindustry.com/" target="_blank">Themesindustry</a></p>
</div>
</div>
<!-- END OVERLAY MENU -->
</div>
</div>
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- Custom Script -->
<script src="../product/js/script.js"></script>
</body>
</html>