EVOLUTION-MANAGER
Edit File: cart.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content=""> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags --> <!-- Title --> <title>Alazea - Gardening & Landscaping HTML Template</title> <!-- Favicon --> <link rel="icon" href="img/core-img/favicon.ico"> <!-- Core Stylesheet --> <link rel="stylesheet" href="style.css"> </head> <body> <!-- Preloader --> <div class="preloader d-flex align-items-center justify-content-center"> <div class="preloader-circle"></div> <div class="preloader-img"> <img src="img/core-img/leaf.png" alt=""> </div> </div> <!-- ##### Header Area Start ##### --> <header class="header-area"> <!-- ***** Top Header Area ***** --> <div class="top-header-area"> <div class="container"> <div class="row"> <div class="col-12"> <div class="top-header-content d-flex align-items-center justify-content-between"> <!-- Top Header Content --> <div class="top-header-meta"> <a href="#" data-toggle="tooltip" data-placement="bottom" title="infodeercreative@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span>Email: infodeercreative@gmail.com</span></a> <a href="#" data-toggle="tooltip" data-placement="bottom" title="+1 234 122 122"><i class="fa fa-phone" aria-hidden="true"></i> <span>Call Us: +1 234 122 122</span></a> </div> <!-- Top Header Content --> <div class="top-header-meta d-flex"> <!-- Language Dropdown --> <div class="language-dropdown"> <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle mr-30" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Language</button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">USA</a> <a class="dropdown-item" href="#">UK</a> <a class="dropdown-item" href="#">Bangla</a> <a class="dropdown-item" href="#">Hindi</a> <a class="dropdown-item" href="#">Spanish</a> <a class="dropdown-item" href="#">Latin</a> </div> </div> </div> <!-- Login --> <div class="login"> <a href="#"><i class="fa fa-user" aria-hidden="true"></i> <span>Login</span></a> </div> <!-- Cart --> <div class="cart"> <a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <span>Cart <span class="cart-quantity">(1)</span></span></a> </div> </div> </div> </div> </div> </div> </div> <!-- ***** Navbar Area ***** --> <div class="alazea-main-menu"> <div class="classy-nav-container breakpoint-off"> <div class="container"> <!-- Menu --> <nav class="classy-navbar justify-content-between" id="alazeaNav"> <!-- Nav Brand --> <a href="index.html" class="nav-brand"><img src="img/core-img/logo.png" alt=""></a> <!-- Navbar Toggler --> <div class="classy-navbar-toggler"> <span class="navbarToggler"><span></span><span></span><span></span></span> </div> <!-- Menu --> <div class="classy-menu"> <!-- Close Button --> <div class="classycloseIcon"> <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div> </div> <!-- Navbar Start --> <div class="classynav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="#">Pages</a> <ul class="dropdown"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="shop.html">Shop</a> <ul class="dropdown"> <li><a href="shop.html">Shop</a></li> <li><a href="shop-details.html">Shop Details</a></li> <li><a href="cart.html">Shopping Cart</a></li> <li><a href="checkout.html">Checkout</a></li> </ul> </li> <li><a href="portfolio.html">Portfolio</a> <ul class="dropdown"> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="single-portfolio.html">Portfolio Details</a></li> </ul> </li> <li><a href="blog.html">Blog</a> <ul class="dropdown"> <li><a href="blog.html">Blog</a></li> <li><a href="single-post.html">Blog Details</a></li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> </li> <li><a href="shop.html">Shop</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="contact.html">Contact</a></li> </ul> <!-- Search Icon --> <div id="searchIcon"> <i class="fa fa-search" aria-hidden="true"></i> </div> </div> <!-- Navbar End --> </div> </nav> <!-- Search Form --> <div class="search-form"> <form action="#" method="get"> <input type="search" name="search" id="search" placeholder="Type keywords & press enter..."> <button type="submit" class="d-none"></button> </form> <!-- Close Icon --> <div class="closeIcon"><i class="fa fa-times" aria-hidden="true"></i></div> </div> </div> </div> </div> </header> <!-- ##### Header Area End ##### --> <!-- ##### Breadcrumb Area Start ##### --> <div class="breadcrumb-area"> <!-- Top Breadcrumb Area --> <div class="top-breadcrumb-area bg-img bg-overlay d-flex align-items-center justify-content-center" style="background-image: url(img/bg-img/24.jpg);"> <h2>Cart</h2> </div> <div class="container"> <div class="row"> <div class="col-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i> Home</a></li> <li class="breadcrumb-item active" aria-current="page">Cart</li> </ol> </nav> </div> </div> </div> </div> <!-- ##### Breadcrumb Area End ##### --> <!-- ##### Cart Area Start ##### --> <div class="cart-area section-padding-0-100 clearfix"> <div class="container"> <div class="row"> <div class="col-12"> <div class="cart-table clearfix"> <table class="table table-responsive"> <thead> <tr> <th>Products</th> <th>Quantity</th> <th>Price</th> <th>TOTAL</th> <th></th> </tr> </thead> <tbody> <tr> <td class="cart_product_img"> <a href="#"><img src="img/bg-img/34.jpg" alt="Product"></a> <h5>Recuerdos Plant</h5> </td> <td class="qty"> <div class="quantity"> <span class="qty-minus" onclick="var effect = document.getElementById('qty'); var qty = effect.value; if( !isNaN( qty ) && qty > 1 ) effect.value--;return false;"><i class="fa fa-minus" aria-hidden="true"></i></span> <input type="number" class="qty-text" id="qty" step="1" min="1" max="99" name="quantity" value="1"> <span class="qty-plus" onclick="var effect = document.getElementById('qty'); var qty = effect.value; if( !isNaN( qty )) effect.value++;return false;"><i class="fa fa-plus" aria-hidden="true"></i></span> </div> </td> <td class="price"><span>$9.99</span></td> <td class="total_price"><span>$9.99</span></td> <td class="action"><a href="#"><i class="icon_close"></i></a></td> </tr> </tbody> </table> </div> </div> </div> <div class="row"> <!-- Coupon Discount --> <div class="col-12 col-lg-6"> <div class="coupon-discount mt-70"> <h5>COUPON DISCOUNT</h5> <p>Coupons can be applied in the cart prior to checkout. Add an eligible item from the booth of the seller that created the coupon code to your cart. Click the green "Apply code" button to add the coupon to your order. The order total will update to indicate the savings specific to the coupon code entered.</p> <form action="#" method="post"> <input type="text" name="coupon-code" placeholder="Enter your coupon code"> <button type="submit">APPLY COUPON</button> </form> </div> </div> <!-- Cart Totals --> <div class="col-12 col-lg-6"> <div class="cart-totals-area mt-70"> <h5 class="title--">Cart Total</h5> <div class="subtotal d-flex justify-content-between"> <h5>Subtotal</h5> <h5>$9.99</h5> </div> <div class="shipping d-flex justify-content-between"> <h5>Shipping</h5> <div class="shipping-address"> <form action="#" method="post"> <select class="custom-select"> <option selected>Country</option> <option value="1">USA</option> <option value="2">Latvia</option> <option value="3">Japan</option> <option value="4">Bangladesh</option> </select> <input type="text" name="shipping-text" id="shipping-text" placeholder="State"> <input type="text" name="shipping-zip" id="shipping-zip" placeholder="ZIP"> <button type="submit">Update Total</button> </form> </div> </div> <div class="total d-flex justify-content-between"> <h5>Total</h5> <h5>$9.99</h5> </div> <div class="checkout-btn"> <a href="#" class="btn alazea-btn w-100">PROCEED TO CHECKOUT</a> </div> </div> </div> </div> </div> </div> <!-- ##### Cart Area End ##### --> <!-- ##### Footer Area Start ##### --> <footer class="footer-area bg-img" style="background-image: url(img/bg-img/3.jpg);"> <!-- Main Footer Area --> <div class="main-footer-area"> <div class="container"> <div class="row"> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="footer-logo mb-30"> <a href="#"><img src="img/core-img/logo.png" alt=""></a> </div> <p>Lorem ipsum dolor sit samet, consectetur adipiscing elit. India situs atione mantor</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>QUICK LINK</h5> </div> <nav class="widget-nav"> <ul> <li><a href="#">Purchase</a></li> <li><a href="#">FAQs</a></li> <li><a href="#">Payment</a></li> <li><a href="#">News</a></li> <li><a href="#">Return</a></li> <li><a href="#">Advertise</a></li> <li><a href="#">Shipping</a></li> <li><a href="#">Career</a></li> <li><a href="#">Orders</a></li> <li><a href="#">Policities</a></li> </ul> </nav> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>BEST SELLER</h5> </div> <!-- Single Best Seller Products --> <div class="single-best-seller-product d-flex align-items-center"> <div class="product-thumbnail"> <a href="shop-details.html"><img src="img/bg-img/4.jpg" alt=""></a> </div> <div class="product-info"> <a href="shop-details.html">Cactus Flower</a> <p>$10.99</p> </div> </div> <!-- Single Best Seller Products --> <div class="single-best-seller-product d-flex align-items-center"> <div class="product-thumbnail"> <a href="shop-details.html"><img src="img/bg-img/5.jpg" alt=""></a> </div> <div class="product-info"> <a href="shop-details.html">Tulip Flower</a> <p>$11.99</p> </div> </div> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>CONTACT</h5> </div> <div class="contact-information"> <p><span>Address:</span> 505 Silk Rd, New York</p> <p><span>Phone:</span> +1 234 122 122</p> <p><span>Email:</span> info.deercreative@gmail.com</p> <p><span>Open hours:</span> Mon - Sun: 8 AM to 9 PM</p> <p><span>Happy hours:</span> Sat: 2 PM to 4 PM</p> </div> </div> </div> </div> </div> </div> <!-- Footer Bottom Area --> <div class="footer-bottom-area"> <div class="container"> <div class="row"> <div class="col-12"> <div class="border-line"></div> </div> <!-- Copywrite Text --> <div class="col-12 col-md-6"> <div class="copywrite-text"> <p> <a href="https://www.templatespoint.net" target="_blank">Templates Point</a></p> </div> </div> </div> <!-- Footer Nav --> <div class="col-12 col-md-6"> <div class="footer-nav"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Service</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </div> </div> </div> </div> </div> </footer> <!-- ##### Footer Area End ##### --> <!-- ##### All Javascript Files ##### --> <!-- jQuery-2.2.4 js --> <script src="js/jquery/jquery-2.2.4.min.js"></script> <!-- Popper js --> <script src="js/bootstrap/popper.min.js"></script> <!-- Bootstrap js --> <script src="js/bootstrap/bootstrap.min.js"></script> <!-- All Plugins js --> <script src="js/plugins/plugins.js"></script> <!-- Active js --> <script src="js/active.js"></script> </body> </html>