checkout.html 23 KB

1
  1. <!doctype html><html lang="zxx"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="stylesheet" href="static/css/bootstrap.min.css"><link rel="stylesheet" href="static/css/aos.css"><link rel="stylesheet" href="static/css/animate.min.css"><link rel="stylesheet" href="static/css/meanmenu.css"><link rel="stylesheet" href="static/css/remixicon.css"><link rel="stylesheet" href="static/css/odometer.min.css"><link rel="stylesheet" href="static/css/owl.carousel.min.css"><link rel="stylesheet" href="static/css/owl.theme.default.min.css"><link rel="stylesheet" href="static/css/magnific-popup.min.css"><link rel="stylesheet" href="static/css/fancybox.min.css"><link rel="stylesheet" href="static/css/nice-select.min.css"><link rel="stylesheet" href="static/css/style.css"><link rel="stylesheet" href="static/css/navbar.css"><link rel="stylesheet" href="static/css/footer.css"><link rel="stylesheet" href="static/css/responsive.css"><title>Coze - IT Solutions & Services HTML Template</title></head><body><div class="preloader"><div class="d-table"><div class="d-table-cell"><div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></div></div></div><div class="topbar-area"><div class="container-fluid"><div class="row align-items-center"><div class="col-lg-9 col-md-9"><ul class="topbar-information"><li><i class="ri-phone-line"></i><span>Phone:<a href="tel:9901234567">+990-123-4567</a></span></li><li><i class="ri-mail-line"></i><span>Mail:<a href="/cdn-cgi/l/email-protection#d8b0b1bbb7a2bd98bfb5b9b1b4f6bbb7b5"><span class="__cf_email__" data-cfemail="553d3c363a2f30153238343c397b363a38">[email&#160;protected]</span></a></span></li><li><i class="ri-map-pin-line"></i><span>Address:</span>413 North Las Vegas,NV 89032 </li></ul></div><div class="col-lg-3 col-md-3"><ul class="topbar-action"><li class="dropdown language-option"><button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-global-line"></i><span class="lang-name"></span></button><div class="dropdown-menu language-dropdown-menu"><a class="dropdown-item" href="#"><img src="static/picture/uk.png" alt="flag">ENG </a><a class="dropdown-item" href="#"><img src="static/picture/china.png" alt="flag">简体中文 </a><a class="dropdown-item" href="#"><img src="static/picture/uae.png" alt="flag"> </a></div></li></ul></div></div></div></div><div class="navbar-area"><div class="main-responsive-nav"><div class="container"><div class="main-responsive-menu"><div class="logo"><a href="index.html"><img src="static/picture/logo.png" alt="image"></a></div></div></div></div><div class="main-navbar navbar-with-black-color"><div class="container-fluid"><nav class="navbar navbar-expand-md navbar-light"><a class="navbar-brand" href="index.html"><img src="static/picture/logo.png" alt="image"></a><div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent"><ul class="navbar-nav ms-auto"><li class="nav-item"><a href="#" class="nav-link">Home <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="index.html" class="nav-link">Home Demo - 1</a></li><li class="nav-item"><a href="index-2.html" class="nav-link">Home Demo - 2</a></li><li class="nav-item"><a href="index-3.html" class="nav-link">Home Demo - 3</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">About <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="about-style-1.html" class="nav-link">About Style One</a></li><li class="nav-item"><a href="about-style-2.html" class="nav-link">About Style Two</a></li><li class="nav-item"><a href="about-style-3.html" class="nav-link">About Style Three</a></li><li class="nav-item"><a href="gallery.html" class="nav-link">Gallery</a></li><li class="nav-item"><a href="testimonials.html" class="nav-link">Testimonials</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Services <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="services-style-1.html" class="nav-link">Services Style One</a></li><li class="nav-item"><a href="services-style-2.html" class="nav-link">Services Style Two</a></li><li class="nav-item"><a href="services-details.html" class="nav-link">Services Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Pages <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="pricing.html" class="nav-link">Pricing</a></li><li class="nav-item"><a href="team.html" class="nav-link">Team</a></li><li class="nav-item"><a href="faq.html" class="nav-link">FAQ</a></li><li class="nav-item"><a href="#" class="nav-link">Events <i class="ri-arrow-right-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="events.html" class="nav-link">Events</a></li><li class="nav-item"><a href="events-details.html" class="nav-link">Events Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Career <i class="ri-arrow-right-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="career.html" class="nav-link">Career</a></li><li class="nav-item"><a href="career-details.html" class="nav-link">Career Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Courses <i class="ri-arrow-right-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="courses.html" class="nav-link">Courses Grid</a></li><li class="nav-item"><a href="courses-right-sidebar.html" class="nav-link">Courses Right Sidebar</a></li><li class="nav-item"><a href="courses-details.html" class="nav-link">Courses Details</a></li></ul></li><li class="nav-item"><a href="profile-authentication.html" class="nav-link">Profile Authentication</a></li><li class="nav-item"><a href="membership-levels.html" class="nav-link">Membership Levels</a></li><li class="nav-item"><a href="purchase-guide.html" class="nav-link">Purchase Guide</a></li><li class="nav-item"><a href="terms-of-service.html" class="nav-link">Terms of Service</a></li><li class="nav-item"><a href="privacy-policy.html" class="nav-link">Privacy Policy</a></li><li class="nav-item"><a href="error-404.html" class="nav-link">404 Error</a></li><li class="nav-item"><a href="coming-soon.html" class="nav-link">Coming Soon</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Projects <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="projects.html" class="nav-link">Projects</a></li><li class="nav-item"><a href="projects-details.html" class="nav-link">Projects Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link active">Shop <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="products.html" class="nav-link">Products</a></li><li class="nav-item"><a href="cart.html" class="nav-link">Cart</a></li><li class="nav-item"><a href="wishlist.html" class="nav-link">Wishlist</a></li><li class="nav-item"><a href="" class="nav-link active">Checkout</a></li><li class="nav-item"><a href="my-account.html" class="nav-link">My Account</a></li><li class="nav-item"><a href="products-details.html" class="nav-link">Products Details</a></li></ul></li><li class="nav-item"><a href="#" class="nav-link">Blog <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="blog-style-1.html" class="nav-link">Blog Style One</a></li><li class="nav-item"><a href="blog-style-2.html" class="nav-link">Blog Style Two</a></li><li class="nav-item"><a href="blog-right-sidebar.html" class="nav-link">Blog Right Sidebar</a></li><li class="nav-item"><a href="author.html" class="nav-link">Author</a></li><li class="nav-item"><a href="categories.html" class="nav-link">Categories</a></li><li class="nav-item"><a href="tags.html" class="nav-link">Tags</a></li><li class="nav-item"><a href="search-page.html" class="nav-link">Search Page</a></li><li class="nav-item"><a href="#" class="nav-link">Single Post <i class="ri-arrow-down-s-line"></i></a><ul class="dropdown-menu"><li class="nav-item"><a href="single-blog-1.html" class="nav-link">Default</a></li><li class="nav-item"><a href="single-blog-2.html" class="nav-link">With Video</a></li><li class="nav-item"><a href="single-blog-3.html" class="nav-link">With Image Slider</a></li></ul></li></ul></li><li class="nav-item"><a href="pricing.html" class="nav-link">Pricing</a></li><li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li></ul><div class="others-options d-flex align-items-center"><div class="option-item"><i class="search-btn ri-search-line"></i><i class="close-btn ri-close-line"></i><div class="search-overlay search-popup"><div class='search-box'><form class="search-form"><input class="search-input" placeholder="Search..." type="text"><button class="search-button" type="submit"><i class="ri-search-line"></i></button></form></div></div></div><div class="option-item"><div class="side-menu-btn"><i class="ri-bar-chart-horizontal-line" data-bs-toggle="modal" data-bs-target="#sidebarModal"></i></div></div></div></div></nav></div></div><div class="others-option-for-responsive"><div class="container"><div class="dot-menu"><div class="inner"><div class="circle circle-one"></div><div class="circle circle-two"></div><div class="circle circle-three"></div></div></div><div class="container"><div class="option-inner"><div class="others-options d-flex align-items-center"><div class="option-item"><i class="search-btn ri-search-line"></i><i class="close-btn ri-close-line"></i><div class="search-overlay search-popup"><div class='search-box'><form class="search-form"><input class="search-input" placeholder="Search..." type="text"><button class="search-button" type="submit"><i class="ri-search-line"></i></button></form></div></div></div><div class="option-item"><div class="side-menu-btn"><i class="ri-bar-chart-horizontal-line" data-bs-toggle="modal" data-bs-target="#sidebarModal"></i></div></div></div></div></div></div></div></div><div class="sidebarModal modal right fade" id="sidebarModal" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><button type="button" class="close" data-bs-dismiss="modal"><i class="ri-close-line"></i></button><div class="modal-body"><a href="index.html"><img src="static/picture/black-logo.png" alt="logo"></a><div class="sidebar-content"><h3>About Us</h3><p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><div class="sidebar-btn"><a href="contact.html" class="default-btn">Let’s Talk</a></div></div><div class="sidebar-contact-info"><h3>Contact Information</h3><ul class="info-list"><li><i class="ri-phone-fill"></i><a href="tel:9901234567">+990-123-4567</a></li><li><i class="ri-mail-line"></i><a href="/cdn-cgi/l/email-protection#90f3ffeaf5d0f7fdf1f9fcbef3fffd"><span class="__cf_email__" data-cfemail="f89b97829db89f95999194d69b9795">[email&#160;protected]</span></a></li><li><i class="ri-map-pin-line"></i>413 North Las Vegas,NV 89032</li></ul></div><ul class="sidebar-social-list"><li><a href="#" target="_blank"><i class="ri-facebook-fill"></i></a></li><li><a href="#" target="_blank"><i class="ri-twitter-fill"></i></a></li><li><a href="#" target="_blank"><i class="ri-linkedin-fill"></i></a></li><li><a href="#" target="_blank"><i class="ri-instagram-fill"></i></a></li></ul><div class="contact-form"><h3>Ready to Get Started?</h3><form id="contactForm"><div class="row"><div class="col-lg-12 col-md-6"><div class="form-group"><input type="text" name="name" class="form-control" required="" data-error="Please enter your name" placeholder="Your name"><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-6"><div class="form-group"><input type="email" name="email" class="form-control" required="" data-error="Please enter your email" placeholder="Your email address"><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><input type="text" name="phone_number" class="form-control" required="" data-error="Please enter your phone number" placeholder="Your phone number"><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><textarea name="message" class="form-control" cols="30" rows="6" required="" data-error="Please enter your message" placeholder="Write your message..."></textarea><div class="help-block with-errors"></div></div></div><div class="col-lg-12 col-md-12"><button type="submit" class="default-btn">Send Message<span></span></button><div id="msgSubmit" class="h3 text-center hidden"></div><div class="clearfix"></div></div></div></form></div></div></div></div></div><div class="page-banner-area bg-2 jarallax" data-jarallax='{"speed": 0.3}'><div class="container"><div class="page-banner-content" data-aos="fade-right" data-aos-delay="50" data-aos-duration="500" data-aos-once="true"><h2>Checkout</h2><ul><li><a href="index.html">Home</a></li><li>Checkout</li></ul></div></div></div><div class="checkout-area ptb-100"><div class="container"><div class="user-actions"><i class="ri-login-box-line"></i><span>Returning customer? <a href="profile-authentication.html">Click here to login</a></span></div><form><div class="row"><div class="col-lg-7 col-md-6"><div class="billing-details"><h3 class="title">Billing Details</h3><div class="row"><div class="col-lg-12 col-md-12"><div class="form-group"><label>Country <span class="required">*</span></label><div class="select-box"><select class="form-control"><option>United Arab Emirates</option><option>China</option><option>United Kingdom</option><option>Germany</option><option>France</option><option>Japan</option></select></div></div></div><div class="col-lg-6 col-md-6"><div class="form-group"><label>First Name <span class="required">*</span></label><input type="text" class="form-control"></div></div><div class="col-lg-6 col-md-6"><div class="form-group"><label>Last Name <span class="required">*</span></label><input type="text" class="form-control"></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><label>Company Name</label><input type="text" class="form-control"></div></div><div class="col-lg-12 col-md-6"><div class="form-group"><label>Address <span class="required">*</span></label><input type="text" class="form-control"></div></div><div class="col-lg-12 col-md-6"><div class="form-group"><label>Town / City <span class="required">*</span></label><input type="text" class="form-control"></div></div><div class="col-lg-6 col-md-6"><div class="form-group"><label>State / County <span class="required">*</span></label><input type="text" class="form-control"></div></div><div class="col-lg-6 col-md-6"><div class="form-group"><label>Postcode / Zip <span class="required">*</span></label><input type="text" class="form-control"></div></div><div class="col-lg-6 col-md-6"><div class="form-group"><label>Email Address <span class="required">*</span></label><input type="email" class="form-control"></div></div><div class="col-lg-6 col-md-6"><div class="form-group"><label>Phone <span class="required">*</span></label><input type="text" class="form-control"></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><div class="form-check"><input type="checkbox" class="form-check-input" id="create-an-account"><label class="form-check-label" for="create-an-account">Create an account?</label></div></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><div class="form-check"><input type="checkbox" class="form-check-input" id="ship-different-address"><label class="form-check-label" for="ship-different-address">Ship to a different address?</label></div></div></div><div class="col-lg-12 col-md-12"><div class="form-group"><textarea name="notes" id="notes" cols="30" rows="5" placeholder="Order Notes" class="form-control"></textarea></div></div></div></div></div><div class="col-lg-5 col-md-6"><div class="order-details"><h3 class="title">Your Order</h3><div class="order-table table-responsive"><table class="table table-bordered"><thead><tr><th scope="col">Product Name</th><th scope="col">Total</th></tr></thead><tbody><tr><td class="product-name"><a href="products-details.html">Technology Book</a></td><td class="product-total"><span class="subtotal-amount">$250.00</span></td></tr><tr><td class="product-name"><a href="products-details.html">Think Outside The Box</a></td><td class="product-total"><span class="subtotal-amount">$200.00</span></td></tr><tr><td class="product-name"><a href="products-details.html">Adventure</a></td><td class="product-total"><span class="subtotal-amount">$200.00</span></td></tr><tr><td class="product-name"><a href="products-details.html">Notebook With Pen</a></td><td class="product-total"><span class="subtotal-amount">$150.00</span></td></tr><tr><td class="order-subtotal"><span>Cart Subtotal</span></td><td class="order-subtotal-price"><span class="order-subtotal-amount">$1683.50</span></td></tr><tr><td class="order-shipping"><span>Shipping</span></td><td class="shipping-price"><span>$30.00</span></td></tr><tr><td class="total-price"><span>Order Total</span></td><td class="product-subtotal"><span class="subtotal-amount">$750.00</span></td></tr></tbody></table></div><div class="payment-box"><div class="payment-method"><p><input type="radio" id="direct-bank-transfer" name="radio-group" checked=""><label for="direct-bank-transfer">Direct Bank Transfer</label>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account. </p><p><input type="radio" id="paypal" name="radio-group"><label for="paypal">PayPal</label></p><p><input type="radio" id="cash-on-delivery" name="radio-group"><label for="cash-on-delivery">Cash on Delivery</label></p></div><a href="#" class="default-btn"><span>Place Order</span></a></div></div></div></div></form></div></div><div class="overview-area pt-100 pb-75"><div class="container"><div class="row justify-content-center"><div class="col-lg-3 col-md-6"><div class="overview-card"><h3>Call Us</h3><span><a href="tel:9901234567">+990-123-4567</a></span><div class="overview-shape"><img src="static/picture/overview-shape.png" alt="image"></div></div></div><div class="col-lg-3 col-md-6"><div class="overview-card"><h3>Email Us</h3><span><a href="/cdn-cgi/l/email-protection#9df5f4fef2e7f8ddfaf0fcf4f1b3fef2f0"><span class="__cf_email__" data-cfemail="315958525e4b5471565c50585d1f525e5c">[email&#160;protected]</span></a></span><div class="overview-shape"><img src="static/picture/overview-shape.png" alt="image"></div></div></div><div class="col-lg-3 col-md-6"><div class="overview-card"><h3>Tech Support</h3><span><a href="tel:15143125678">+1(514) 312-5678</a></span><div class="overview-shape"><img src="static/picture/overview-shape.png" alt="image"></div></div></div><div class="col-lg-3 col-md-6"><div class="overview-card"><h3>Visit Us</h3><span>413 North Las Vegas,NV 89032</span><div class="overview-shape"><img src="static/picture/overview-shape.png" alt="image"></div></div></div></div></div></div><footer class="footer-area with-black-background margin-zero pt-100"><div class="container"><div class="row justify-content-center"><div class="col-lg-3 col-md-6"><div class="single-footer-widget" data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true"><div class="widget-logo"><a href="index.html"><img src="static/picture/logo.png" alt="image"></a></div><p>Lorem ipsum dolor sit amet consetetur sadi scing elitr sed diam nonumy.</p><ul class="widget-social"><li><a href="https://www.facebook.com/EnvyTheme" target="_blank"><i class="ri-facebook-fill"></i></a></li><li><a href="https://twitter.com/?lang=en" target="_blank"><i class="ri-twitter-fill"></i></a></li><li><a href="https://www.youtube.com/" target="_blank"><i class="ri-youtube-fill"></i></a></li><li><a href="https://vimeo.com/" target="_blank"><i class="ri-vimeo-fill"></i></a></li><li><a href="https://www.instagram.com/" target="_blank"><i class="ri-instagram-line"></i></a></li></ul></div></div><div class="col-lg-3 col-md-6"><div class="single-footer-widget ps-5" data-aos="fade-up" data-aos-delay="60" data-aos-duration="600" data-aos-once="true"><h3>Links</h3><ul class="quick-links"><li><a href="about-style-1.html">About Us</a></li><li><a href="services-style-2.html">Services</a></li><li><a href="blog-style-1.html">News</a></li><li><a href="pricing.html">Pricing</a></li><li><a href="projects.html">Projects</a></li></ul></div></div><div class="col-lg-3 col-md-6"><div class="single-footer-widget ps-5" data-aos="fade-up" data-aos-delay="70" data-aos-duration="700" data-aos-once="true"><h3>Pages</h3><ul class="quick-links"><li><a href="contact.html">Contact Us</a></li><li><a href="purchase-guide.html">Purchase Guide</a></li><li><a href="faq.html">FAQ's</a></li><li><a href="terms-of-service.html">Terms of Service</a></li><li><a href="privacy-policy.html">Privacy Policy</a></li></ul></div></div><div class="col-lg-3 col-md-6"><div class="single-footer-widget" data-aos="fade-up" data-aos-delay="80" data-aos-duration="800" data-aos-once="true"><h3>Subscribe Newsletter</h3><form class="newsletter-form" data-bs-toggle="validator"><input type="email" class="input-newsletter" placeholder="Enter your email" name="EMAIL" required="" autocomplete="off"><button type="submit" class="default-btn">Subscribe</button><div id="validator-newsletter" class="form-result"></div></form></div></div></div></div><div class="copyright-area"><div class="container"><div class="copyright-area-content"><p>Copyright @2022 Coze All Rights Reserved by <a href="" target="_blank">EnvyTheme</a></p></div></div></div><div class="footer-shape-1"><img src="static/picture/pricing-shape-2.png" alt="image"></div><div class="footer-shape-2"><img src="static/picture/footer-shape-2.png" alt="image"></div><div class="footer-shape-3"><img src="static/picture/pricing-shape-1.png" alt="image"></div></footer><div class="go-top"><i class="ri-arrow-up-s-line"></i></div><script src="static/js/jquery.min.js"></script><script src="static/js/bootstrap.bundle.min.js"></script><script src="static/js/jquery.meanmenu.js"></script><script src="static/js/owl.carousel.min.js"></script><script src="static/js/jquery.appear.js"></script><script src="static/js/odometer.min.js"></script><script src="static/js/jquery.magnific-popup.min.js"></script><script src="static/js/fancybox.min.js"></script><script src="static/js/tweenmax.min.js"></script><script src="static/js/ScrollMagic.min.js"></script><script src="static/js/animation.gsap.min.js"></script><script src="static/js/debug.addIndicators.min.js"></script><script src="static/js/mixitup.min.js"></script><script src="static/js/nice-select.min.js"></script><script src="static/js/tilt.jquery.min.js"></script><script src="static/js/parallax.min.js"></script><script src="static/js/jquery.ajaxchimp.min.js"></script><script src="static/js/form-validator.min.js"></script><script src="static/js/contact-form-script.js"></script><script src="static/js/aos.js"></script><script src="static/js/wow.min.js"></script><script src="static/js/main.js"></script></body></html>