<!DOCTYPE html> <html lang="en"> <!-- Mirrored from wpocean.com/html/tf/logistika/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:36 GMT --> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="wpOceans"> <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png"> <title>Logistika - Transportation & Logistics HTML Template</title> <link href="assets/css/themify-icons.css" rel="stylesheet"> <link href="assets/css/flaticon_logistics.css" rel="stylesheet"> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/animate.css" rel="stylesheet"> <link href="assets/css/owl.carousel.css" rel="stylesheet"> <link href="assets/css/owl.theme.css" rel="stylesheet"> <link href="assets/css/slick.css" rel="stylesheet"> <link href="assets/css/slick-theme.css" rel="stylesheet"> <link href="assets/css/swiper.min.css" rel="stylesheet"> <link href="assets/css/owl.transitions.css" rel="stylesheet"> <link href="assets/css/jquery.fancybox.css" rel="stylesheet"> <link href="assets/css/odometer-theme-default.css" rel="stylesheet"> <link href="assets/sass/style.css" rel="stylesheet"> </head> <body> <!-- start page-wrapper --> <div class="page-wrapper"> <!-- start preloader --> <div class="preloader"> <div class="vertical-centered-box"> <div class="content"> <div class="loader-circle"></div> <div class="loader-line-mask"> <div class="loader-line"></div> </div> <img src="assets/images/preloader.png" alt=""> </div> </div> </div> <!-- end preloader --> <!-- Start header --> <header id="header"> <div class="topbar"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-lg-5 col-12"> <ul class="contact-info"> <li> <i class="ti-email"></i><span>support@logistika.com</span> </li> <li> <a href="tel:+887869587496"> <i class="flaticon-call"></i><span>+88 7869 5874 96</span> </a> </li> </ul> </div> <div class="col-lg-7 col-12"> <div class="contact-into"> <div class="language-selector"> <select id="languageSelect"> <option value="en" data-icon="assets/images/language/1.svg">English</option> <option value="sp" data-icon="assets/images/language/2.svg">Spanish</option> </select> <div class="custom-select-wrapper"> <div class="custom-select"></div> <div class="custom-arrow"><i class="flaticon-down"></i></div> </div> <div class="custom-options"></div> </div> <div class="pryment-selector"> <select> <option value="usd">USD</option> <option value="aud">AUD</option> </select> </div> <ul class="social-media"> <li><span>Follow Us :</span></li> <li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li> <li><a href="#"><i class="flaticon-linkedin-big-logo"></i></a></li> <li><a href="#"><i class="flaticon-twitter"></i></a></li> <li><a href="#"><i class="flaticon-vimeo"></i></a></li> </ul> </div> </div> </div> </div> </div> <!-- end topbar --> <div class="wpo-site-header"> <nav class="navigation navbar navbar-expand-lg navbar-light"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block"> <div class="mobail-menu"> <button type="button" class="navbar-toggler open-btn"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar first-angle"></span> <span class="icon-bar middle-angle"></span> <span class="icon-bar last-angle"></span> </button> </div> </div> <div class="col-lg-2 col-md-6 col-6"> <div class="navbar-header"> <a class="navbar-brand" href="index-2.html"><img src="assets/images/logo.svg" alt=""></a> </div> </div> <div class="col-lg-7 col-md-1 col-1"> <div id="navbar" class="collapse navbar-collapse navigation-holder"> <button class="menu-close"><i class="ti-close"></i></button> <ul class="nav navbar-nav mb-2 mb-lg-0"> <li class="menu-item-has-children"> <a href="#">Home</a> <ul class="sub-menu"> <li><a href="index-2.html">Home style 1</a></li> <li><a href="index-3.html">Home style 2</a></li> <li><a href="index-4.html">Home style 3</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Pages</a> <ul class="sub-menu"> <li><a href="about.html">About</a></li> <li class="menu-item-has-children"> <a href="#">Project</a> <ul class="sub-menu"> <li><a href="project.html">Project style 1</a></li> <li><a href="project-2.html">Project style 2</a></li> <li><a href="project-3.html">Project style 3</a></li> <li><a href="project-single.html">Project Single</a></li> </ul> </li> <li><a href="pricing.html">Pricing</a></li> <li><a href="tracking.html">Tracking</a></li> <li><a href="team.html">Team</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="404.html">404 Error</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">services </a> <ul class="sub-menu"> <li><a href="services.html">services </a></li> <li><a href="air-transport.html">air transport</a></li> <li><a href="road-transport.html">road transport</a></li> <li><a href="ocean-transport.html">ocean transport</a></li> <li><a href="train-transport.html">train transport</a></li> <li><a href="services-single.html">services Single</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Shop</a> <ul class="sub-menu"> <li><a href="shop.html">Shop</a></li> <li><a href="shop-single.html">Shop Single</a></li> <li><a href="cart.html">Cart</a></li> <li><a href="checkout.html">Checkout</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="#">Blog</a> <ul class="sub-menu"> <li><a href="blog.html">Blog right sidebar</a></li> <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li> <li><a href="blog-fullwidth.html">Blog fullwidth</a></li> <li class="menu-item-has-children"> <a href="#">Blog details</a> <ul class="sub-menu"> <li><a href="blog-single.html">Blog details right sidebar</a> </li> <li><a href="blog-single-left-sidebar.html">Blog details left sidebar</a></li> <li><a href="blog-single-fullwidth.html">Blog details fullwidth</a></li> </ul> </li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> </div> <!-- end of nav-collapse --> </div> <div class="col-lg-3 col-md-2 col-2"> <div class="header-right"> <a href="tel:+025757576560" class="call"> <div class="icon"> <img src="assets/images/call.svg" alt=""> </div> <div class="text"> <span>Phone:</span> <h4>+88 1900 6789 56</h4> </div> </a> <div class="header-search-form-wrapper"> <div class="cart-search-contact"> <button class="search-toggle-btn"><i class="fi flaticon-search"></i></button> <div class="header-search-form"> <form> <div> <input type="text" class="form-control" placeholder="Search here..."> <button type="submit"><i class="fi flaticon-search"></i></button> </div> </form> </div> </div> </div> <div class="close-form"> <a class="theme-btn" href="contact.html">Get an quate <i class="flaticon-next"></i></a> </div> </div> </div> </div> </div><!-- end of container --> </nav> </div> </header> <!-- end of header --> <!-- start wpo-page-title --> <section class="wpo-breadcumb-area"> <div class="container"> <div class="row"> <div class="col col-xs-12"> <div class="wpo-breadcumb-wrap"> <h2>Internation Logistics</h2> <h3>Checkout</h3> </div> </div> </div> </div> </section> <!-- end page-title --> <!-- wpo-checkout-area start--> <div class="wpo-checkout-area section-padding"> <div class="container"> <form> <div class="checkout-wrap"> <div class="row"> <div class="col-lg-8 col-12"> <div class="caupon-wrap s1"> <div class="coupon coupon-active"> <label id="toggle1">Have a coupon ? Click here to enter your code.</label> </div> <div class="create-account"> <span>If you have coupon code,please apply it</span> <div class="input-wrap"> <input type="password"> <button>Apply</button> </div> </div> </div> <div class="caupon-wrap s2"> <div class="biling-item"> <div class="coupon coupon-3"> <label id="toggle2">Billing Address</label> </div> <div class="billing-adress" id="open2"> <div class="contact-form form-style"> <div class="row"> <div class="col-lg-6 col-md-12 col-12"> <label for="fname1">First Name</label> <input type="text" placeholder="" id="fname1" name="fname"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="fname2">Last Name</label> <input type="text" placeholder="" id="fname2" name="fname"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="Country">Country</label> <select name="address" id="Country" class="form-control"> <option disabled="" selected="">United State</option> <option>Bangladesh</option> <option>India</option> <option>Srilanka</option> <option>Pakisthan</option> <option>Afgansthan</option> </select> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="City">Dristrict</label> <input type="text" placeholder="" id="City" name="City"> </div> <div class="col-lg-12 col-md-12 col-12"> <label for="Adress">Address</label> <input type="text" placeholder="" id="Adress" name="Adress"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="Post2">Post Code</label> <input type="text" placeholder="" id="Post2" name="Post"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="email4">Email Adress</label> <input type="text" placeholder="" id="email4" name="email"> </div> <div class="col-lg-12 col-md-12 col-12"> <label for="email2">Phone No.</label> <input type="text" placeholder="" id="email2" name="email"> </div> </div> </div> <div class="biling-item-2"> <input id="toggle3" type="checkbox"> <label class="fontsize" for="toggle3">Ship to a different address?</label> <div class="billing-adress" id="open3"> <div class="contact-form form-style"> <div class="row"> <div class="col-lg-6 col-md-12 col-12"> <label for="fname4">First Name</label> <input type="text" placeholder="" id="fname4" name="fname"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="fname3">Last Name</label> <input type="text" placeholder="" id="fname3" name="fname"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="Country2">Country</label> <select name="address" id="Country2" class="form-control"> <option disabled="" selected="">United State </option> <option>Bangladesh</option> <option>India</option> <option>Srilanka</option> <option>Pakisthan</option> <option>Afgansthan</option> </select> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="City2">Dristrict</label> <input type="text" placeholder="" id="City2" name="City"> </div> <div class="col-lg-12 col-md-12 col-12"> <label for="Adress2">Address</label> <input type="text" placeholder="" id="Adress2" name="Adress"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="Post">Post Code</label> <input type="text" placeholder="" id="Post" name="Post"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="emails">Email Adress</label> <input type="text" placeholder="" id="emails" name="email"> </div> <div class="col-lg-12 col-md-12 col-12"> <label for="emaild">Phone No.</label> <input type="text" placeholder="" id="emaild" name="email"> </div> </div> </div> </div> <div class="note-area"> <p>Order Notes </p> <textarea name="massage" placeholder="Note about your order"></textarea> </div> <div class="submit-btn-area"> <ul> <li><button class="theme-btn" type="submit">Save & continue</button></li> </ul> </div> </div> </div> </div> </div> <div class="caupon-wrap s3"> <div class="payment-area"> <div class="row"> <div class="col-12"> <div class="coupon coupon-3"> <label id="toggle4">Payment Method</label> </div> <div class="payment-option" id="open4"> <div class="payment-select"> <ul> <li class="addToggle"> <input id="add" type="radio" name="payment" checked="checked" value="30"> <label for="add">Payment By Card</label> </li> <li class="removeToggle"> <input id="remove" type="radio" name="payment" value="30"> <label for="remove">Cash On delivery</label> </li> </ul> </div> <div id="open5" class="payment-name active"> <ul> <li class="visa"><input id="1" type="radio" name="size" value="30"> <label for="1"><img src="assets/images/checkout/img-1.png" alt=""></label> </li> <li class="mas"><input id="2" type="radio" name="size" value="30"> <label for="2"><img src="assets/images/checkout/img-2.png" alt=""></label> </li> <li class="ski"><input id="3" type="radio" name="size" value="30"> <label for="3"><img src="assets/images/checkout/img-3.png" alt=""></label> </li> <li class="pay"><input id="4" type="radio" name="size" value="30"> <label for="4"><img src="assets/images/checkout/img-4.png" alt=""></label> </li> </ul> <div class="contact-form form-style"> <div class="row"> <div class="col-lg-6 col-md-12 col-12"> <label for="holder">Card holder Name</label> <input type="text" placeholder="" id="holder" name="name"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="card">Card Number</label> <input type="text" placeholder="" id="card" name="card"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="CVV">CVV</label> <input type="text" placeholder="" id="CVV" name="CVV"> </div> <div class="col-lg-6 col-md-12 col-12"> <label for="date">Expire Date</label> <input type="text" placeholder="" id="date" name="date"> </div> <div class="col-lg-12 col-md-12 col-12"> <div class="submit-btn-area text-center"> <button class="theme-btn" type="submit">Place Order</button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-4 col-12"> <div class="cout-order-area"> <div class="oreder-item "> <ul> <li class="o-header">Your Order<span>( 6 )</span></li> <li>Product 1 X 1<span>50</span></li> <li>Product 2 X 1<span>50</span></li> <li>Product 3 X 2<span>100</span></li> <li>Product 4 X 1<span>50</span></li> <li class="o-middle">Product 5 X 1<span>50</span></li> <li class="s-total">Sub Total<span>400</span></li> <li>( + ) VAT<span>100</span></li> <li>( + ) Eco Tax <span>100</span></li> <li>( - ) Discount Price<span>100</span></li> <li class="o-bottom">Total price <span>500</span></li> </ul> </div> </div> </div> </div> </div> </form> </div> </div> <!-- wpo-checkout-area end--> <!--start of wpo-map-section --> <section class="wpo-map-section"> <h2 class="hidden">Contact map</h2> <div class="wpo-map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671" allowfullscreen></iframe> </div> </section> <!--end of wpo-map-section --> <!--start of wpo-cta-section-s2 --> <div class="wpo-cta-section-s2"> <div class="container"> <div class="cta-wrapr"> <div class="wpo-section-title"> <h2>Trusted transport service</h2> <h3>Transport & Logistics proejcts that we providde</h3> <a href="contact.html" class="theme-btn">Contact support</a> </div> <div class="contact-info"> <div class="item"> <div class="icon"> <i class="flaticon-phone-call"></i> </div> <div class="text"> <span>Call For Inquiry</span> <p>+236 (456) 896 22</p> </div> </div> <div class="item"> <div class="icon"> <i class="flaticon-email"></i> </div> <div class="text"> <span>Send Us Email</span> <p>contact@logistika.com</p> </div> </div> </div> </div> </div> </div> <!--end of wpo-cta-section-s2 --> <!-- start of wpo-site-footer-section --> <footer class="wpo-site-footer-s2"> <div class="wpo-upper-footer"> <div class="container"> <div class="row"> <div class="col col-lg-3 col-md-6 col-sm-12 col-12"> <div class="widget address-widget"> <div class="widget-title"> <h3>Address</h3> </div> <p>570 8th Ave, New York,NY 10018 United States</p> <h4>Opening Hours</h4> <ul> <li>9.30am – 6.30pm</li> <li>Monday to Friday</li> </ul> </div> </div> <div class="col col-lg-3 col-md-6 col-sm-12 col-12"> <div class="widget link-widget"> <div class="widget-title"> <h3>Services</h3> </div> <ul> <li><a href="services-single.html">Electronics Industry</a></li> <li><a href="services-single.html">Industrial & Manufacturing</a></li> <li><a href="services-single.html">Semicon & Solar</a></li> <li><a href="services-single.html">Oil & Gas Cargo</a></li> <li><a href="services-single.html">ship & cargo services</a></li> <li><a href="services-single.html">Maritime transportation</a></li> </ul> </div> </div> <div class="col col-lg-3 col-md-6 col-sm-12 col-12"> <div class="widget link-widget"> <div class="widget-title"> <h3>Useful links</h3> </div> <ul> <li><a href="services-single.html">How it Works</a></li> <li><a href="services-single.html">Help Link</a></li> <li><a href="services-single.html">Terms & Conditions</a></li> <li><a href="services-single.html">Contact Us</a></li> <li><a href="services-single.html">Privacy Policy</a></li> </ul> </div> </div> <div class="col col-lg-3 col-md-6 col-sm-12 col-12"> <div class="widget newsletter-widget"> <div class="widget-title"> <h3>newsletter</h3> </div> <div class="newsletter"> <form class="form-fild"> <input class="fild" type="email" placeholder="Enter Email Adress"> <button type="submit"><i class="flaticon-arrowhead-up"></i></button> <div class="terms"> <input type="checkbox" id="Insurance"> <label for="Insurance">I agree all your <a href="#">terms</a> and policies</label> </div> </form> </div> </div> </div> </div> </div> </div> <div class="wpo-lower-footer"> <div class="container"> <div class="row g-0 align-items-center"> <div class="col col-lg-2 col-12"> <div class="logo"> <img src="assets/images/logo-2.svg" alt="blog"> </div> </div> <div class="col col-lg-6 col-12"> <p class="copyright"> © 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All rights reserved.</p> </div> <div class="col col-lg-4 col-12"> <ul> <li><a href="#"><img src="assets/images/banck/1.png" alt=""></a></li> <li><a href="#"><img src="assets/images/banck/2.png" alt=""></a></li> <li><a href="#"><img src="assets/images/banck/3.png" alt=""></a></li> <li><a href="#"><img src="assets/images/banck/4.png" alt=""></a></li> <li><a href="#"><img src="assets/images/banck/5.png" alt=""></a></li> <li><a href="#"><img src="assets/images/banck/6.png" alt=""></a></li> </ul> </div> </div> </div> </div> <div class="bg-image"> <img src="assets/images/footer-bg-s2.jpg" alt=""> </div> <div class="shape"> <svg width="191" height="208" viewBox="0 0 191 208" fill="none"> <path d="M125.53 208.291H118.13L0 12.271V0.00102234L125.53 208.291Z" fill="white" /> <path d="M0 43.1711L99.93 209.121H0V43.1711Z" fill="#FF7236" /> <path d="M190.33 209.121H138.45L68.9102 93.7311H120.79L190.33 209.121Z" fill="#144754" /> <path d="M98.0897 69.1602H72.8097L38.9297 12.9402H64.2097L98.0897 69.1602Z" fill="#FF7236" /> </svg> </div> </footer> <!-- end of wpo-site-footer-section --> </div> <!-- end of page-wrapper --> <!-- All JavaScript files ================================================== --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.bundle.min.js"></script> <!-- Plugins for this template --> <script src="assets/js/modernizr.custom.js"></script> <script src="assets/js/jquery.dlmenu.js"></script> <script src="assets/js/jquery-plugin-collection.js"></script> <!-- Custom script for this template --> <script src="assets/js/script.js"></script> </body> <!-- Mirrored from wpocean.com/html/tf/logistika/checkout.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:37 GMT --> </html>