Layout Changes

This commit is contained in:
sujan 2024-08-29 13:16:00 +05:45
parent 487651124e
commit ecef568185
27 changed files with 3001 additions and 4352 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

File diff suppressed because it is too large Load Diff

527
cart.html
View File

@ -1,527 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from wpocean.com/html/tf/logistika/cart.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:35 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>Shop Cart</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end page-title -->
<!-- cart-area start -->
<div class="cart-area section-padding">
<div class="container">
<div class="form">
<div class="cart-wrapper">
<div class="row">
<div class="col-12">
<form action="https://wpocean.com/html/tf/logistika/cart">
<table class="table-responsive cart-wrap">
<thead>
<tr>
<th class="images images-b">Image</th>
<th class="product-2">Product Name</th>
<th class="pr">Quantity</th>
<th class="ptice">Price</th>
<th class="stock">Total Price</th>
<th class="remove remove-b">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td class="images"><img src="assets/images/cart/1.jpg" alt=""></td>
<td class="product">
<ul>
<li class="first-cart"> Sunglasses</li>
<li>Brand : Cuppa</li>
<li>Size : XL</li>
</ul>
</td>
<td class="stock">
<ul class="input-style">
<li class="quantity cart-plus-minus">
<input type="text" value="1" />
</li>
</ul>
</td>
<td class="ptice">$ 250</td>
<td class="stock">$ 250</td>
<td class="action">
<ul>
<li class="w-btn"><a data-bs-toggle="tooltip"
data-bs-html="true" title="Remove from Cart" href="#"><i
class="fi ti-trash"></i></a></li>
</ul>
</td>
</tr>
<tr>
<td class="images"><img src="assets/images/cart/2.jpg" alt=""></td>
<td class="product">
<ul>
<li class="first-cart">Leather Belt</li>
<li>Brand : Cuppa</li>
<li>Size : XXL</li>
</ul>
</td>
<td class="stock">
<ul class="input-style">
<li class="quantity cart-plus-minus">
<input type="text" value="1" />
</li>
</ul>
</td>
<td class="ptice">$ 350</td>
<td class="stock">$ 350</td>
<td class="action">
<ul>
<li class="w-btn"><a data-bs-toggle="tooltip"
data-bs-html="true" title="Remove to Cart" href="#"><i
class="fi ti-trash"></i></a></li>
</ul>
</td>
</tr>
</tbody>
</table>
</form>
<div class="submit-btn-area">
<ul>
<li><a class="theme-btn" href="shop.html">Continue Shopping <i
class="fa fa-angle-double-right"></i></a></li>
<li><button class="theme-btn" type="submit">Update Cart</button></li>
</ul>
</div>
<div class="cart-product-list">
<ul>
<li>Total product<span>( 02 )</span></li>
<li>Sub Price<span>$2250</span></li>
<li>Vat<span>$50</span></li>
<li>Eco Tax<span>$100</span></li>
<li>Delivery Charge<span>$100</span></li>
<li class="cart-b">Total Price<span>$2500</span></li>
</ul>
</div>
<div class="submit-btn-area">
<ul>
<li><a class="theme-btn" href="checkout.html">Proceed to Checkout <i
class="fa fa-angle-double-right"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- cart-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/cart.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:36 GMT -->
</html>

View File

@ -1,673 +0,0 @@
<!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>

View File

@ -1,513 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from wpocean.com/html/tf/logistika/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:40 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>Contact Us</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end page-title -->
<!--start of wpo-contact-page -->
<section class="wpo-contact-page section-padding">
<div class="container">
<div class="office-info">
<div class="row">
<div class="col col-lg-4 col-md-6 col-12">
<div class="office-info-item">
<div class="office-info-icon">
<div class="icon">
<i class="fi flaticon-location-1"></i>
</div>
</div>
<div class="office-info-text">
<h2>address line</h2>
<p>Bowery St, New York, 37 USA
<br> NY 10013,USA</p>
</div>
</div>
</div>
<div class="col col-lg-4 col-md-6 col-12">
<div class="office-info-item active">
<div class="office-info-icon">
<div class="icon">
<i class="fi flaticon-phone-call"></i>
</div>
</div>
<div class="office-info-text">
<h2>Phone Number</h2>
<p>+1255 - 568 - 6523 4374-221 <br>
+1255 - 568 - 6523</p>
</div>
</div>
</div>
<div class="col col-lg-4 col-md-6 col-12">
<div class="office-info-item">
<div class="office-info-icon">
<div class="icon">
<i class="fi flaticon-email"></i>
</div>
</div>
<div class="office-info-text">
<h2>Address</h2>
<p>contact@logistika.com <br> info@logistika.com</p>
</div>
</div>
</div>
</div>
</div>
<div class="contact-wrap">
<div class="row">
<div class="col-lg-6 col-12">
<div class="contact-left">
<h2>Get in touch</h2>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit mattis
faucibus odio feugiat arc dolor.</p>
<img class="image" src="assets/images/contact-left-img.jpg" alt="">
</div>
</div>
<div class="col-lg-6 col-12">
<div class="contact-right">
<div class="title">
<h2>Fill Up The Form</h2>
<p>Your email address will not be published. Required fields are marked *</p>
</div>
<form id="contactForm" class="contact-form">
<div class="input-item">
<input id="name" class="fild" type="text" placeholder="Your Name*" required>
<label><i class="flaticon-user"></i></label>
</div>
<div class="input-item">
<input id="email" class="fild" type="email" placeholder="Email Address*"
required>
<label><i class="flaticon-email"></i></label>
</div>
<div class="input-item">
<textarea id="message" class="fild textarea"
placeholder="Enter Your Message here" required></textarea>
<label><i class="flaticon-edit"></i></label>
</div>
<div class="input-item submitbtn">
<input class="fild" type="submit" value="Get In Touch">
<label><i class="flaticon-send"></i></label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end of wpo-contact-page -->
<!--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/contact.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:40 GMT -->
</html>

142
contact.php Normal file
View File

@ -0,0 +1,142 @@
<?php include('header.php');?>
<!-- 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>Contact Us</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end page-title -->
<!--start of wpo-contact-page -->
<section class="wpo-contact-page section-padding">
<div class="container">
<div class="office-info">
<div class="row">
<div class="col col-lg-4 col-md-6 col-12">
<div class="office-info-item">
<div class="office-info-icon">
<div class="icon"> <i class="fi flaticon-location-1"></i> </div>
</div>
<div class="office-info-text">
<h2>address line</h2>
<p>Bowery St, New York, 37 USA <br>
NY 10013,USA</p>
</div>
</div>
</div>
<div class="col col-lg-4 col-md-6 col-12">
<div class="office-info-item active">
<div class="office-info-icon">
<div class="icon"> <i class="fi flaticon-phone-call"></i> </div>
</div>
<div class="office-info-text">
<h2>Phone Number</h2>
<p>+1255 - 568 - 6523 4374-221 <br>
+1255 - 568 - 6523</p>
</div>
</div>
</div>
<div class="col col-lg-4 col-md-6 col-12">
<div class="office-info-item">
<div class="office-info-icon">
<div class="icon"> <i class="fi flaticon-email"></i> </div>
</div>
<div class="office-info-text">
<h2>Address</h2>
<p>contact@logistika.com <br>
info@logistika.com</p>
</div>
</div>
</div>
</div>
</div>
<div class="contact-wrap">
<div class="row">
<div class="col-lg-6 col-12">
<div class="contact-left">
<h2>Get in touch</h2>
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit mattis
faucibus odio feugiat arc dolor.</p>
<img class="image" src="assets/images/contact-left-img.jpg" alt=""> </div>
</div>
<div class="col-lg-6 col-12">
<div class="contact-right">
<div class="title">
<h2>Fill Up The Form</h2>
<p>Your email address will not be published. Required fields are marked *</p>
</div>
<form id="contactForm" class="contact-form">
<div class="input-item">
<input id="name" class="fild" type="text" placeholder="Your Name*" required>
<label><i class="flaticon-user"></i></label>
</div>
<div class="input-item">
<input id="email" class="fild" type="email" placeholder="Email Address*"
required>
<label><i class="flaticon-email"></i></label>
</div>
<div class="input-item">
<textarea id="message" class="fild textarea"
placeholder="Enter Your Message here" required></textarea>
<label><i class="flaticon-edit"></i></label>
</div>
<div class="input-item submitbtn">
<input class="fild" type="submit" value="Get In Touch">
<label><i class="flaticon-send"></i></label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end of wpo-contact-page -->
<!--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 -->
<?php include('footer.php');?>

172
footer.php Normal file
View File

@ -0,0 +1,172 @@
<!-- start of wpo-site-footer-section -->
<footer class="wpo-site-footer">
<div class="footer-newsletter">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 col-12">
<h2>Join Our Newsletter</h2>
<p>We Provide Best Pricing package to grow your lead capture</p>
<form class="newsletter">
<input type="text" class="form-control" placeholder="Email Address" required>
<button type="submit">Subscribe <i class="flaticon-right-arrow"></i></button>
</form>
</div>
</div>
</div>
</div>
<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 about-widget">
<div class="logo widget-title"> <img src="assets/images/access-images/access-inverse-logo.png" alt="blog"> </div>
<p>Logistika excels in transport and logistics solutions with global service
capabilities.</p>
<ul>
<li>
<div class="icon">
<svg width="23" height="28" viewBox="0 0 23 28" fill="none">
<path
d="M12.3108 2C7.55184 2 3.68164 5.86831 3.68164 10.625C3.68164 16.6036 11.4709 24.4581 11.8017 24.7901C11.9427 24.9296 12.1268 25 12.3108 25C12.4949 25 12.679 24.9296 12.82 24.7901C13.1508 24.4581 20.9401 16.6036 20.9401 10.625C20.9401 5.86831 17.0699 2 12.3108 2ZM12.3108 23.2419C10.5936 21.4048 5.11984 15.1919 5.11984 10.625C5.11984 6.66181 8.34573 3.4375 12.3108 3.4375C16.276 3.4375 19.5019 6.66181 19.5019 10.625C19.5019 15.1876 14.0281 21.4048 12.3108 23.2419Z"
fill="#FF7236" />
<path
d="M12.3107 6.3125C9.93191 6.3125 7.99609 8.24737 7.99609 10.625C7.99609 13.0026 9.93191 14.9375 12.3107 14.9375C14.6895 14.9375 16.6253 13.0026 16.6253 10.625C16.6253 8.24737 14.6895 6.3125 12.3107 6.3125ZM12.3107 13.5C10.7244 13.5 9.43429 12.2106 9.43429 10.625C9.43429 9.03944 10.7244 7.75 12.3107 7.75C13.897 7.75 15.1871 9.03944 15.1871 10.625C15.1871 12.2106 13.897 13.5 12.3107 13.5Z"
fill="#FF7236" />
</svg>
</div>
<span>86 Road Broklyn Street, 600
New York, USA</span> </li>
<li>
<div class="icon">
<svg width="23" height="22" viewBox="0 0 23 22" fill="none">
<g clip-path="url(#clip0_20_22892)">
<path
d="M1.97766 17.6352C1.63708 17.6334 1.31097 17.4974 1.07014 17.2567C0.829309 17.016 0.693213 16.69 0.691406 16.3496V5.77586C0.693222 5.07078 0.974257 4.39509 1.47307 3.89652C1.97189 3.39795 2.6479 3.11705 3.35333 3.11523H15.9063C16.6129 3.11523 17.2907 3.39533 17.791 3.89409C18.2913 4.39286 18.5733 5.06959 18.5751 5.77586V12.8227C18.5751 13.529 18.2949 14.2065 17.7959 14.7065C17.2969 15.2066 16.6198 15.4884 15.9132 15.4902H5.44435C5.32544 15.4912 5.20989 15.5297 5.11419 15.6002L2.75491 17.3809C2.52995 17.547 2.25738 17.6362 1.97766 17.6352ZM3.35333 4.49023C3.01275 4.49204 2.68664 4.62807 2.44581 4.86878C2.20498 5.10949 2.06888 5.43545 2.06708 5.77586V16.1777L4.28878 14.5002C4.62307 14.2521 5.02795 14.1172 5.44435 14.1152H15.9063C16.2493 14.1152 16.5782 13.9791 16.8207 13.7367C17.0632 13.4943 17.1994 13.1655 17.1994 12.8227V5.77586C17.1976 5.43545 17.0615 5.10949 16.8207 4.86878C16.5799 4.62807 16.2538 4.49204 15.9132 4.49023H3.35333Z"
fill="#FF7236" />
<path
d="M12.3438 10.0527C12.7234 10.0527 13.0312 9.74493 13.0312 9.36524C13.0312 8.98554 12.7234 8.67773 12.3438 8.67773C11.9641 8.67773 11.6562 8.98554 11.6562 9.36524C11.6562 9.74493 11.9641 10.0527 12.3438 10.0527Z"
fill="#FF7236" />
<path
d="M9.67383 10.0527C10.0535 10.0527 10.3613 9.74493 10.3613 9.36524C10.3613 8.98554 10.0535 8.67773 9.67383 8.67773C9.29413 8.67773 8.98633 8.98554 8.98633 9.36524C8.98633 9.74493 9.29413 10.0527 9.67383 10.0527Z"
fill="#FF7236" />
<path
d="M6.92188 10.0527C7.30157 10.0527 7.60938 9.74493 7.60938 9.36524C7.60938 8.98554 7.30157 8.67773 6.92188 8.67773C6.54218 8.67773 6.23438 8.98554 6.23438 9.36524C6.23438 9.74493 6.54218 10.0527 6.92188 10.0527Z"
fill="#FF7236" />
<path
d="M20.6389 10.6777C20.4565 10.6777 20.2815 10.6053 20.1525 10.4764C20.0235 10.3474 19.9511 10.1726 19.9511 9.99023V3.02586C19.9493 2.68545 19.8132 2.35949 19.5723 2.11878C19.3315 1.87807 19.0054 1.74204 18.6648 1.74023H4.81869C4.63627 1.74023 4.46132 1.6678 4.33232 1.53887C4.20333 1.40994 4.13086 1.23507 4.13086 1.05273C4.13086 0.870398 4.20333 0.69553 4.33232 0.566598C4.46132 0.437667 4.63627 0.365234 4.81869 0.365234H18.6648C19.3702 0.367049 20.0463 0.647947 20.5451 1.14652C21.0439 1.64509 21.3249 2.32078 21.3267 3.02586V9.99023C21.3267 10.1726 21.2543 10.3474 21.1253 10.4764C20.9963 10.6053 20.8213 10.6777 20.6389 10.6777Z"
fill="#FF7236" />
</g>
<defs>
<clipPath id="clip0_20_22892">
<rect width="22.0107" height="22" fill="white"
transform="translate(0.00390625)" />
</clipPath>
</defs>
</svg>
</div>
<span>needhelp@logistika.com</span> </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 locations-widget">
<div class="widget-title">
<h3>Locations</h3>
</div>
<p>55 Main Street, 2nd block
Malborne, Australia</p>
<ul>
<li>Contact</li>
<li>support@logistika.com</li>
<li>+880 (123) 456 88</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-map"> <img src="assets/images/footer-map.svg" alt=""> </div>
</div>
<div class="wpo-lower-footer">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<p class="copyright"> &copy; 2024 <a href="index-2.html">wpOcean</a> - Logistics service. All
rights reserved.</p>
</div>
</div>
</div>
</div>
<div class="bg-image"> <img src="assets/images/footer-bg.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>
<div class="shape-1">
<svg width="109" height="109" viewBox="0 0 109 109" fill="none">
<g clip-path="url(#clip0_20_22861)">
<path
d="M89.2238 70.0989C96.8421 52.9453 83.0134 34.3526 64.3055 38.1509C63.3593 38.3037 62.349 38.6611 61.473 38.9482C64.7448 51.0903 62.3701 65.8435 53.3269 71.7703C45.1535 77.0712 38.0365 69.6765 39.8509 61.3734C42.0436 51.5042 47.9756 42.2447 56.7624 37.1361C54.0501 29.6612 48.588 23.7955 39.7724 23.6173C24.9222 23.3457 13.7687 39.9537 15.1025 53.6225C15.3318 55.0418 13.1707 55.488 12.9415 54.0686C9.22601 36.1726 26.7675 16.7366 45.2082 20.6033C52.3546 22.1676 57.4777 28.0396 60.3243 35.4443C69.9479 31.6083 80.9223 34.9331 88.1673 41.9185C96.5176 50.0363 96.5233 61.4922 91.8885 71.2704C91.1716 72.8428 88.6409 71.6006 89.2238 70.0989ZM46.3634 54.2047C44.5327 57.8986 42.6503 62.4747 43.338 66.7328C43.9554 70.8563 49.4223 69.5367 51.6411 68.547C54.3972 67.2766 55.8312 64.1322 56.7982 61.4031C59.0649 55.6001 59.5304 47.6604 57.9109 40.6401C52.8841 43.7822 49.1156 49.0027 46.3634 54.2047Z"
fill="#FF7236" />
<path
d="M88.1881 80.2176C86.2215 76.4573 84.4532 72.4223 83.4969 68.3047C83.1273 66.617 85.4928 66.2347 85.9969 67.8526C87.0049 71.0881 88.7546 74.1066 90.4341 76.9908C92.1095 75.9436 93.9194 74.826 95.5247 73.6443C96.7272 72.6734 98.25 70.6798 100.014 70.7832C100.897 70.8348 101.248 71.5062 101.33 72.3183C101.502 74.281 98.6815 75.756 97.3447 76.7971C95.1379 78.4644 92.9252 79.7924 90.5077 81.0567C89.7024 81.4779 88.6095 81.0233 88.1881 80.2176Z"
fill="#FF7236" />
</g>
<defs>
<clipPath id="clip0_20_22861">
<rect width="80" height="80" fill="white"
transform="matrix(0.463446 0.886125 0.886125 -0.463446 0.679688 37.7559)" />
</clipPath>
</defs>
</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/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:22:53 GMT -->
</html>

144
header.php Normal file
View File

@ -0,0 +1,144 @@
<!DOCTYPE html>
<html lang="en">
<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/access-images/favicon.png">
<title>Access Education Network | Simply a better way to learn</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/access-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>info@accessnepal.net</span> </li>
<li> <a href="tel:+977-9801570070"> <i class="flaticon-call"></i><span>+977-9801570070</span> </a> </li>
</ul>
</div>
<div class="col-lg-7 col-12">
<div class="contact-into"> <strong>Open Hours: Sun - Fri - 9:00 - 6:00</strong> </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.php"><img src="assets/images/access-images/access-logo.jpg" 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><a href="index.php">Home</a></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.php">Contact</a></li>
</ul>
</div>
<!-- end of nav-collapse -->
</div>
<div class="col-lg-3 col-md-2 col-2">
<div class="header-right">
<div class="close-form"> <a class="apply-btn" href="contact.html">Apply Now<i class="flaticon-next"></i></a> </div>
</div>
</div>
</div>
</div>
<!-- end of container -->
</nav>
</div>
</header>
<!-- end of header -->

2553
index.html

File diff suppressed because it is too large Load Diff

16
index.php Normal file
View File

@ -0,0 +1,16 @@
<?php include('header.php');?>
<?php include('parts/hero.php');?>
<?php include('parts/about.php');?>
<?php include('parts/service.php');?>
<?php include('parts/matrix.php');?>
<?php include('parts/form.php');?>
<?php include('parts/logo-section.php');?>
<?php include('parts/process.php');?>
<?php include('parts/country.php');?>
<?php include('parts/testimonial.php');?>
<?php include('parts/logo-display.php');?>
<?php include('parts/inquiry.php');?>
<?php include('parts/team.php');?>
<?php include('parts/blog.php');?>
<?php include('parts/map.php');?>
<?php include('footer.php');?>

49
parts/about.php Normal file
View File

@ -0,0 +1,49 @@
<!-- start of wpo-about-section -->
<section class="wpo-about-section">
<div class="shape"> <img src="assets/images/about/ab5.png" alt=""> </div>
<div class="side-img"> <img src="assets/images/about/ab4.png" alt=""> </div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="about-left">
<div class="image-1"> <img src="assets/images/about/ab1.jpg" alt=""> </div>
<div class="image-2"> <img src="assets/images/about/ab2.jpg" alt=""> </div>
<div class="image-3"> <img src="assets/images/about/ab3.jpg" alt=""> </div>
<div class="image-4"> <img src="assets/images/about/shape.png" alt=""> </div>
<div class="since">
<div>
<h2 class="odometer" data-count="1999">00</h2>
<p>Since</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="about-content">
<div class="title">
<h2>Trusted transport service </h2>
<h3>Transport & Logistics
Services We are the best</h3>
</div>
<div class="sub-content"> <span>Logistika is the world's leading global logistics provider we expertly
facilitate industry and commerce in the international exchange of goods through land
transport.</span> </div>
<h4>operations around the world and across various transporation sectors.</h4>
<ul>
<li>Domestic and International Service emergency support</li>
<li>Compliance and Enforcement actions</li>
<li>Becoming a registered provider Today</li>
</ul>
<div class="author-btn">
<div class="author">
<div class="image"> <img src="assets/images/about/profile.jpg" alt=""> </div>
<div class="text"> <img src="assets/images/about/signature.png" alt=""> <span>Ceo & Founder</span> </div>
</div>
<div class="about-btn"> <a href="about.html" class="theme-btn"> more about us </a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-about-section -->

69
parts/blog.php Normal file
View File

@ -0,0 +1,69 @@
<!--start of blog-section -->
<section class="wpo-blog-section section-padding">
<div class="bg-img"> <img src="assets/images/blog/bg-img.png" alt=""> </div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Get Every Single Updates
News & Blog</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card"> <img src="assets/images/blog/img-1.jpg" alt="">
<div class="content">
<div class="date">
<h3>20</h3>
<span>Sep</span> </div>
<div class="text"> <span>Transport</span>
<h2><a href="blog-single.html">Streamlining Global Supply Chains Our Logistics
Solutions</a></h2>
</div>
<ul class="comment">
<li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card"> <img src="assets/images/blog/img-2.jpg" alt="">
<div class="content">
<div class="date">
<h3>28</h3>
<span>Sep</span> </div>
<div class="text"> <span>Transport</span>
<h2><a href="blog-single.html">Lead Analyst for Transportation Network and
Logistics</a></h2>
</div>
<ul class="comment">
<li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card"> <img src="assets/images/blog/img-3.jpg" alt="">
<div class="content">
<div class="date">
<h3>30</h3>
<span>Sep</span> </div>
<div class="text"> <span>Transport</span>
<h2><a href="blog-single.html">Efficient Transport Management Strategies for
Businesses</a></h2>
</div>
<ul class="comment">
<li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
<li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end of blog-section -->

55
parts/country.php Normal file
View File

@ -0,0 +1,55 @@
<!-- start of Country Ssection -->
<section class="wpo-project-section section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
proejcts that we providde</h3>
</div>
</div>
<div class="col-lg-4 col-12">
<div class="project-all"> <a href="project.html" class="theme-btn">All projects</a> </div>
</div>
</div>
<div class="project-slider">
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="project-card"> <span>01</span> <img src="assets/images/project/1.jpg" alt="">
<div class="content">
<h2><a href="project-single.html">Rail Transportation</a></h2>
<h4>Art , Direction</h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="project-card"> <span>02</span> <img src="assets/images/project/2.jpg" alt="">
<div class="content">
<h2><a href="project-single.html">Air Transportation</a></h2>
<h4>Art , Direction</h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="project-card"> <span>03</span> <img src="assets/images/project/3.jpg" alt="">
<div class="content">
<h2><a href="project-single.html">Road Transportation</a></h2>
<h4>Art , Direction</h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="project-card"> <span>04</span> <img src="assets/images/project/4.jpg" alt="">
<div class="content">
<h2><a href="project-single.html">Intermodal Shipping</a></h2>
<h4>Art , Direction</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="side-img"> <img src="assets/images/project/side-img.png" alt=""> </div>
</section>
<!-- end of Country Section -->

113
parts/form.php Normal file
View File

@ -0,0 +1,113 @@
<!-- Start of Form Section -->
<section class="wpo-get-quate-section section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-12">
<div class="left-content">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transportation service
area often consider</h3>
</div>
<div class="quat">
<p>Transportation service areas often consider factors like
coverage, efficiency, cost, accessibility, reliability and
sustainability for optimal performance.</p>
</div>
<ul class="get-item">
<li> <i class="flaticon-logistics"></i>
<h3>Domestic and
International Service</h3>
</li>
<li> <i class="flaticon-nanotechnology"></i>
<h3>End to End Tracking
Service system</h3>
</li>
</ul>
<ul class="quate-item">
<li> <i class="flaticon-check"></i>
<h3>Dedicated Transport wise</h3>
</li>
<li> <i class="flaticon-check"></i>
<h3>Domestics & Logistics</h3>
</li>
</ul>
<a href="about.html" class="theme-btn">more about us</a> </div>
</div>
<div class="col-lg-6 col-12">
<div class="quote-form">
<div class="title">
<h3>Request a quote form</h3>
</div>
<form id="quoteForm">
<div class="row">
<div class="item col-lg-12">
<label>Personal information</label>
<input class="form-control" type="text" name="name" id="name"
placeholder="Your Name">
</div>
<div class="item col-lg-6 col-12">
<input class="form-control" type="email" name="email" id="email"
placeholder="Email">
</div>
<div class="item col-lg-6 col-12">
<input class="form-control" type="text" name="phone" id="phone"
placeholder="Phone">
</div>
<div class="item col-lg-12">
<label>Delivery information</label>
<select name="city" id="city" class="form-control">
<option value="">Delivery City</option>
<option value="city1">City 1</option>
<option value="city2">City 2</option>
</select>
</div>
<div class="item col-lg-6 col-12">
<label>Freight Type</label>
<select name="type" id="type" class="form-control">
<option value="">Freight Type</option>
<option value="type1">Type 1</option>
<option value="type2">Type 2</option>
</select>
</div>
<div class="item col-lg-6 col-12">
<label>Incoterms</label>
<select name="incoter" id="incoter" class="form-control">
<option value="">Incoterms</option>
<option value="incoter1">Incoterm 1</option>
<option value="incoter2">Incoterm 2</option>
</select>
</div>
<div class="item col-12">
<ul>
<li>
<input type="checkbox" id="Fragile">
<label for="Fragile">Fragile</label>
</li>
<li>
<input type="checkbox" id="Express">
<label for="Express">Express delivery</label>
</li>
<li>
<input type="checkbox" id="Insurance">
<label for="Insurance">Insurance</label>
</li>
</ul>
</div>
<div class="item col-12">
<input class="theme-btn" type="submit" value="Get A Quote">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="left-bg">
<div class="img1"> <img src="assets/images/get1.png" alt=""> </div>
<div class="img2"> <img src="assets/images/get2.svg" alt=""> </div>
<div class="img3"> <img src="assets/images/get3.svg" alt=""> </div>
</div>
<div class="rigth-bg"> <img src="assets/images/get4.png" alt=""> </div>
</section>
<!-- Form Section End -->

94
parts/hero.php Normal file
View File

@ -0,0 +1,94 @@
<!-- start of hero-section -->
<section class="hero-section">
<div class="hero-slider">
<div class="slider-item">
<div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
data-animation-in="zoomInImage"> </div>
<div class="container">
<div class="content">
<h1 class="bg-text">Logistic</h1>
<h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
<h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
& cargo service</h3>
<p class="animated" data-animation-in="fadeInUp">Worlds driving worldwide coordinations
supplier we uphold industry and exchange the
worldwide trade of about dummy merchandise through land transport.</p>
<div class="hero-btn animated" data-animation-in="fadeInUp">
<div class="btn-1"> <a href="about.html" class="theme-btn">All Services</a> </div>
<div class="btn-2"> <a href="tel:+025757576560" class="call">
<div class="icon"> <i class="flaticon-call"></i> </div>
<div class="text"> <span>Call Us Now</span>
<h4>+025 757 576 560</h4>
</div>
</a> </div>
</div>
</div>
</div>
<div class="down-shape">
<svg width="19" height="86" viewBox="0 0 19 86" fill="none">
<path
d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
fill="white" />
<path
d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
fill="white" fill-opacity="0.2" />
</svg>
</div>
</div>
<div class="slider-item">
<div class="bg-image"> <img class="animated" src="assets/images/slider/slide-1.jpg" alt=""
data-animation-in="zoomInImage"> </div>
<div class="container">
<div class="content">
<h1 class="bg-text">Logistic</h1>
<h2 class="animated" data-animation-in="fadeInUp">Internation Logistics</h2>
<h3 class="animated" data-animation-in="fadeInUp">Flexible logistic
& cargo service</h3>
<p class="animated" data-animation-in="fadeInUp">Worlds driving worldwide coordinations
supplier we uphold industry and exchange the
worldwide trade of about dummy merchandise through land transport.</p>
<div class="hero-btn animated" data-animation-in="fadeInUp">
<div class="btn-1"> <a href="about.html" class="theme-btn">All Services</a> </div>
<div class="btn-2"> <a href="tel:+025757576560" class="call">
<div class="icon"> <i class="flaticon-call"></i> </div>
<div class="text"> <span>Call Us Now</span>
<h4>+025 757 576 560</h4>
</div>
</a> </div>
</div>
</div>
</div>
<div class="down-shape">
<svg width="19" height="86" viewBox="0 0 19 86" fill="none">
<path
d="M0.000800801 0.240602L0.0525983 6.64872L8.95468 14.2473L17.8817 6.38959L17.8301 0L17.8046 0.000184758L8.90289 7.83917L0.000800801 0.240602Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.145332 18.0912L0.19713 24.4993L9.09922 32.0979L18.0263 24.2402L17.9746 17.8506L17.9492 17.8508L9.04742 25.6898L0.145332 18.0912Z"
fill="white" />
<path
d="M0.289863 35.9418L0.341661 42.3499L9.24375 49.9485L18.1708 42.0908L18.1191 35.7012L18.0937 35.7014L9.19195 43.5403L0.289863 35.9418Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.434395 53.7924L0.486213 60.2031L9.3883 67.8017L18.3153 59.9413L18.2637 53.5518L18.2382 53.5519L9.33648 61.3909L0.434395 53.7924Z"
fill="white" fill-opacity="0.2" />
<path
d="M0.576951 71.6432L0.62877 78.054L9.53086 85.6526L18.4579 77.7922L18.4062 71.4053L18.3808 71.4055L9.47904 79.2418L0.576951 71.6432Z"
fill="white" fill-opacity="0.2" />
</svg>
</div>
</div>
</div>
<div class="track-btn"> <a href="tracking.html"><img src="assets/images/slider/icon.svg" alt=""> Track your shipment</a> </div>
</section>
<!-- end of hero-section -->

27
parts/inquiry.php Normal file
View File

@ -0,0 +1,27 @@
<!--start of Inquiry CTA Section -->
<div class="wpo-cta-section">
<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>
<!--start of Inquiry CTA Section End -->

20
parts/logo-display.php Normal file
View File

@ -0,0 +1,20 @@
<!--start of partner-section -->
<section class="wpo-partner-section section-padding">
<h2 class="d-none">partner</h2>
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="partner-grids partners-slider owl-carousel clearfix">
<div class="grid"> <img src="assets/images/partners/img-1.png" alt=""> </div>
<div class="grid"> <img src="assets/images/partners/img-2.png" alt=""> </div>
<div class="grid"> <img src="assets/images/partners/img-3.png" alt=""> </div>
<div class="grid"> <img src="assets/images/partners/img-4.png" alt=""> </div>
<div class="grid"> <img src="assets/images/partners/img-5.png" alt=""> </div>
<div class="grid"> <img src="assets/images/partners/img-6.png" alt=""> </div>
</div>
</div>
</div>
</div>
<!-- end contianer -->
</section>
<!--end of partner-section -->

42
parts/logo-section.php Normal file
View File

@ -0,0 +1,42 @@
<!-- start of logo-features-section -->
<section class="wpo-features-section section-padding">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>We provide quick & safe
transportation all over the world</h3>
</div>
</div>
</div>
<div class="features-wrap">
<div class="features-card"> <i class="flaticon-logistics"></i>
<h3>Complete
Logistics System</h3>
</div>
<div class="features-card"> <i class="flaticon-fast-delivery-1"></i>
<h3>Shipping
All Over the world</h3>
</div>
<div class="features-card"> <i class="flaticon-locations"></i>
<h3>Online
Product Tracking </h3>
</div>
<div class="features-card"> <i class="flaticon-logistics-1"></i>
<h3>International
shipping services</h3>
</div>
<div class="features-card"> <i class="flaticon-customer-support"></i>
<h3>Great
logistical support.</h3>
</div>
</div>
<div class="row">
<div class="col-12">
<h4>Bring them together and you overcome the ordinary. <a href="#">View More Features <span>+</span></a></h4>
</div>
</div>
</div>
</section>
<!-- end of logo-features-section -->

10
parts/map.php Normal file
View File

@ -0,0 +1,10 @@
<!--start of 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 map-section -->

37
parts/matrix.php Normal file
View File

@ -0,0 +1,37 @@
<!-- Matrix Section -->
<section class="wpo-funfact-section section-padding">
<div class="container">
<div class="titel-image">
<h1>Logistisc</h1>
<h3>Manufacturing software that goes beyondthe benchmark</h3>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="100"></span>+</h2>
<h3>Cities we have connected</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="1"></span>.<span class="odometer"
data-count="2"></span>m</h2>
<h3>Deliver goods every week</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="10"></span>types</h2>
<h3>Delivery transit system</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<h2><span class="odometer" data-count="95"></span>%</h2>
<h3>Clients Positive review</h3>
</div>
</div>
</div>
</div>
</section>
<!-- Matrix Section End -->

125
parts/process.php Normal file
View File

@ -0,0 +1,125 @@
<!-- stert of process-section -->
<section class="wpo-process-section section-padding">
<div class="container">
<div class="process-wrap">
<div class="row">
<div class="col col-lg-3 col-md-6 col-12">
<div class="process-item">
<div class="top-contnent"> <img src="assets/images/process/1.jpg" alt="">
<div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
<div class="text"> <span>Step - 01</span> </div>
<div class="shape-1">
<svg width="158" height="89" viewBox="0 0 158 89" fill="none">
<g opacity="0.15">
<path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
fill="#868686" />
</g>
</svg>
</div>
<div class="shape-2">
<svg width="48" height="17" viewBox="0 0 48 17" fill="none">
<path
d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
</svg>
</div>
</div>
<div class="content">
<h2>Select Services</h2>
<p> Pellentesque habitant morbi trist fames ac turp egestas.
Aliquam enim feugiat mattis. </p>
</div>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="process-item">
<div class="top-contnent"> <img src="assets/images/process/2.jpg" alt="">
<div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
<div class="text"> <span>Step - 02</span> </div>
<div class="shape-1">
<svg width="158" height="89" viewBox="0 0 158 89" fill="none">
<g opacity="0.15">
<path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
fill="#868686" />
</g>
</svg>
</div>
<div class="shape-2">
<svg width="48" height="17" viewBox="0 0 48 17" fill="none">
<path
d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
</svg>
</div>
</div>
<div class="content">
<h2>Percel Information</h2>
<p> Pellentesque habitant morbi trist fames ac turp egestas.
Aliquam enim feugiat mattis. </p>
</div>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="process-item">
<div class="top-contnent"> <img src="assets/images/process/3.jpg" alt="">
<div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
<div class="text"> <span>Step - 03</span> </div>
<div class="shape-1">
<svg width="158" height="89" viewBox="0 0 158 89" fill="none">
<g opacity="0.15">
<path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
fill="#868686" />
</g>
</svg>
</div>
<div class="shape-2">
<svg width="48" height="17" viewBox="0 0 48 17" fill="none">
<path
d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
</svg>
</div>
</div>
<div class="content">
<h2>Transportation</h2>
<p> Pellentesque habitant morbi trist fames ac turp egestas.
Aliquam enim feugiat mattis. </p>
</div>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="process-item">
<div class="top-contnent"> <img src="assets/images/process/4.jpg" alt="">
<div class="item-shape"> <img src="assets/images/process/item-shape.svg" alt=""> </div>
<div class="text"> <span>Step - 04</span> </div>
<div class="shape-1">
<svg width="158" height="89" viewBox="0 0 158 89" fill="none">
<g opacity="0.15">
<path d="M0.0332031 30.3796L157.05 0L157.354 43.7086L30.269 88.9426"
fill="#868686" />
</g>
</svg>
</div>
<div class="shape-2">
<svg width="48" height="17" viewBox="0 0 48 17" fill="none">
<path
d="M47.3549 0.599976L22.8851 16.5564L0.691406 12.5793L47.3549 0.599976Z" />
</svg>
</div>
</div>
<div class="content">
<h2>Takeover Products</h2>
<p> Pellentesque habitant morbi trist fames ac turp egestas.
Aliquam enim feugiat mattis. </p>
</div>
</div>
</div>
</div>
<div class="border-shape">
<svg width="1014" height="93" viewBox="0 0 1014 93" fill="none">
<path
d="M1 50.9659C56.3481 18.4898 187.969 -31.1736 271.668 29.9813C376.292 106.425 467.026 98.4469 528 77.5C594.713 54.5817 761.5 15.5 831.5 24C901.5 32.5 936.5 57 1013.5 75"
stroke="#C4CDD3" stroke-width="1.5" stroke-dasharray="2 2" />
</svg>
</div>
</div>
</div>
</section>
<!-- end of process-section -->

76
parts/service.php Normal file
View File

@ -0,0 +1,76 @@
<!--Service Section-->
<section class="wpo-service-section section-padding">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-7 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
Services We are the best</h3>
</div>
</div>
<div class="col-lg-5 col-12">
<div class="service-all-btn"> <a href="services.html" class="theme-btn">All Services</a> </div>
</div>
</div>
</div>
<div class="container-fluid g-0">
<div class="service-slider owl-carousel">
<div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
<div class="content"> <i class="flaticon-road-with-broken-line"></i>
<div class="text"> <span>01</span>
<h2><a href="services-single.html">Road Freight Service</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
<div class="content"> <i class="flaticon-air-plane"></i>
<div class="text"> <span>02</span>
<h2><a href="services-single.html">Intermodal Shipping</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
<div class="content"> <i class="flaticon-boat-with-containers"></i>
<div class="text"> <span>03</span>
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/1.jpg" alt="">
<div class="content"> <i class="flaticon-road-with-broken-line"></i>
<div class="text"> <span>01</span>
<h2><a href="services-single.html">Road Freight Service</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/2.jpg" alt="">
<div class="content"> <i class="flaticon-air-plane"></i>
<div class="text"> <span>02</span>
<h2><a href="services-single.html">Intermodal Shipping</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
<div class="service-card"> <img class="image" src="assets/images/service/3.jpg" alt="">
<div class="content"> <i class="flaticon-boat-with-containers"></i>
<div class="text"> <span>03</span>
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Sed ut perspiciatis unde is
voluptatem accusant</p>
<a href="services-single.html" class="service-single-link"> <i class="flaticon-right-arrow"></i> </a> </div>
</div>
</div>
</div>
</div>
</section>
<!--Service Section End-->

116
parts/team.php Normal file
View File

@ -0,0 +1,116 @@
<!--start of team-section -->
<section class="wpo-team-section section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Best Logistic consultant
team for company</h3>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="team-slider owl-carousel">
<div class="team-card">
<div class="image"> <img src="assets/images/team/1.jpg" alt="">
<div class="icon">
<ul>
<li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
<li><a href="#"><i class="flaticon-vimeo"></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>
</ul>
</div>
</div>
<div class="content">
<div class="text">
<h2>Alextina Ditarson</h2>
<span>Transportation Planner</span> </div>
<div class="hover-icon"></div>
</div>
</div>
<div class="team-card">
<div class="image"> <img src="assets/images/team/2.jpg" alt="">
<div class="icon">
<ul>
<li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
<li><a href="#"><i class="flaticon-vimeo"></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>
</ul>
</div>
</div>
<div class="content">
<div class="text">
<h2>Leslie Alexander</h2>
<span>Supply Chain Manager</span> </div>
<div class="hover-icon"></div>
</div>
</div>
<div class="team-card">
<div class="image"> <img src="assets/images/team/3.jpg" alt="">
<div class="icon">
<ul>
<li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
<li><a href="#"><i class="flaticon-vimeo"></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>
</ul>
</div>
</div>
<div class="content">
<div class="text">
<h2>Brooklyn Simmons</h2>
<span>Logistics Coordinator</span> </div>
<div class="hover-icon"></div>
</div>
</div>
<div class="team-card">
<div class="image"> <img src="assets/images/team/4.jpg" alt="">
<div class="icon">
<ul>
<li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
<li><a href="#"><i class="flaticon-vimeo"></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>
</ul>
</div>
</div>
<div class="content">
<div class="text">
<h2>Marvin McKinney</h2>
<span>Warehouse Manager</span> </div>
<div class="hover-icon"></div>
</div>
</div>
<div class="team-card">
<div class="image"> <img src="assets/images/team/5.jpg" alt="">
<div class="icon">
<ul>
<li><a href="#"><i class="flaticon-facebook-app-symbol"></i></a></li>
<li><a href="#"><i class="flaticon-vimeo"></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>
</ul>
</div>
</div>
<div class="content">
<div class="text">
<h2>Warehouse Manager</h2>
<span>Fleet Supervisor</span> </div>
<div class="hover-icon"></div>
</div>
</div>
</div>
<div class="all-team-btn"> <a href="team.html" class="theme-btn">All Member</a> </div>
</div>
<div class="shape">
<svg width="59" height="58" viewBox="0 0 59 58" fill="none">
<rect x="29" width="30" height="30" fill="#FF7236" />
<rect y="30" width="29" height="28" fill="white" />
</svg>
</div>
</section>
<!--end of team-section -->

37
parts/testimonial.php Normal file
View File

@ -0,0 +1,37 @@
<!-- start of testimonial-section -->
<section class="wpo-testimonial-section section-padding">
<div class="container">
<div class="testimonial-wrap testimonial-slider">
<div class="image slider-for">
<div class="item"> <span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt=""> Feedback</span> <img src="assets/images/testimonial/1.jpg" alt=""> </div>
<div class="item"> <span class="feedback"><img src="assets/images/testimonial/feedback.svg" alt=""> Feedback</span> <img src="assets/images/testimonial/2.jpg" alt=""> </div>
</div>
<div class="content-wrap">
<h2>Trusted transport service</h2>
<h3>What Our Clients Says</h3>
<div class="slider-nav">
<div class="content">
<p>Climb the mountain not to plant your flag but to
embrace the ways challenge, enjoy the air, and
behold the. Climb it see the world, not so the
world can see you. This is due to their excellent
service competitive pricing</p>
<div class="client-name">
<h4>Robert J. Hare/</h4>
<span>Freight Manager</span> </div>
</div>
<div class="content">
<p> I recently used for my logistics needs, and I am
thoroughly impressed with their exceptional service. I contacted
them, team demonstrated and making the entire
process smooth and hassle-free. </p>
<div class="client-name">
<h4>Winifred P. Reyes/</h4>
<span>Freight Manager</span> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of testimonial-section -->