Layout Changes
This commit is contained in:
sujan
49
parts/about.php
Normal file
49
parts/about.php
Normal 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
69
parts/blog.php
Normal 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
55
parts/country.php
Normal 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
113
parts/form.php
Normal 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
94
parts/hero.php
Normal 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">World’s 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">World’s 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
27
parts/inquiry.php
Normal 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
20
parts/logo-display.php
Normal 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
42
parts/logo-section.php
Normal 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
10
parts/map.php
Normal 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
37
parts/matrix.php
Normal 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
125
parts/process.php
Normal 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
76
parts/service.php
Normal 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
116
parts/team.php
Normal 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
37
parts/testimonial.php
Normal 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 Client’s 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 -->
|
||||
Reference in New Issue
Block a user