Access_Website/blog-single-left-sidebar.html

704 lines
42 KiB
HTML
Raw Normal View History

2024-08-29 05:32:32 +00:00
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from wpocean.com/html/tf/logistika/blog-single-left-sidebar.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>Blog Details</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end page-title -->
<!-- start wpo-blog-single-section -->
<section class="wpo-blog-single-section wpo-blog-single-left-sidebar-section section-padding">
<div class="container">
<div class="row">
<div class="col col-lg-8 col-12 order-lg-2">
<div class="post format-standard-image">
<div class="entry-media">
<img src="assets/images/blog-details/img-1.jpg" alt>
</div>
<div class="entry-meta">
<ul>
<li><i class="fi flaticon-calendar"></i><a href="#">02 Apr 2024</a>
</li>
<li><i class="fi flaticon-comments"></i> <a href="#">Coments (03)</a></li>
<li><i class="fi flaticon-clock"></i><a href="#">3 min Read</a></li>
</ul>
</div>
<div class="entry-details">
<h3>The whimsically named Egg Canvas brainchild</h3>
<p>he whimsically named Egg Canvas is the brainchild of Erica Choi, a design director
and photo
grapher based in York. Why the name “Egg Canvas Erica was inspired by her Korean
childhood
nickname, which means egg, while “canvas” medium with wh art is created. “Egg Canvas
therefore, is her life—creating beautiful things each day
a blank canvas.</p>
<p>We have covered many special events such as fireworks, fairs, parades, races, walks,
awards ceremonies, fashion shows, sporting events, and even a memorial service.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate
vestibulum rhon
cus, dolor eget viverra pretium, dolor tellus aliquet nunc, vitae ultricies erat
elit eu lacus. Vestibulum non justo fun consectetur, cursus ante, tincidunt sapien.
Nulla quis diam sit amet turpis interd enim. Vivamus fauc ex sed nibh egestas
elementum. Mauris et bibendum</p>
</div>
</div>
<blockquote>
Your time is limited, so dont waste it living someone elses
life.Dont be trapped by dogma which is living with the
<span>John Mehedii</span>
</blockquote>
<div class="post-team-content">
<h3>Let our investment management team</h3>
<div class="row align-items-center">
<div class="col-lg-7 col-12">
<ul class="content">
<li>Lorem Ipsum generators on the tend to repeat.</li>
<li> If you are going to use a passage.</li>
<li> Lorem Ipsum generators on the tend to repeat.</li>
<li> If you are going to use a passage.</li>
<li> Lorem Ipsum generators on the tend to repeat.</li>
</ul>
</div>
<div class="col-lg-5 col-12">
<img src="assets/images/blog-details/img-2.jpg" alt="">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-12 im-1">
<img src="assets/images/blog-details/img-3.jpg" alt="">
</div>
<div class="col-lg-6 col-md-6 col-12 im-1">
<img src="assets/images/blog-details/img-4.jpg" alt="">
</div>
</div>
<p>We have covered many special events such as fireworks, fairs, parades, races, walks, awards
ceremonies, fashion shows, sporting events, and even a memorial service.Lorem ipsum dolor
sit amet, consectetur adipiscing elit. vestibulum rhoncus, dolor eget viverra pretium, dolor
ellus aliquet nunc,</p>
<div class="tag-share-wrap">
<div class="row">
<div class="col-lg-6 col-12">
<div class="tag-share clearfix">
<div class="tag">
<span>Tag: </span>
<ul>
<li><a href="#">Business</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">apps</a></li>
<li><a href="#">data</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="tag-share-s2 clearfix">
<div class="tag">
<span>Share: </span>
<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>
</div>
</div>
<div class="comments-area">
<div class="comments-section">
<h3 class="comments-title">(04) Comment</h3>
<ol class="comments">
<li class="comment even thread-even depth-1" id="comment-1">
<div id="div-comment-1">
<div class="comment-theme">
<div class="comment-image"><img
src="assets/images/blog-details/comments-author/img-1.jpg" alt>
</div>
</div>
<div class="comment-main-area">
<div class="comment-wrapper">
<div class="comments-meta">
<h4>Rohan De Spond <span class="comments-date">
25 january 2021</span></h4>
</div>
<div class="comment-area">
<p>
There are many variations of passages of Lorem Ipsum
available, but the leap into electronic
type setting, remaining essentiallyuncha opularisedthe with
the release of Letrasetsheets
containingth leap electrtypesetting remainingmajority have.
There are many variations
of passages of Lorem Ipsum
</p>
<div class="comments-reply">
<a class="comment-reply-link" href="#"><i
class="flaticon-back"></i></a>
</div>
</div>
</div>
</div>
</div>
<ul class="children">
<li class="comment">
<div>
<div class="comment-theme">
<div class="comment-image"><img
src="assets/images/blog-details/comments-author/img-2.jpg"
alt></div>
</div>
<div class="comment-main-area">
<div class="comment-wrapper">
<div class="comments-meta">
<h4>Johan Ritaxon<span class="comments-date">
25 january 2021
</span></h4>
</div>
<div class="comment-area">
<p>There are many variations of passages of Lorem Ipsum
available, but the
majority have. There are many variations of passages
</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</li>
</ol>
</div>
<div class="comment-respond">
<h3 class="comment-reply-title">Write your comment</h3>
<form id="commentForm" class="comment-form">
<div class="form-inputs">
<input id="name" placeholder="Enter your name*" type="text" required>
<input id="email" placeholder="Enter your mail*" type="email" required>
<input id="phone" placeholder="Enter your number*" type="text" required>
<input id="website" placeholder="Website*" type="url" required>
</div>
<div class="form-textarea">
<textarea id="comment" placeholder="Enter your Message*" required></textarea>
</div>
<div class="terms">
<input class="checkbox" type="checkbox" id="Insuranceb">
<label for="Insuranceb">Save my name, email, and website in this browser for the next time I comment.</label>
</div>
<div class="form-submit">
<input class="theme-btn" id="submit" value="Send Message" type="submit">
</div>
</form>
</div>
</div>
</div>
<div class="col col-lg-4 order-lg-1">
<div class="blog-sidebar">
<div class="widget about-widget">
<div class="img-holder">
<img src="assets/images/blog/about-widget.jpg" alt="">
</div>
<h4>Rosalina D. Willaim</h4>
<span>Blogger/Photographer</span>
<p>he whimsically named Egg Canvas is the
design director and photographer
in New York. Why the nam</p>
<ul>
<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="ti-pinterest"></i></a></li>
<li><a href="#"><i class="flaticon-twitter"></i></a></li>
</ul>
</div>
<div class="widget search-widget">
<h3>search here</h3>
<form>
<div>
<input type="text" class="form-control" placeholder="Search Post..">
<button type="submit"><i class="ti-search"></i></button>
</div>
</form>
</div>
<div class="widget category-widget">
<h3>Categories</h3>
<ul>
<li><a href="blog.html">Air Transport<span>03</span></a></li>
<li><a href="blog.html" class="active">Road Transport <span>02</span></a></li>
<li><a href="blog.html">Ocean Transport <span>04</span></a></li>
<li><a href="blog.html">Land Transport <span>05</span></a></li>
</ul>
</div>
<div class="widget recent-post-widget">
<h3>Related Posts</h3>
<div class="posts">
<div class="post">
<div class="img-holder">
<img src="assets/images/recent-posts/img-1.jpg" alt>
</div>
<div class="details">
<span class="date"><i class="flaticon-calendar"></i>30 Nov 2023 </span>
<h4><a href="blog-single.html">
Budget Issues Force The Our To Become</a>
</h4>
</div>
</div>
<div class="post">
<div class="img-holder">
<img src="assets/images/recent-posts/img-2.jpg" alt>
</div>
<div class="details">
<span class="date"><i class="flaticon-calendar"></i>30 Nov 2023 </span>
<h4><a href="blog-single.html">
The Best Products That Shape Fashion</a>
</h4>
</div>
</div>
<div class="post">
<div class="img-holder">
<img src="assets/images/recent-posts/img-3.jpg" alt>
</div>
<div class="details">
<span class="date"><i class="flaticon-calendar"></i>30 Nov 2023 </span>
<h4><a href="blog-single.html">
The Best Products That Shape Fashion</a>
</h4>
</div>
</div>
</div>
</div>
<div class="widget tag-widget">
<h3>Populer Tags</h3>
<ul>
<li><a href="#">Air Freight</a></li>
<li><a href="#">Road Transport</a></li>
<li><a href="#">Air Transport</a></li>
<li><a href="#">Train Transport</a></li>
<li><a href="#">Ocean Transport</a></li>
<li><a href="#">Logistics</a></li>
<li><a href="#">Packeging</a></li>
<li><a href="#">Land</a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end wpo-blog-single-section -->
<!--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/blog-single-left-sidebar.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Aug 2024 05:23:40 GMT -->
</html>