Access_Website/pages/contact.html

513 lines
28 KiB
HTML
Raw Permalink Normal View History

2024-08-29 05:32:32 +00:00
<!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>