ok
Direktori : /home2/selectio/www/wedding-info-new/ |
Current File : /home2/selectio/www/wedding-info-new/cart.html |
<!DOCTYPE html> <html lang="en"> <head> <!-- Original URL: https://themes.pixelstrap.com/multikart-app/cart.html Date Downloaded: 20-09-2023 15:19:47 !--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Multikart" /> <meta name="keywords" content="Multikart" /> <meta name="author" content="Multikart" /> <link rel="manifest" href="manifest.json" /> <link rel="icon" href="assets/images/favicon.png" type="image/x-icon" /> <title>Multikart PWA App </title> <link rel="icon" href="assets/images/favicon.png" type="image/x-icon" /> <link rel="apple-touch-icon" href="assets/images/favicon.png" /> <meta name="theme-color" content="#ff4c3b" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="apple-mobile-web-app-title" content="multikart" /> <meta name="msapplication-TileImage" content="assets/images/favicon.png" /> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--Google font--> <link href="../../fonts.googleapis.com/css_e5ba3bda.css" rel="stylesheet" /> <!-- bootstrap css --> <link rel="stylesheet" id="rtl-link" type="text/css" href="assets/css/vendors/bootstrap.css" /> <!-- slick css --> <link rel="stylesheet" type="text/css" href="assets/css/vendors/slick-theme.css" /> <link rel="stylesheet" type="text/css" href="assets/css/vendors/slick.css" /> <!-- iconly css --> <link rel="stylesheet" type="text/css" href="assets/css/vendors/iconly.css" /> <!-- Theme css --> <link rel="stylesheet" id="change-link" type="text/css" href="assets/css/style.css" /> </head> <body> <!-- loader strat --> <div class="loader"> <span></span> <span></span> </div> <!-- loader end --> <!-- header start --> <header> <div class="back-links"> <a href="index.html"> <i class="iconly-Arrow-Left icli"></i> <div class="content"> <h2>Shopping Cart </h2> <h6>Step 1 of 3 </h6> </div> </a> </div> <div class="header-option"> <ul> <li> <a href="wishlist.html"><i class="iconly-Heart icli"></i></a> </li> </ul> </div> </header> <!-- header end --> <!-- cart items start --> <section class="cart-section pt-0 top-space xl-space"> <div class="cart-box px-15"> <a href="product.html" class="cart-img"> <img src="assets/images/products/1.jpg" class="img-fluid" alt="" /> </a> <div class="cart-content"> <a href="product.html"> <h4>Pink Hoodie t-shirt full </h4> </a> <h5 class="content-color">by Mango </h5> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> <div class="select-size-sec"> <a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#selectQty" class="opion"> <h6>Qty: 1 </h6><i class="iconly-Arrow-Down-2 icli"></i> </a> <a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#selectSize" class="opion"> <h6>Size: S </h6><i class="iconly-Arrow-Down-2 icli"></i> </a> </div> <div class="cart-option"> <h5 data-bs-toggle="offcanvas" data-bs-target="#removecart"><i class="iconly-Heart icli"></i> Move to ________ </h5> <span class="divider-cls">| </span> <h5 data-bs-toggle="offcanvas" data-bs-target="#removecart"><i class="iconly-Delete icli"></i> ______ </h5> </div> </div> </div> <div class="divider"></div> <div class="cart-box px-15"> <a href="product.html" class="cart-img"> <img src="assets/images/products/2.jpg" class="img-fluid" alt="" /> </a> <div class="cart-content"> <a href="product.html"> <h4>Pink Hoodie t-shirt full </h4> </a> <h5 class="content-color">by Mango </h5> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> <div class="select-size-sec"> <a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#selectQty" class="opion"> <h6>Qty: 1 </h6><i class="iconly-Arrow-Down-2 icli"></i> </a> <a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#selectSize" class="opion"> <h6>Size: S </h6><i class="iconly-Arrow-Down-2 icli"></i> </a> </div> <div class="cart-option"> <h5 data-bs-toggle="offcanvas" data-bs-target="#removecart"><i class="iconly-Heart icli"></i> Move to ________ </h5> <span class="divider-cls">| </span> <h5 data-bs-toggle="offcanvas" data-bs-target="#removecart"><i class="iconly-Delete icli"></i> ______ </h5> </div> </div> </div> <div class="divider"></div> <div class="cart-box px-15"> <a href="product.html" class="cart-img"> <img src="assets/images/products/3.jpg" class="img-fluid" alt="" /> </a> <div class="cart-content"> <a href="product.html"> <h4>Pink Hoodie t-shirt full </h4> </a> <h5 class="content-color">by Mango </h5> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> <div class="select-size-sec"> <a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#selectQty" class="opion"> <h6>Qty: 1 </h6><i class="iconly-Arrow-Down-2 icli"></i> </a> <a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#selectSize" class="opion"> <h6>Size: S </h6><i class="iconly-Arrow-Down-2 icli"></i> </a> </div> <div class="cart-option"> <h5 data-bs-toggle="offcanvas" data-bs-target="#removecart"><i class="iconly-Heart icli"></i> Move to ________ </h5> <span class="divider-cls">| </span> <h5 data-bs-toggle="offcanvas" data-bs-target="#removecart"><i class="iconly-Delete icli"></i> ______ </h5> </div> </div> </div> <div class="divider"></div> </section> <!-- cart items end --> <!-- you may also like section start --> <section class="pt-0 product-slider-section overflow-hidden"> <div class="title-section px-15"> <h2>You May also Like </h2> </div> <div class="product-slider slick-default pl-15"> <div> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/9.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/10.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/8.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/2.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> </div> </section> <div class="divider"></div> <!-- you may also like section end --> <!-- coupon section --> <section class="px-15 pt-0"> <h2 class="title">Coupons: </h2> <div class="coupon-section"> <i class="iconly-Discount icli icon-discount"></i> <input class="form-control form-theme" placeholder="Apply Coupons" /> <i class="iconly-Arrow-Right-2 icli icon-right"></i> </div> </section> <div class="divider"></div> <!-- coupon end --> <!-- order details start --> <section id="order-details" class="px-15 pt-0"> <h2 class="title">Order Details: </h2> <div class="order-details"> <ul> <li> <h4>Bag total <span>$220.00 </span></h4> </li> <li> <h4>Bag savings <span class="text-green">-$20.00 </span></h4> </li> <li> <h4>Coupon Discount <a href="coupons.html" class="theme-color">Apply Coupon </a></h4> </li> <li> <h4>Delivery <span>$50.00 </span></h4> </li> </ul> <div class="total-amount"> <h4>Total Amount <span>$270.00 </span></h4> </div> <div class="delivery-info"> <img src="assets/images/truck.gif" class="img-fluid" alt="" /> <h4>No Delivery Charges applied __ this order </h4> </div> </div> </section> <div class="divider"></div> <!-- order details end --> <!-- service section start --> <section class="service-wrapper px-15 pt-0"> <div class="row"> <div class="col-4"> <div class="service-wrap"> <div class="icon-box"> <img src="assets/svg/returning.svg" class="img-fluid" alt="" /> </div> <span>7 Day Return </span> </div> </div> <div class="col-4"> <div class="service-wrap"> <div class="icon-box"> <img src="assets/svg/24-hours.svg" class="img-fluid" alt="" /> </div> <span>24/7 Support </span> </div> </div> <div class="col-4"> <div class="service-wrap"> <div class="icon-box"> <img src="assets/svg/wallet.svg" class="img-fluid" alt="" /> </div> <span>Secure Payment </span> </div> </div> </div> </section> <!-- service section end --> <!-- panel space start --> <section class="panel-space"></section> <!-- panel space end --> <!-- bottom panel start --> <div class="cart-bottom"> <div> <div class="left-content"> <h4>$270.00 </h4> <a href="#order-details" class="theme-color">View details </a> </div> <a href="delivery.html" class="btn btn-solid">Place Order </a> </div> </div> <!-- bottom panel end --> <!-- select qty offcanvas start --> <div class="offcanvas offcanvas-bottom h-auto qty-canvas" id="selectQty"> <div class="offcanvas-body small"> <h4>Select Quanity: </h4> <div class="qty-counter"> <div class="input-group"> <button type="button" class="btn quantity-left-minus" data-type="minus" data-field=""> <img src="assets/svg/minus-square.svg" class="img-fluid" alt="" /> </button> <input type="text" name="quantity" class="form-control form-theme qty-input input-number" value="1" /> <button type="button" class="btn quantity-right-plus" data-type="plus" data-field=""> <img src="assets/svg/plus-square.svg" class="img-fluid" alt="" /> </button> </div> </div> <a href="delivery.html" class="btn btn-solid w-100" data-bs-dismiss="offcanvas">Add to Bag </a> </div> </div> <!-- select qty offcanvas end --> <!-- select size offcanvas start --> <div class="offcanvas offcanvas-bottom h-auto qty-canvas" id="selectSize"> <div class="offcanvas-body small"> <h4>Select Size: </h4> <div class="size-detail mb-2 mt-2"> <ul class="size-select"> <li>S </li> <li>M </li> <li>L </li> <li class="disable">XL </li> </ul> </div> <div class="price mb-3"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> <a href="javascript:void(0)" class="btn btn-solid w-100" data-bs-dismiss="offcanvas">DONE </a> </div> </div> <!-- select size offcanvas end --> <!-- remove item canvas start --> <div class="offcanvas offcanvas-bottom h-auto removecart-canvas" id="removecart"> <div class="offcanvas-body small"> <div class="content"> <h4>Remove Item: </h4> <p>Are you sure you ____ to remove or move ____ item from the cart? </p> </div> <div class="bottom-cart-panel"> <div class="row"> <div class="col-7"> <a href="wishlist.html" class="title-color">MOVE TO WISHLIST </a> </div> <div class="col-5"> <a href="#" class="theme-color">REMOVE </a> </div> </div> </div> </div> </div> <!-- remove item canvas end --> <!-- latest jquery--> <script src="assets/js/jquery-3.3.1.min.js"></script> <!-- Bootstrap js--> <script src="assets/js/bootstrap.bundle.min.js"></script> <!-- Slick js--> <script src="assets/js/slick.js"></script> <!-- script js --> <script src="assets/js/script.js"></script> </body> </html>