?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>MegaOne | Shopping Cart</title>
<link href="images/favicon.ico" rel="icon">
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/tooltipster.min.css">
<link rel="stylesheet" href="../vendor/css/revolution-settings.min.css">
<link rel="stylesheet" href="css/revolution/navigation.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--PreLoader-->
<div class="loader">
<div class="loader-spinner"></div>
</div>
<!--PreLoader Ends-->
<!-- header -->
<header class="site-header">
<nav class="navbar navbar-expand-lg padding-nav static-nav">
<div class="container">
<a class="navbar-brand" href="../index-logistic.html">
<img src="images/logo.png" alt="logo">
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav mx-auto">
<li class="nav-item dropdown position-relative">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="../index-logistic.html">Standard Layout</a>
<a class="dropdown-item" href="index-video.html">Video Background</a>
<a class="dropdown-item" href="index-light.html">Light Version</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item dropdown static">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Pages </a>
<ul class="dropdown-menu megamenu">
<li>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> General </h5>
<a class="dropdown-item" href="services.html">Services</a>
<a class="dropdown-item" href="services-detail.html">Service Detail</a>
<a class="dropdown-item" href="testimonial.html">Testimonials</a>
<a class="dropdown-item" href="contact.html">Contact Us</a>
<a class="dropdown-item" href="team.html">Our Team</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title opacity-10"> Others </h5>
<a class="dropdown-item" href="work.html">Work</a>
<a class="dropdown-item" href="work-detail.html">Work Detail</a>
<a class="dropdown-item" href="pricing.html">Pricing</a>
<a class="dropdown-item" href="404.html">404 Error</a>
<a class="dropdown-item" href="coming-soon.html">Coming Soon</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> Account </h5>
<a class="dropdown-item" href="login.html">Login</a>
<a class="dropdown-item" href="register.html">Register</a>
<a class="dropdown-item" href="reset-password.html">Reset Password</a>
<a class="dropdown-item" href="faq.html">FAQ's</a>
<a class="dropdown-item" href="support.html">Support</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> Shop Pages </h5>
<a class="dropdown-item" href="shop.html">Shop</a>
<a class="dropdown-item" href="shop-detail.html">Shop Detail</a>
<a class="dropdown-item" href="shop-cart.html">Shopping Cart</a>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item dropdown position-relative">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> News </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="news-1.html">News List</a>
<a class="dropdown-item" href="news-2.html">News Sidebar</a>
<a class="dropdown-item" href="news-detail.html">News Details</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
<ul class="social-icons darkcolor social-icons-simple d-lg-inline-block d-none animated fadeInUp" data-wow-delay="300ms">
<li><a href="#." class="facebook"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="#." class="twitter"><i class="fab fa-twitter"></i> </a> </li>
<li><a href="#." class="linkedin"><i class="fab fa-linkedin-in"></i> </a> </li>
</ul>
</div>
<!--side menu open button-->
<a href="javascript:void(0)" class="d-inline-block sidemenu_btn" id="sidemenu_toggle">
<span class="gradient-bg"></span> <span class="gradient-bg"></span> <span class="gradient-bg"></span>
</a>
</nav>
<!-- side menu -->
<div class="side-menu opacity-0 gradient-bg">
<div class="overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages1">
Home <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages1" class="collapse sideNavPages">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="../index-logistic.html">Standard Layout</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-video.html">Video Background</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-light.html">Light Version</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages2">
News <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages2" class="collapse sideNavPages">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="news-1.html">News List</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news-2.html">News Sidebar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news-detail.html">News Details</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Works</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages">
Pages <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages" class="collapse sideNavPages">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="team.html">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services-detail.html">Service Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="work-detail.html">Work Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="404.html">Error 404</a>
</li>
<li class="nav-item">
<a class="nav-link" href="coming-soon.html">Coming Soon</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#inner-2">
Account <i class="fas fa-chevron-down"></i>
</a>
<div id="inner-2" class="collapse sideNavPages sideNavPagesInner">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="register.html">Register</a>
</li>
<li class="nav-item">
<a class="nav-link" href="reset-password.html">Forget Password</a>
</li>
<li class="nav-item">
<a class="nav-link" href="faq.html">FAQ's</a>
</li>
<li class="nav-item">
<a class="nav-link" href="support.html">Support</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#inner-1">
Shop <i class="fas fa-chevron-down"></i>
</a>
<div id="inner-1" class="collapse sideNavPages sideNavPagesInner">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="shop.html">Shop Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop-detail.html">Shop Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop-cart.html">Shop Cart</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple white top40">
<li><a href="javascript:void(0)" class="facebook"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class="twitter"><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class="insta"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="whitecolor">© 2019 MegaOne. Made With Love by ThemesIndustry</p>
</div>
</div>
</div>
<div id="close_side_menu" class="tooltip"></div>
<!-- End side menu -->
</header>
<!-- header -->
<!--Page Header-->
<section id="main-banner-page" class="position-relative page-header cart-header section-nav-smooth parallax">
<div class="overlay overlay-dark opacity-6 z-index-1"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="page-titles whitecolor text-center padding_top padding_bottom">
<h2 class="font-xlight">Make Your</h2>
<h2 class="font-bold">Creative Shopping Page</h2>
<h2 class="font-xlight">In Market</h2>
<h3 class="font-light pt-2">The Best Multipurpose Agency & Parallax Template</h3>
</div>
</div>
</div>
<div class="gradient-bg title-wrap">
<div class="row">
<div class="col-lg-12 col-md-12 whitecolor">
<h3 class="float-left">Shopping Cart</h3>
<ul class="breadcrumb top10 bottom10 float-right">
<li class="breadcrumb-item hover-light"><a href="../index-logistic.html">Home</a></li>
<li class="breadcrumb-item hover-light">Shopping Cart</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Page Header ends -->
<!--Shopping Cart-->
<section id="shop" class="padding">
<div class="container" id="cart">
<div class="row">
<div class="col-md-12 cart_table wow fadeInUp" data-wow-delay="300ms">
<div class="table-responsive">
<table class="table table-bordered">
<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-block d-lg-table-cell">
<a class="shopping-product" href="shop-detail.html"><img src="images/shop-3.jpg" alt="product"></a>
</div>
<div class="d-block d-lg-table-cell">
<h4 class="darkcolor product-name"><a href="shop-detail.html">Well Boxes</a></h4>
<p>We offer the most complete in the country</p>
</div>
</div>
</td>
<td>
<h4 class="default-color text-center">$120.00</h4>
</td>
<td class="text-center">
<div class="quote text-center">
<label for="quantity1" class="d-none"></label>
<input type="text" placeholder="1" class="quote" id="quantity1">
</div>
</td>
<td>
<h4 class="darkcolor text-center">$126.00</h4>
</td>
<td class="text-center"><a class="btn-close" href="#."><i class="fas fa-times"></i></a></td>
</tr>
<tr>
<td>
<div class="d-table">
<div class="d-block d-lg-table-cell">
<a class="shopping-product" href="shop-detail.html"><img src="images/shop-5.jpg" alt="product"></a>
</div>
<div class="d-block d-lg-table-cell">
<h4 class="darkcolor product-name"><a href="shop-detail.html">Well Boxes</a></h4>
<p>We offer the most complete in the country</p>
</div>
</div>
</td>
<td>
<h4 class="default-color text-center">$132.00</h4>
</td>
<td class="text-center">
<div class="quote text-center">
<label for="quantity2" class="d-none"></label>
<input type="text" placeholder="1" class="quote" id="quantity2">
</div>
</td>
<td>
<h4 class="darkcolor text-center">$138.00</h4>
</td>
<td class="text-center"><a class="btn-close" href="#."><i class="fas fa-times"></i></a></td>
</tr>
<tr>
<td>
<div class="d-table">
<div class="d-block d-lg-table-cell">
<a class="shopping-product" href="shop-detail.html"><img src="images/shop-1.jpg" alt="product"></a>
</div>
<div class="d-block d-lg-table-cell">
<h4 class="darkcolor product-name"><a href="shop-detail.html">Well Boxes</a></h4>
<p>We offer the most complete in the country</p>
</div>
</div>
</td>
<td>
<h4 class="default-color text-center">$126.00</h4>
</td>
<td class="text-center">
<div class="quote text-center">
<label for="quantity3" class="d-none"></label>
<input type="text" placeholder="1" class="quote" id="quantity3">
</div>
</td>
<td>
<h4 class="darkcolor text-center">$132.00</h4>
</td>
<td class="text-center"><a class="btn-close" href="#."><i class="fas fa-times"></i></a></td>
</tr>
</tbody>
</table>
</div>
<div class="apply_coupon">
<div class="row">
<div class="col-md-6 col-sm-12 coupon">
<form class="findus form-inline bottom15 margin10">
<div class="form-group">
<label for="coupin1" class="d-none"></label>
<input type="text" placeholder="Coupon Code" class="form-control" id="coupin1">
</div>
<button type="submit" class="button gradient-btn">Apply Coupon</button>
</form>
</div>
<div class="col-md-6 col-sm-12 coupon d-sm-flex d-block justify-content-between align-self-center">
<a href="#." class="button btn-blue mb-sm-0 bottom15">update</a>
<a href="#." class="button btn-dark margin10">checkout</a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-5 col-sm-12 wow fadeInLeft" data-wow-delay="300ms">
<div class="totals margin_tophalf">
<h3 class="bottom25 font-light2">Calculate Shipping:</h3>
<form class="findus">
<div class="form-group">
<label class="select form-control">
<select name="country" id="country">
<option>USA</option>
<option>Canada</option>
<option>Chilli</option>
<option>France</option>
</select>
</label>
</div>
<div class="form-group">
<label class="select form-control">
<select name="state" id="states">
<option>USA</option>
<option>Canada</option>
<option>Chilli</option>
<option>France</option>
</select>
</label>
</div>
<div class="form-group">
<label for="zip" class="d-none"></label>
<input type="text" class="form-control" placeholder="Postal Code / Zip" required id="zip">
</div>
<button type="button" class="button btn-yellow">Calculate</button>
</form>
</div>
</div>
<div class="col-lg-3 col-md-5 col-sm-12 wow fadeInUp margin_tophalf" data-wow-delay="400ms">
<div class="totals margin_topalf h-100">
<h3 class="bottom25 font-light2">Cart Totals:</h3>
<table class="table table-responsive cart-total">
<tbody>
<tr class="w-100">
<td>Subtotal:</td>
<td class="yellow_t text-right"><strong>$272.00</strong></td>
</tr>
<tr>
<td>Other Tax:</td>
<td class="yellow_t text-right"><strong>$0</strong></td>
</tr>
<tr>
<td>Shipping:</td>
<td class="yellow_t text-right"><strong>Free</strong></td>
</tr>
<tr>
<td>Order Total:</td>
<td class="text-right"><strong>$272.00</strong></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-md-4 col-sm-12 wow fadeInRight" data-wow-delay="500ms">
<div class="totals margin_tophalf">
<h3 class="bottom25 font-light2">Personal Info:</h3>
<form class="findus">
<div class="form-group">
<label class="select form-control">
<select name="country" id="cashMethod">
<option>Bank Transfer</option>
<option>Cash On Delivery</option>
<option>Paypal</option>
<option>Bitcoin</option>
<option>Visa Card</option>
<option>American Express</option>
</select>
</label>
</div>
<div class="form-group">
<label class="select form-control">
<select name="state" id="states1">
<option>USA</option>
<option>Canada</option>
<option>Chilli</option>
<option>France</option>
</select>
</label>
</div>
<div class="form-group">
<label for="emailOrder" class="d-none"></label>
<input type="email" class="form-control" placeholder="Email" required id="emailOrder">
</div>
<button type="button" class="button btn-blue">Order</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!--Shopping Cart ends-->
<!-- Contact US -->
<section id="stayconnect" class=" position-relative">
<div class="container">
<div class="contactus-wrapp shadow-equal">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="heading-title wow fadeInUp text-center text-md-left" data-wow-delay="300ms">
<h3 class="darkcolor bottom20">Stay Connected</h3>
</div>
</div>
<div class="col-md-12 col-sm-12">
<form class="getin_form wow fadeInUp" data-wow-delay="400ms" onsubmit="return false;">
<div class="row">
<div class="col-md-12 col-sm-12" id="result"></div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="userName" class="d-none"></label>
<input class="form-control" type="text" placeholder="Name" required id="userName" name="userName">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="companyName" class="d-none"></label>
<input class="form-control" type="text" placeholder="Company" id="companyName" name="companyName">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="email" class="d-none"></label>
<input class="form-control" type="email" placeholder="Email" required id="email" name="email">
</div>
</div>
<div class="col-md-3 col-sm-6">
<button type="submit" class="button gradient-btn w-100" id="submit_btn">subscribe</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Contact US ends -->
<!--Site Footer Here-->
<footer id="site-footer" class=" bgprimary padding_top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<a href="../index-logistic.html" class="footer_logo bottom25"><img src="images/logo-transparent.png" alt="MegaOne"></a>
<p class="whitecolor bottom25">Keep away from people who try to belittle your ambitions Small people always do that but the really great Friendly.</p>
<div class="d-table w-100 address-item whitecolor bottom25">
<span class="d-table-cell align-middle"><i class="fas fa-mobile-alt"></i></span>
<p class="d-table-cell align-middle bottom0">
+01 - 123 - 4567 <a class="d-block" href="mailto:web@support.com">web@support.com</a>
</p>
</div>
<ul class="social-icons white wow fadeInUp" data-wow-delay="300ms">
<li><a href="javascript:void(0)" class=""><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<h3 class="whitecolor bottom25">Latest News</h3>
<ul class="latest_news whitecolor">
<li> <a href="#.">Aenean tristique justo et... </a> <span class="date defaultcolor">15 March 2019</span> </li>
<li> <a href="#.">Phasellus dapibus dictum augue... </a> <span class="date defaultcolor">15 March 2019</span> </li>
<li> <a href="#.">Mauris blandit vitae. Praesent non... </a> <span class="date defaultcolor">15 March 2019</span> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20 pl-0 pl-lg-5">
<h3 class="whitecolor bottom25">Our Services</h3>
<ul class="links">
<li><a href="../index-logistic.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="news-1.html">Latest News</a></li>
<li><a href="pricing.html">Business Planning</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="faq.html">Faq's</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<h3 class="whitecolor bottom25">Business hours</h3>
<p class="whitecolor bottom25">Our support available to help you 24 hours a day, seven days week</p>
<ul class="hours_links whitecolor">
<li><span>Monday-Saturday:</span> <span>8.00-18.00</span></li>
<li><span>Friday:</span> <span>09:00-21:00</span></li>
<li><span>Sunday:</span> <span>09:00-20:00</span></li>
<li><span>Calendar Events:</span> <span>24-Hour Shift</span></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!--Footer ends-->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../vendor/js/bundle.min.js"></script>
<!--to view items on reach-->
<script src="../vendor/js/jquery.appear.js"></script>
<!--Owl Slider-->
<script src="../vendor/js/owl.carousel.min.js"></script>
<!--Parallax Background-->
<script src="../vendor/js/parallaxie.min.js"></script>
<!--Cubefolio Gallery-->
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!--Fancybox js-->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<!--wow js-->
<script src="../vendor/js/wow.min.js"></script>
<!--number counters-->
<script src="../vendor/js/jquery-countTo.js"></script>
<!--tooltip js-->
<script src="../vendor/js/tooltipster.min.js"></script>
<!--Revolution SLider-->
<script src="../vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="../vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS -->
<script src="../vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.video.min.js"></script>
<!--custom functions and script-->
<script src="js/functions.js"></script>
</body>
</html>