?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>MegaOne | Creative Parallax Logistic Template</title>
<link href="images/favicon.ico" rel="icon">
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/tooltipster.min.css">
<link rel="stylesheet" href="../vendor/css/revolution-settings.min.css">
<link rel="stylesheet" href="css/revolution/navigation.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--PreLoader-->
<div class="loader">
<div class="loader-spinner"></div>
</div>
<!--PreLoader Ends-->
<!-- header -->
<header class="site-header" id="header">
<nav class="navbar navbar-expand-lg transparent-bg static-nav">
<div class="container">
<a class="navbar-brand" href="../index-logistic.html">
<img src="images/logo-transparent.png" alt="logo" class="logo-default">
<img src="images/logo.png" alt="logo" class="logo-scrolled">
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown position-relative">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="../index-logistic.html">Standard Layout</a>
<a class="dropdown-item" href="index-video.html">Video Background</a>
<a class="dropdown-item" href="index-light.html">Light Version</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item dropdown static">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Pages </a>
<ul class="dropdown-menu megamenu">
<li>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> General </h5>
<a class="dropdown-item" href="services.html">Services</a>
<a class="dropdown-item" href="services-detail.html">Service Detail</a>
<a class="dropdown-item" href="testimonial.html">Testimonials</a>
<a class="dropdown-item" href="contact.html">Contact Us</a>
<a class="dropdown-item" href="team.html">Our Team</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title opacity-10"> Others </h5>
<a class="dropdown-item" href="work.html">Work</a>
<a class="dropdown-item" href="work-detail.html">Work Detail</a>
<a class="dropdown-item" href="pricing.html">Pricing</a>
<a class="dropdown-item" href="404.html">404 Error</a>
<a class="dropdown-item" href="coming-soon.html">Coming Soon</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> Account </h5>
<a class="dropdown-item" href="login.html">Login</a>
<a class="dropdown-item" href="register.html">Register</a>
<a class="dropdown-item" href="reset-password.html">Reset Password</a>
<a class="dropdown-item" href="faq.html">FAQ's</a>
<a class="dropdown-item" href="support.html">Support</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<h5 class="dropdown-title bottom10"> Shop Pages </h5>
<a class="dropdown-item" href="shop.html">Shop</a>
<a class="dropdown-item" href="shop-detail.html">Shop Detail</a>
<a class="dropdown-item" href="shop-cart.html">Shopping Cart</a>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item dropdown position-relative">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> News </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="news-1.html">News List</a>
<a class="dropdown-item" href="news-2.html">News Sidebar</a>
<a class="dropdown-item" href="news-detail.html">News Details</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
<!--side menu open button-->
<a href="javascript:void(0)" class="d-inline-block sidemenu_btn" id="sidemenu_toggle">
<span></span> <span></span> <span></span>
</a>
</nav>
<!-- side menu -->
<div class="side-menu opacity-0 bg-yellow">
<div class="overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages1">
Home <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages1" class="collapse sideNavPages">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="../index-logistic.html">Standard Layout</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-video.html">Video Background</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-light.html">Light Version</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages2">
News <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages2" class="collapse sideNavPages">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="news-1.html">News List</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news-2.html">News Sidebar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news-detail.html">News Details</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Works</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages">
Pages <i class="fas fa-chevron-down"></i>
</a>
<div id="sideNavPages" class="collapse sideNavPages">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="team.html">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services-detail.html">Service Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="testimonial.html">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="work-detail.html">Work Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="404.html">Error 404</a>
</li>
<li class="nav-item">
<a class="nav-link" href="coming-soon.html">Coming Soon</a>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#inner-2">
Account <i class="fas fa-chevron-down"></i>
</a>
<div id="inner-2" class="collapse sideNavPages sideNavPagesInner">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="login.html">Login</a>
</li>
<li class="nav-item">
<a class="nav-link" href="register.html">Register</a>
</li>
<li class="nav-item">
<a class="nav-link" href="reset-password.html">Forget Password</a>
</li>
<li class="nav-item">
<a class="nav-link" href="faq.html">FAQ's</a>
</li>
<li class="nav-item">
<a class="nav-link" href="support.html">Support</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#inner-1">
Shop <i class="fas fa-chevron-down"></i>
</a>
<div id="inner-1" class="collapse sideNavPages sideNavPagesInner">
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link" href="shop.html">Shop Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop-detail.html">Shop Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop-cart.html">Shop Cart</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer w-100">
<ul class="social-icons-simple white top40">
<li><a href="javascript:void(0)" class="facebook"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class="twitter"><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class="insta"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="whitecolor">© 2019 MegaOne. Made With Love by ThemesIndustry</p>
</div>
</div>
</div>
<div id="close_side_menu" class="tooltip"></div>
<!-- End side menu -->
</header>
<!-- header -->
<!--Main Slider-->
<section id="home" class="p-0 single-slide light-slider">
<h2 class="d-none">hidden</h2>
<div id="rev_single_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="trax_slider_01">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_single" class="rev_slider fullwidthabanner" data-version="5.4.8.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-3" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/slide-img2.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="video/thumb.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- Overlay -->
<div class="bg-black bg-overlay opacity-7 z-index-1"></div>
<div class="rs-background-video-layer"
data-forcerewind="on"
data-volume="mute"
data-videowidth="100%"
data-videoheight="100vh"
data-videomp4="video/video.mp4"
data-videopreload="auto"
data-videoloop="loopandnoslidestop"
data-forceCover="1"
data-aspectratio="16:9"
data-autoplay="true"
data-autoplayonlyfirsttime="false"></div>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-100','-80','-80','-60']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;"
data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-start="1000" data-splitin="none" data-splitout="none">
<h2 class="font-xlight">The Unique</h2>
</div>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-30','0','0','0']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']" data-fontsize="['24','24','18','16']"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-start="900" data-splitin="none" data-splitout="none">
<h2>Marketing Agency</h2>
</div>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['40','75','75','50']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']" data-fontsize="['24','24','18','16']"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="1600" data-splitin="none" data-splitout="none">
<p class="font-light text-capitalize">A versatile multipurpose Html Template.</p>
</div>
<div class="tp-caption tp-resizeme"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['125','160','160','140']"
data-width="['500','500','500','500']" data-textalign="['center','center','center','center']" data-type="text"
data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="1800" data-splitin="none" data-splitout="none" data-responsive_offset="on">
<a class="button transition-3 btn-hover-blue button-padding" href="javascript:void(0)">Learn More</a>
</div>
</li>
</ul>
</div>
<!-- END REVOLUTION SLIDER -->
</div>
<!--scroll down-->
<a href="#about" class="scroll-down pagescroll scrollupto whitecolor hover-default">Scroll Down <i class="fas fa-long-arrow-alt-down"></i></a>
</section>
<!--Main Slider ends -->
<!--Some Feature -->
<section id="about" class="single-feature padding">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-6 text-sm-left text-center wow fadeInLeft" data-wow-delay="300ms">
<div class="heading-title mb-4">
<h2 class="darkcolor font-normal bottom30">Let's spread <span class="defaultcolor">Products</span> to WorldWide</h2>
</div>
<p class="bottom35">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis id interdum vitae, interdum eget elit. Curabitur quis urna nulla. Suspendisse potenti. Duis suscipit ultrices maximus. </p>
<a href="javascript:void(0)" class="button gradient-btn mb-sm-0 mb-4">Learn More</a>
</div>
<div class="col-lg-6 wow fadeInRight" data-wow-delay="300ms">
<div class="image"><img alt="SEO" src="images/awesome-feature.jpg"></div>
</div>
</div>
</div>
</section>
<!--Some Feature ends-->
<!-- WOrk Process-->
<section id="our-process" class="padding bgprimary">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="heading-title whitecolor wow fadeInUp" data-wow-delay="300ms">
<span>Quisque tellus risus, adipisci </span>
<h2 class="font-normal">Our Work Process </h2>
</div>
</div>
</div>
<div class="row">
<ul class="process-wrapp">
<li class="whitecolor wow fadeIn" data-wow-delay="300ms">
<span class="pro-step bottom20">01</span>
<p class="fontbold bottom20">World Wide</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
<li class="whitecolor wow fadeIn" data-wow-delay="400ms">
<span class="pro-step bottom20">02</span>
<p class="fontbold bottom20">Shipping</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
<li class="whitecolor wow fadeIn active" data-wow-delay="500ms">
<span class="pro-step bottom20">03</span>
<p class="fontbold bottom20">Local Cargo</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
<li class="whitecolor wow fadeIn" data-wow-delay="600ms">
<span class="pro-step bottom20">04</span>
<p class="fontbold bottom20">Air Freight</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
<li class="whitecolor wow fadeIn" data-wow-delay="700ms">
<span class="pro-step bottom20">05</span>
<p class="fontbold bottom20">Ware Houses</p>
<p class="mt-n2 mt-sm-0">Quisque tellus risus, adipisci viverra bibendum urna.</p>
</li>
</ul>
</div>
</div>
</section>
<!--WOrk Process ends-->
<!-- Mobile Apps -->
<section id="our-apps" class="padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-7 col-sm-12">
<div class="heading-title bottom30 wow fadeInLeft" data-wow-delay="200ms">
<span class="defaultcolor text-center text-md-left">Quisque tellus risus, adipisci viverra</span>
<h2 class="bottom30 darkcolor font-normal text-center text-md-left">Mobile App Access</h2>
</div>
</div>
<div class="col-lg-6 col-md-5 col-sm-12 wow fadeInRight" data-wow-delay="200ms">
<p class="heading_space mt-n3 mt-sm-0 text-center text-md-left">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
</div>
</div>
<div class="row d-flex align-items-center" id="app-feature">
<div class="col-lg-3 col-md-4 col-sm-12">
<div class="text-center text-md-left">
<div class="feature-item mt-1 wow fadeInLeft" data-wow-delay="200ms">
<div class="icon"><i class="fas fa-cog"></i></div>
<div class="text">
<h4 class="bottom15">
<span class="d-inline-block">24/7 Support</span>
</h4>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
</div>
</div>
<div class="feature-item mt-5 wow fadeInLeft" data-wow-delay="250ms">
<div class="icon"><i class="fas fa-edit"></i></div>
<div class="text">
<h4 class="bottom15">
<span class="d-inline-block">Best Feedback</span>
</h4>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-4 col-sm-12 text-center">
<div class="image feature-item d-inline-block wow fadeIn my-5 my-md-0" data-wow-delay="400ms">
<img src="images/mobile.png" alt="mobile phones">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-12">
<div class="text-center text-md-right">
<div class="feature-item mt-1 wow fadeInRight" data-wow-delay="200ms">
<div class="icon"><i class="fas fa-truck-moving"></i></div>
<div class="text">
<h4 class="bottom15">
<span class="d-inline-block">Active Works</span>
</h4>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
</div>
</div>
<div class="feature-item mt-5 wow fadeInRight" data-wow-delay="250ms">
<div class="icon"><i class="fas fa-map-marked-alt"></i></div>
<div class="text">
<h4 class="bottom15">
<span class="d-inline-block">Ware Houses</span>
</h4>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Mobile Apps ends-->
<!-- Counters -->
<section id="bg-counters" class="padding bg-counters parallax">
<div class="container">
<div class="row align-items-center text-center">
<div class="overlay overlay-dark opacity-6 z-index-0"></div>
<div class="col-lg-4 col-md-4 col-sm-4 bottom10">
<div class="counters whitecolor top10 bottom10">
<span class="count_nums font-light" data-to="1994" data-speed="2500"> </span>
</div>
<h3 class="font-light whitecolor top20">Since We Started</h3>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<p class="whitecolor top20 bottom20 font-light title">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis id interdum vitae, interdum eget elit. </p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 bottom10">
<div class="counters whitecolor top10 bottom10">
<span class="count_nums font-light" data-to="1395" data-speed="2500"> </span>
</div>
<h3 class="font-light whitecolor top20">Happy Clients</h3>
</div>
</div>
</div>
</section>
<!-- Counters ends-->
<!-- Our Team-->
<section id="our-team" class="padding_top half-section-alt teams-border">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="heading-title wow fadeInLeft" data-wow-delay="200ms">
<span class="defaultcolor text-center text-md-left">Quisque tellus risus, adipisci</span>
<h2 class="darkcolor font-normal bottom30 text-center text-md-left">Meet Our Experts</h2>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 wow fadeInRight" data-wow-delay="200ms">
<p class="heading_space mt-n3 mt-sm-0 text-center text-md-left">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="ourteam-slider" class="owl-carousel">
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="150ms">
<div class="image">
<img src="images/team-1.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Jason Wudex</h4>
<p>Agency Owner</p>
<ul class="social-icons-simple">
<li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="200ms">
<div class="image">
<img src="images/team-2.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Mia Twain</h4>
<p>Designer</p>
<ul class="social-icons-simple">
<li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="250ms">
<div class="image">
<img src="images/team-3.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Peter Farry</h4>
<p>Agency Owner</p>
<ul class="social-icons-simple">
<li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="300ms">
<div class="image">
<img src="images/team-4.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Hayden Wood</h4>
<p>Marketing</p>
<ul class="social-icons-simple">
<li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="150ms">
<div class="image">
<img src="images/team-1.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Shania Jackson</h4>
<p>Print Media</p>
<ul class="social-icons-simple">
<li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="200ms">
<div class="image">
<img src="images/team-2.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Jessica Biel</h4>
<p>Agency Owner</p>
<ul class="social-icons-simple">
<li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="250ms">
<div class="image">
<img src="images/team-3.jpg" alt="">
</div>
<div class="team-content">
<h4 class="darkcolor">Jessica Jung</h4>
<p>Agency Owner</p>
<ul class="social-icons-simple">
<li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Team ends-->
<!--Pricing Start-->
<section id="pricing" class="padding bglight">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="heading-title darkcolor wow fadeInUp" data-wow-delay="300ms">
<span class="defaultcolor">Quisque tellus risus, adipisci </span>
<h2 class="font-normal heading_space_half"> Pricing Offers </h2>
</div>
</div>
<div class="col-12 text-center ">
<div class="price-toggle-wrapper heading_space">
<span class="Pricing-toggle-button month active">Trucking</span>
<span class="Pricing-toggle-button year">Shipping</span>
</div>
</div>
</div>
<div class="owl-carousel owl-theme no-dots" id="price-slider">
<div class="item">
<div class="col-md-12">
<div class="pricing-item wow fadeInUp animated sale" data-wow-delay="300ms" data-sale="30">
<h3 class="font-light darkcolor">Basic</h3>
<p class="bottom30">The standard version</p>
<div class="pricing-price darkcolor"><span class="pricing-currency">$13.55</span> /<span class="pricing-duration">truck</span></div>
<ul class="pricing-list">
<li>Support forum</li>
<li>Free hosting</li>
<li class="price-not">40MB of storage space</li>
<li class="price-not">Social media integration</li>
<li class="price-not">10GB of storage space</li>
</ul>
<a class="button" href="javascript:void(0)">Choose plan</a>
</div>
</div>
</div>
<div class="item">
<div class="col-md-12">
<div class="pricing-item wow fadeInUp animated active selected" data-wow-delay="380ms">
<h3 class="font-light darkcolor">Popular</h3>
<p class="bottom30">The standard version</p>
<div class="pricing-price darkcolor"><span class="pricing-currency">$22.85</span> /<span class="pricing-duration">truck</span></div>
<ul class="pricing-list">
<li>Support forum</li>
<li>Free hosting</li>
<li>40MB of storage space</li>
<li class="price-not">Social media integration</li>
<li class="price-not">10GB of storage space</li>
</ul>
<a class="button" href="javascript:void(0)">Choose plan</a>
</div>
</div>
</div>
<div class="item">
<div class="col-md-12">
<div class="pricing-item wow fadeInUp animated" data-wow-delay="460ms">
<h3 class="font-light darkcolor">Enterprise</h3>
<p class="bottom30">The standard version</p>
<div class="pricing-price darkcolor"><span class="pricing-currency">$34.65</span> /<span class="pricing-duration">truck</span></div>
<ul class="pricing-list">
<li>Support forum</li>
<li>Free hosting</li>
<li>40MB of storage space</li>
<li>Social media integration</li>
<li class="price-not">10GB of storage space</li>
</ul>
<a class="button" href="javascript:void(0)">Choose plan</a>
</div>
</div>
</div>
<div class="item">
<div class="col-md-12">
<div class="pricing-item wow fadeInUp animated" data-wow-deeay="400ms">
<h3 class="font-light darkcolor">Ultimate</h3>
<p class="bottom30">The standard version</p>
<div class="pricing-price darkcolor"><span class="pricing-currency">$41.25</span> /<span class="pricing-duration">truck</span></div>
<ul class="pricing-list">
<li>Support forum</li>
<li>Free hosting</li>
<li>40MB of storage space</li>
<li>Social media integration</li>
<li>10GB of storage space</li>
</ul>
<a class="button" href="javascript:void(0)">Choose plan</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Pricing ends-->
<!-- Partners-->
<section id="our-partners" class="padding_bottom bglight">
<div class="container">
<div class="row">
<h2 class="d-none">Partners Carousel</h2>
<div class="col-md-12 col-sm-12">
<div id="partners-slider" class="owl-carousel">
<div class="item">
<div class="logo-item"> <img alt="" src="images/logo-1.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-2.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-3.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-4.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-5.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-1.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-2.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-3.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-4.png"></div>
</div>
<div class="item">
<div class="logo-item"><img alt="" src="images/logo-5.png"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Partners ends-->
<!-- Testimonials -->
<section id="our-testimonial" class="bglight padding_bottom">
<div class="parallax page-header testimonial-bg">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-6 col-md-12 text-center text-lg-right">
<div class="heading-title wow fadeInUp padding_testi" data-wow-delay="300ms">
<span class="whitecolor">Quisque tellus risus, adipisci</span>
<h2 class="whitecolor font-normal">What People Say</h2>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="owl-carousel" id="testimonial-slider">
<!--item 1-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12 text-center">
<div class="testimonial-round d-inline-block">
<img src="images/testimonial-2.jpg" alt="">
</div>
<h4 class="defaultcolor font-light top15"><a href="#.">John Smith</a></h4>
<p>Shipping, New York</p>
</div>
<div class="col-lg-6 offset-lg-2 col-md-10 offset-md-1 text-lg-left text-center">
<p class="bottom15 top90">We have a number of different teams within our agency that specialise in different areas of business so you can be sure that you won’t receive a generic service and although we boast a years and years of service.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
</div>
</div>
<!--item 2-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12 text-center">
<div class="testimonial-round d-inline-block">
<img src="images/testimonial-1.jpg" alt="">
</div>
<h4 class="defaultcolor font-light top15"><a href="#.">Hayden Wood</a></h4>
<p>Cargo, Italy</p>
</div>
<div class="col-lg-6 offset-lg-2 col-md-10 offset-md-1 text-lg-left text-center">
<p class="bottom15 top90">MegaOne’s customer testimonial page is another beauty. Its simple design focuses on videos and standout quotes from customers. This approach is clean, straightforward, text that can be overwhelming and easy to skip.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</span>
</div>
</div>
</div>
<!--item 3-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12 text-center">
<div class="testimonial-round d-inline-block">
<img src="images/testimonial-3.jpg" alt="">
</div>
<h4 class="defaultcolor font-light top15"><a href="#.">Kevin Miller</a></h4>
<p>Airplane, Australia</p>
</div>
<div class="col-lg-6 offset-lg-2 col-md-10 offset-md-1 text-lg-left text-center">
<p class="bottom15 top90">MegaOne is a company that provides tools to help professional event planning and execution, and their customers are very happy folks! The thing I love about their customer testimonial page provides content formats.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
</div>
</div>
<!--item 4-->
<div class="item testi-box">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12 text-center">
<div class="testimonial-round d-inline-block">
<img src="images/testimonial-4.jpg" alt="">
</div>
<h4 class="defaultcolor font-light top15"><a href="#.">Alina Johanson</a></h4>
<p>Trucks, Sidney</p>
</div>
<div class="col-lg-6 offset-lg-2 col-md-10 offset-md-1 text-lg-left text-center">
<p class="bottom15 top90">Startup Institute is a career accelerator that allows professionals to learn new skills, take their careers in a different direction, and pursue a career they are passionate about that have completed the program.</p>
<span class="d-inline-block test-star">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!--testimonials end-->
<!-- Contact US -->
<section id="stayconnect" class="bglight position-relative">
<div class="container">
<div class="contactus-wrapp">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="heading-title wow fadeInUp text-center text-md-left" data-wow-delay="300ms">
<h3 class="darkcolor bottom20">Stay Connected</h3>
</div>
</div>
<div class="col-md-12 col-sm-12">
<form class="getin_form wow fadeInUp" data-wow-delay="400ms" onsubmit="return false;">
<div class="row">
<div class="col-md-12 col-sm-12" id="result"></div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="userName" class="d-none"></label>
<input class="form-control" type="text" placeholder="Name" required id="userName" name="userName">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="companyName" class="d-none"></label>
<input class="form-control" type="text" placeholder="Company" id="companyName" name="companyName">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label for="email" class="d-none"></label>
<input class="form-control" type="email" placeholder="Email" required id="email" name="email">
</div>
</div>
<div class="col-md-3 col-sm-6">
<button type="submit" class="button gradient-btn w-100" id="submit_btn">subscribe</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Contact US ends -->
<!--Site Footer Here-->
<footer id="site-footer" class=" bgprimary padding_top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<a href="../index-logistic.html" class="footer_logo bottom25"><img src="images/logo-transparent.png" alt="MegaOne"></a>
<p class="whitecolor bottom25">Keep away from people who try to belittle your ambitions Small people always do that but the really great Friendly.</p>
<div class="d-table w-100 address-item whitecolor bottom25">
<span class="d-table-cell align-middle"><i class="fas fa-mobile-alt"></i></span>
<p class="d-table-cell align-middle bottom0">
+01 - 123 - 4567 <a class="d-block" href="mailto:web@support.com">web@support.com</a>
</p>
</div>
<ul class="social-icons white wow fadeInUp" data-wow-delay="300ms">
<li><a href="javascript:void(0)" class=""><i class="fab fa-facebook-f"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-twitter"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a href="javascript:void(0)" class=""><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<h3 class="whitecolor bottom25">Latest News</h3>
<ul class="latest_news whitecolor">
<li> <a href="#.">Aenean tristique justo et... </a> <span class="date defaultcolor">15 March 2019</span> </li>
<li> <a href="#.">Phasellus dapibus dictum augue... </a> <span class="date defaultcolor">15 March 2019</span> </li>
<li> <a href="#.">Mauris blandit vitae. Praesent non... </a> <span class="date defaultcolor">15 March 2019</span> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20 pl-0 pl-lg-5">
<h3 class="whitecolor bottom25">Our Services</h3>
<ul class="links">
<li><a href="../index-logistic.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="news-1.html">Latest News</a></li>
<li><a href="pricing.html">Business Planning</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="faq.html">Faq's</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer_panel padding_bottom_half bottom20">
<h3 class="whitecolor bottom25">Business hours</h3>
<p class="whitecolor bottom25">Our support available to help you 24 hours a day, seven days week</p>
<ul class="hours_links whitecolor">
<li><span>Monday-Saturday:</span> <span>8.00-18.00</span></li>
<li><span>Friday:</span> <span>09:00-21:00</span></li>
<li><span>Sunday:</span> <span>09:00-20:00</span></li>
<li><span>Calendar Events:</span> <span>24-Hour Shift</span></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!--Footer ends-->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../vendor/js/bundle.min.js"></script>
<!--to view items on reach-->
<script src="../vendor/js/jquery.appear.js"></script>
<!--Owl Slider-->
<script src="../vendor/js/owl.carousel.min.js"></script>
<!--Parallax Background-->
<script src="../vendor/js/parallaxie.min.js"></script>
<!--Cubefolio Gallery-->
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!--Fancybox js-->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<!--wow js-->
<script src="../vendor/js/wow.min.js"></script>
<!--number counters-->
<script src="../vendor/js/jquery-countTo.js"></script>
<!--tooltip js-->
<script src="../vendor/js/tooltipster.min.js"></script>
<!--Revolution SLider-->
<script src="../vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="../vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS -->
<script src="../vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="../vendor/js/extensions/revolution.extension.video.min.js"></script>
<!--custom functions and script-->
<script src="js/functions.js"></script>
</body>
</html>