contact page and error page created
This commit is contained in:
parent
345f36427b
commit
04559f889d
21
404.php
21
404.php
@ -1,6 +1,6 @@
|
||||
<?php include('header.php');?>
|
||||
<!-- start wpo-page-title -->
|
||||
<section class="404-bg">
|
||||
<section class="error-bg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
@ -15,21 +15,20 @@
|
||||
<!-- end page-title -->
|
||||
|
||||
<!-- start error-404-section -->
|
||||
<section class="error-404-section section-padding">
|
||||
<section class="hero-section-s3">
|
||||
<div class="container">
|
||||
<div class="hero-wrap">
|
||||
<div class="row">
|
||||
<div class="col col-xs-12">
|
||||
<div class="content clearfix">
|
||||
<div class="error-message">
|
||||
<h3>404</h3>
|
||||
<h4>we’re sorry page not found</h4>
|
||||
<a href="index.php" class="apply-btn">Back To Home</a> </div>
|
||||
<div class="col-lg-6 col-12">
|
||||
<h4 class="error"><span>Oops!</span><br>
|
||||
We can't seem to find the page you're looking for</h4>
|
||||
<div class="hero-btn"> <a href="index.php" class="apply-btn">Back to Home</a> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
</div>
|
||||
<!-- end container -->
|
||||
<div class="bg-image"> <img src="assets/images/slider/bg-img.jpg" alt=""> </div>
|
||||
<div class="left-img"> <img src="assets/images/access-images/hero-error.jpg" alt=""> </div>
|
||||
</section>
|
||||
<!-- end error-404-section -->
|
||||
<?php include('footer.php');?>
|
||||
<?php include('footer.php');?>
|
157
about.php
157
about.php
@ -299,160 +299,7 @@
|
||||
</section>
|
||||
<!-- end of wpo-process-section -->
|
||||
|
||||
<!-- stert of wpo-funfact-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">00</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">0</span>.<span class="odometer"
|
||||
data-count="2">0</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">0</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">0</span>%</h2>
|
||||
<h3>Clients Positive review</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end of wpo-funfact-section -->
|
||||
|
||||
<!-- start of wpo-features-section-s2 -->
|
||||
<section class="wpo-features-section-s2">
|
||||
<div class="top-wraper">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="wpo-section-title">
|
||||
<h2>Trusted transport service</h2>
|
||||
<h3>Logistics features
|
||||
that we can provideing</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="f-btn"> <a href="services.html" class="theme-btn">All Services</a> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom-wraper">
|
||||
<div class="container">
|
||||
<div class="bottom-content">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-12">
|
||||
<div class="item">
|
||||
<div class="icon"> <i class="flaticon-distribution-center"></i> </div>
|
||||
<div class="content">
|
||||
<h3>Warehouse</h3>
|
||||
<p>Warehouse: hub for storage, distribution, and logistics.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-12">
|
||||
<div class="item">
|
||||
<div class="icon"> <i class="flaticon-customer-support-1"></i> </div>
|
||||
<div class="content">
|
||||
<h3>Support 24/7</h3>
|
||||
<p>Warehouse: hub for storage, distribution, and logistics.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-12">
|
||||
<div class="item">
|
||||
<div class="icon"> <i class="flaticon-delivery-box"></i> </div>
|
||||
<div class="content">
|
||||
<h3>Cargo Insurance</h3>
|
||||
<p>Warehouse: hub for storage, distribution, and logistics.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end of wpo-features-section-s2 -->
|
||||
|
||||
<!-- start of wpo-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 wpo-testimonial-section -->
|
||||
|
||||
<!--start of wpo-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 wpo-partner-section -->
|
||||
|
||||
<!--start of wpo-team-section -->
|
||||
<!--start of team-section -->
|
||||
<section class="wpo-team-section-s2 section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@ -567,6 +414,6 @@
|
||||
</svg>
|
||||
</div>
|
||||
</section>
|
||||
<!--end of wpo-team-section -->
|
||||
<!--end of team-section -->
|
||||
|
||||
<?php include('footer.php');?>
|
BIN
assets/images/access-images/contactus.jpg
Normal file
BIN
assets/images/access-images/contactus.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 109 KiB |
BIN
assets/images/access-images/error-bg.jpg
Normal file
BIN
assets/images/access-images/error-bg.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 179 KiB |
BIN
assets/images/access-images/hero-error.jpg
Normal file
BIN
assets/images/access-images/hero-error.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 54 KiB |
@ -14635,6 +14635,15 @@ img {
|
||||
z-index: 1;
|
||||
background: linear-gradient(rgb(0 0 0 / 35%), rgb(0 0 0 / 48%)), url(../images/access-images/faq-bg.jpg) no-repeat center top / cover;
|
||||
}
|
||||
.error-bg {
|
||||
min-height: 500px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
z-index: 1;
|
||||
background: linear-gradient(rgb(0 0 0 / 35%), rgb(0 0 0 / 48%)), url(../images/access-images/error-bg.jpg) no-repeat center top / cover;
|
||||
}
|
||||
.hero-breadcrumb {
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
@ -14684,7 +14693,6 @@ img {
|
||||
.popup-title {
|
||||
color: #444 !important;
|
||||
}
|
||||
|
||||
.country-title a {
|
||||
background: #FF7236;
|
||||
color: #fff;
|
||||
@ -14695,4 +14703,16 @@ img {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.error {
|
||||
color: #000;
|
||||
font-size: 53px;
|
||||
font-weight: 800;
|
||||
line-height: 82px;
|
||||
text-transform: capitalize;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.error span {
|
||||
color: red;
|
||||
font-size: 80px;
|
||||
}
|
||||
/*extra css*/
|
46
contact.php
46
contact.php
@ -131,7 +131,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-image"> <img src="assets/images/slider/bg-img.jpg" alt=""> </div>
|
||||
<div class="left-img"> <img src="assets/images/slider/hero-img.jpg" alt=""> </div>
|
||||
<div class="left-img"> <img src="assets/images/access-images/contactus.jpg" alt=""> </div>
|
||||
</section>
|
||||
<!-- Form Section End-->
|
||||
|
||||
@ -151,6 +151,17 @@
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h3>Head Office</h3>
|
||||
<p><i class="flaticon-call"></i> <strong class="px-2">Roger J. Spaulding</strong></p>
|
||||
<p><i class="flaticon-location"></i> <strong class="px-2">Putalisadak</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="blog-card">
|
||||
<div class="content">
|
||||
<div class="text">
|
||||
<h3>Chitwon Office</h3>
|
||||
<i class="flaticon-call"></i> <strong>Roger J. Spaulding</strong><br>
|
||||
<i class="flaticon-location"></i> <strong>Roger J. Spaulding</strong><br>
|
||||
</div>
|
||||
@ -158,36 +169,13 @@
|
||||
</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="blog-card">
|
||||
<div class="content">
|
||||
<div class="date">
|
||||
<h3>28</h3>
|
||||
<span>Sep</span> </div>
|
||||
<div class="text"> <span>Transport</span>
|
||||
<h2><a href="blog-details.php">Lead Analyst for Transportation Network and
|
||||
Logistics</a></h2>
|
||||
<div class="text">
|
||||
<h3>Nepal Office</h3>
|
||||
<i class="flaticon-call"></i> <strong>Roger J. Spaulding</strong><br>
|
||||
<i class="flaticon-location"></i> <strong>Roger J. Spaulding</strong><br>
|
||||
</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-details.php">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>
|
||||
|
Loading…
Reference in New Issue
Block a user