contact page and error page created

This commit is contained in:
sujan 2024-09-02 16:05:25 +05:45
parent 345f36427b
commit 04559f889d
7 changed files with 61 additions and 207 deletions

25
404.php
View File

@ -1,6 +1,6 @@
<?php include('header.php');?> <?php include('header.php');?>
<!-- start wpo-page-title --> <!-- start wpo-page-title -->
<section class="404-bg"> <section class="error-bg">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col col-xs-12"> <div class="col col-xs-12">
@ -15,21 +15,20 @@
<!-- end page-title --> <!-- end page-title -->
<!-- start error-404-section --> <!-- start error-404-section -->
<section class="error-404-section section-padding"> <section class="hero-section-s3">
<div class="container"> <div class="container">
<div class="row"> <div class="hero-wrap">
<div class="col col-xs-12"> <div class="row">
<div class="content clearfix"> <div class="col-lg-6 col-12">
<div class="error-message"> <h4 class="error"><span>Oops!</span><br>
<h3>404</h3> We can't seem to find the page you're looking for</h4>
<h4>were sorry page not found</h4> <div class="hero-btn"> <a href="index.php" class="apply-btn">Back to Home</a> </div>
<a href="index.php" class="apply-btn">Back To Home</a> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- end row -->
</div> </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> </section>
<!-- end error-404-section --> <!-- end error-404-section -->
<?php include('footer.php');?> <?php include('footer.php');?>

159
about.php
View File

@ -298,161 +298,8 @@
</div> </div>
</section> </section>
<!-- end of wpo-process-section --> <!-- end of wpo-process-section -->
<!-- stert of wpo-funfact-section --> <!--start of team-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 Clients 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 -->
<section class="wpo-team-section-s2 section-padding"> <section class="wpo-team-section-s2 section-padding">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -567,6 +414,6 @@
</svg> </svg>
</div> </div>
</section> </section>
<!--end of wpo-team-section --> <!--end of team-section -->
<?php include('footer.php');?> <?php include('footer.php');?>

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

View File

@ -14635,6 +14635,15 @@ img {
z-index: 1; 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; 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 { .hero-breadcrumb {
text-align: center; text-align: center;
margin-top: 40px; margin-top: 40px;
@ -14684,15 +14693,26 @@ img {
.popup-title { .popup-title {
color: #444 !important; color: #444 !important;
} }
.country-title a { .country-title a {
background: #FF7236; background: #FF7236;
color: #fff; color: #fff;
padding: 8px 16px; padding: 8px 16px;
font-family: "Plus Jakarta Sans"; font-family: "Plus Jakarta Sans";
text-transform: capitalize; text-transform: capitalize;
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
font-weight: 600; 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*/ /*extra css*/

View File

@ -131,7 +131,7 @@
</div> </div>
</div> </div>
<div class="bg-image"> <img src="assets/images/slider/bg-img.jpg" alt=""> </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> </section>
<!-- Form Section End--> <!-- Form Section End-->
@ -151,6 +151,17 @@
<div class="content"> <div class="content">
<div class="text"> <div class="text">
<h3>Head Office</h3> <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-call"></i> <strong>Roger J. Spaulding</strong><br>
<i class="flaticon-location"></i> <strong>Roger J. Spaulding</strong><br> <i class="flaticon-location"></i> <strong>Roger J. Spaulding</strong><br>
</div> </div>
@ -158,36 +169,13 @@
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6 col-12"> <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="content">
<div class="date"> <div class="text">
<h3>28</h3> <h3>Nepal Office</h3>
<span>Sep</span> </div> <i class="flaticon-call"></i> <strong>Roger J. Spaulding</strong><br>
<div class="text"> <span>Transport</span> <i class="flaticon-location"></i> <strong>Roger J. Spaulding</strong><br>
<h2><a href="blog-details.php">Lead Analyst for Transportation Network and
Logistics</a></h2>
</div> </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> </div>
</div> </div>