Access_Website/pages/checkout.html
2024-08-29 11:17:32 +05:45

673 lines
43 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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"> &copy; 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>