Pages Link Changes

This commit is contained in:
sujan 2024-08-29 13:47:40 +05:45
parent ecef568185
commit 373872f9db
4 changed files with 706 additions and 1180 deletions

1177
about.html

File diff suppressed because it is too large Load Diff

670
about.php Normal file
View File

@ -0,0 +1,670 @@
<?php include('header.php');?>
<!-- start wpo-page-title -->
<section class="wpo-breadcumb-area">
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="wpo-breadcumb-wrap">
<h2>Internation Logistics</h2>
<h3>About us</h3>
</div>
</div>
</div>
</div>
</section>
<!-- end page-title -->
<!-- start of wpo-about-section -->
<section class="wpo-about-section-s4">
<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 -->
<!-- start of wpo-funfact-section-s2 -->
<section class="wpo-funfact-section-s3">
<div class="container">
<div class="wraper">
<div class="row g-0">
<div class="col col-lg-3 col-md-6 col-12">
<div class="item"> <i class="flaticon-warehouse"></i>
<h2><span class="odometer" data-count="560">00</span></h2>
<p>Main Warehouses</p>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="item"> <i class="flaticon-truck"></i>
<h2><span class="odometer" data-count="100">00</span>%</h2>
<p>Supply Engineers</p>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="item"> <i class="flaticon-globe"></i>
<h2><span class="odometer" data-count="3">00</span>m+</h2>
<p>Countries Covered</p>
</div>
</div>
<div class="col col-lg-3 col-md-6 col-12">
<div class="item"> <i class="flaticon-order"></i>
<h2><span class="odometer" data-count="30">00</span>+</h2>
<p>Total Services</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end of wpo-funfact-section-s2 -->
<!-- start of wpo-service-section-s3 -->
<section class="wpo-service-section-s3 section-padding">
<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>Transport & Logistics
Services We are the best</h3>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="service-btn"> <a href="services-single.html" class="theme-btn">All Services</a> </div>
</div>
</div>
</div>
<div class="service-slider-s2">
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-1.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Maritime transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-2.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Train Transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-3.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Cargo Ship Freight</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-4.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Cargo Ship Freight</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
<div class="service-card-s2">
<div class="icon"> <img src="assets/images/service/icon-5.svg" alt=""> </div>
<div class="content">
<h2><a href="services-single.html">Flight Transportation</a></h2>
<p>Logistika is the worlds driving worldwide coordinations supplier we uphold
industry and exchange the worldwide trade of .</p>
<div class="services-btn"> <a href="services-single.html">See Details </a> </div>
</div>
<div class="top-shape"> <img src="assets/images/service/top-shape.svg" alt=""> </div>
<div class="bottom-shape"> <img src="assets/images/service/bottom-shape.svg" alt=""> </div>
</div>
</div>
</section>
<!-- end of wpo-service-section-s3 -->
<!-- stert of wpo-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 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 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">
<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 wpo-team-section -->
<!-- start of wpo-get-touch-section -->
<section class="wpo-get-touch-section section-padding">
<div class="container">
<div class="row justify-content-end">
<div class="col-lg-7 col-12">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Lets Work Together</h3>
</div>
<form id="myForm">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<input id="name" class="fild" type="text" placeholder="Your Name">
<div id="nameError" class="error-message"></div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<input id="email" class="fild" type="email" placeholder="Email Address">
<div id="emailError" class="error-message"></div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<input id="phone" class="fild" type="text" placeholder="Your Number">
<div id="phoneError" class="error-message"></div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<input id="trackingId" class="fild" type="text"
placeholder="Enter your tracking id">
<div id="trackingIdError" class="error-message"></div>
</div>
<div class="col-12">
<textarea id="message" class="fild fild-textarea"
placeholder="Write Message"></textarea>
<div id="messageError" class="error-message"></div>
</div>
<div class="col-12">
<button type="submit" class="theme-btn">Send Us Messages <i
class="ti-angle-right"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="shape">
<svg width="100%" height="100%" viewBox="0 0 579 909" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M358.873 909L277 382L87.7578 760V909H358.873Z"
fill="#1C7991" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0.703125 909L465.828 0L304.102 569.065L207.458 909H0.703125Z" fill="#FF7236" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M579.001 0L304.154 571.371L466.229 0H579.001Z"
fill="#124855" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M369.718 0L280.523 361.342L465.827 0H369.718Z"
fill="#1C7990" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M364.445 446.031L443.443 909H358.413L304.154 571.128L364.445 446.031Z" fill="#FFCB37" />
</svg>
</div>
</section>
<!-- end of wpo-get-touch-section -->
<!--start of wpo-map-section -->
<section class="wpo-map-section">
<h2 class="hidden">Contact map</h2>
<div class="wpo-map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"
allowfullscreen></iframe>
</div>
</section>
<!--end of wpo-map-section -->
<!--start of wpo-cta-section-s2 -->
<div class="wpo-cta-section-s2">
<div class="container">
<div class="cta-wrapr">
<div class="wpo-section-title">
<h2>Trusted transport service</h2>
<h3>Transport & Logistics
proejcts that we providde</h3>
<a href="contact.html" class="theme-btn">Contact support</a> </div>
<div class="contact-info">
<div class="item">
<div class="icon"> <i class="flaticon-phone-call"></i> </div>
<div class="text"> <span>Call For Inquiry</span>
<p>+236 (456) 896 22</p>
</div>
</div>
<div class="item">
<div class="icon"> <i class="flaticon-email"></i> </div>
<div class="text"> <span>Send Us Email</span>
<p>contact@logistika.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end of wpo-cta-section-s2 -->
<?php include('footer.php');?>

View File

@ -14390,4 +14390,37 @@ img {
text-transform: uppercase; text-transform: uppercase;
overflow: hidden; overflow: hidden;
} }
.apply-btn::before {
position: absolute;
bottom: 0;
left: 0;
width: 50%;
height: 0;
content: "";
background-color: #FF7236;
transition: all 0.4s ease-in-out;
border-radius: 0;
z-index: -1;
}
.apply-btn::after {
position: absolute;
top: 0;
right: 0;
width: 51%;
height: 0;
content: "";
background-color: #FF7236;
transition: all 0.4s ease-in-out;
border-radius: 0;
z-index: -1;
}
.apply-btn:hover::before {
height: 100%;
}
.apply-btn:hover::after {
height: 100%;
}
.apply-btn:hover {
color: #fff;
}
/*extra css*/ /*extra css*/

View File

@ -73,9 +73,9 @@
<button class="menu-close"><i class="ti-close"></i></button> <button class="menu-close"><i class="ti-close"></i></button>
<ul class="nav navbar-nav mb-2 mb-lg-0"> <ul class="nav navbar-nav mb-2 mb-lg-0">
<li><a href="index.php">Home</a></li> <li><a href="index.php">Home</a></li>
<li class="menu-item-has-children"> <a href="#">Pages</a> <li class="menu-item-has-children"> <a href="#">About</a>
<ul class="sub-menu"> <ul class="sub-menu">
<li><a href="about.html">About</a></li> <li><a href="about.php">Company Profile</a></li>
<li class="menu-item-has-children"> <a href="#">Project</a> <li class="menu-item-has-children"> <a href="#">Project</a>
<ul class="sub-menu"> <ul class="sub-menu">
<li><a href="project.html">Project style 1</a></li> <li><a href="project.html">Project style 1</a></li>
@ -132,7 +132,7 @@
</div> </div>
<div class="col-lg-3 col-md-2 col-2"> <div class="col-lg-3 col-md-2 col-2">
<div class="header-right"> <div class="header-right">
<div class="close-form"> <a class="apply-btn" href="contact.html">Apply Now<i class="flaticon-next"></i></a> </div> <div class="close-form"> <a class="apply-btn" href="contact.html">Apply Now</a> </div>
</div> </div>
</div> </div>
</div> </div>