Subash77/Bohora-rental
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed layout

Browse Source
This commit is contained in:
mesafal 2025-02-19 13:32:46 +05:45
parent e2a8ccc8b6
commit 30ebd28cb7
7 changed files with 109 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
contact.php
View File

@ -39,21 +39,25 @@
<div class="row g-4"> <div class="row g-4">
<div class="col-lg-6"> <div class="col-lg-6">
<div class="form-clt"> <div class="form-clt">
<label for="">Name</label>
<input type="text" name="name" id="name" placeholder="Your Name"> <input type="text" name="name" id="name" placeholder="Your Name">
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="form-clt"> <div class="form-clt">
<label for="">Email</label>
<input type="text" name="email" id="email2" placeholder="Your Email"> <input type="text" name="email" id="email2" placeholder="Your Email">
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="form-clt"> <div class="form-clt">
<label for="">Subject</label>
<input type="text" name="subject" id="subject" placeholder="Subject"> <input type="text" name="subject" id="subject" placeholder="Subject">
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="form-clt"> <div class="form-clt">
<label for="">Phone</label>
<input type="text" name="phone" id="phone" placeholder="Phone"> <input type="text" name="phone" id="phone" placeholder="Phone">
</div> </div>
</div> </div>

9
css/custom.css
View File

@ -484,3 +484,12 @@ a:hover {
width: 100%; width: 100%;
} }
} }
.footer-logo{
width: 135px; /* Adjust the width */
height: 85px; /* Maintain aspect ratio */
}
.footer-logo img{
width: 100%; /* Adjust the width */
height: 100%; /* Maintain aspect ratio */
}

22
css/main.css
View File

@ -1171,7 +1171,7 @@ span {
.cta-cheap-rental-section { .cta-cheap-rental-section {
background-color: rgb(17, 26, 54); background-color: rgb(17, 26, 54);
padding: 30px 0; /* padding: 30px 0; */
} }
.cta-cheap-rental { .cta-cheap-rental {
@ -6974,14 +6974,16 @@ input.main-search-input::placeholder {
} }
.testimonial-wrapper-2 .testimonial-single-items { .testimonial-wrapper-2 .testimonial-single-items {
display: flex; /* display: flex; */
gap: 20px; gap: 20px;
/* border: 1px solid black; */ /* border: 1px solid black; */
border-bottom: 0.001px solid rgb(197, 195, 195); /* border-bottom: 0.001px solid rgb(197, 195, 195); */
box-shadow: 0 5px 10px grey; /* box-shadow: 0 5px 10px grey; */
background-color: white; /* background-color: white; */
height: 250px; height: 250px;
padding: 10px 20px; padding: 10px 20px;
width: 70%;
margin: auto;
} }
@media (max-width: 991px) { @media (max-width: 991px) {
@ -7002,7 +7004,7 @@ input.main-search-input::placeholder {
} }
.testimonial-wrapper-2 .testimonial-single-items .testimonial-img { .testimonial-wrapper-2 .testimonial-single-items .testimonial-img {
display: block; display: block;
margin: 0 auto; margin: auto;
width: 50px; width: 50px;
height: 50px; height: 50px;
padding: 30px; padding: 30px;
@ -7010,8 +7012,8 @@ input.main-search-input::placeholder {
object-fit: cover; object-fit: cover;
border-radius: 50%; border-radius: 50%;
position: relative; position: relative;
margin-left: 20px; /* margin-left: 20px;
margin-top: 5px; margin-top: 5px; */
background-color: white; background-color: white;
} }
@media (max-width: 991px) { @media (max-width: 991px) {
@ -7045,6 +7047,7 @@ input.main-search-input::placeholder {
padding: 0 0 10px 0; padding: 0 0 10px 0;
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
text-align: center;
} }
@media (max-width: 1199px) { @media (max-width: 1199px) {
.testimonial-wrapper-2 .testimonial-single-items .testimonial-content p { .testimonial-wrapper-2 .testimonial-single-items .testimonial-content p {
@ -7085,9 +7088,10 @@ input.main-search-input::placeholder {
} }
.testimonial-wrapper-2 .testimonial-single-items .testimonial-content .name-job .job { .testimonial-wrapper-2 .testimonial-single-items .testimonial-content .name-job .job {
color: var(--theme); color: var(--theme);
margin: 0; /* margin: 0; */
font-size: 14px; font-size: 14px;
line-height: 1.6; line-height: 1.6;
text-align: center;
font-weight: 500; font-weight: 500;
} }
.testimonial-wrapper-2 .client-img-items { .testimonial-wrapper-2 .client-img-items {

5
footer.php
View File

@ -5,9 +5,10 @@
<div class="cta-cheap-rental"> <div class="cta-cheap-rental">
<div class="cta-cheap-rental-left wow fadeInUp" data-wow-delay=" <div class="cta-cheap-rental-left wow fadeInUp" data-wow-delay="
.3s"> .3s">
<div class="logo"> <div class="footer-logo">
<a href="index.php" class="header-logo"> <a href="index.php" class="header-logo">
<img src="img/bohora-logo.png" alt="logo-img"> <img src="img/logo/logo-trans.png" alt="logo-img">
</a> </a>
</div> </div>
<h4 class="text-white">Save big with our cheap car rental</h4> <h4 class="text-white">Save big with our cheap car rental</h4>

2
js/swiper-bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

69
parts/Testimonial.php
View File

@ -1,5 +1,6 @@
<!--Testimonial Section Start --> <!--Testimonial Section Start -->
<section class="testimonial-section-3 bg-cover padding-t-sm padding-b-sm fix" style="background-image: url('img/testimonial/bg-testimonial-home3.png');"> <section class="testimonial-section-3 bg-cover padding-t-sm padding-b-sm fix"
style="background-image: url('img/testimonial/bg-testimonial-home3.png');">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
@ -11,56 +12,66 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="testimonial-single-items"> <div class="testimonial-single-items">
<div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');"></div> <div class="testimonial-img bg-cover " style="background-image: url('img/person.jpg');">
<div class="testimonial-content"> </div>
<div class="testimonial-content mt-3">
<p> <div class="name-job mb-3">
“I had an amazing trip with Puran Bohara from Bohara Car Rental. The driver was professional, the car was comfortable, and the experience was unforgettable!” <h3 class="name text-center">
</p>
<div class="name-job">
<h3 class="name">
Umesh Pandey Umesh Pandey
</h3> </h3>
<span class="job">Founder & CEO of Motif Education Abroad (P) Ltd.</span> <h4 class="job text-center">Founder & CEO of Motif Education Abroad (P) Ltd.</h4>
</div> </div>
<p class="text-center">
“I had an amazing trip with Puran Bohara from Bohara Car Rental. The driver was
professional, the car was comfortable, and the experience was unforgettable!”
</p>
</div> </div>
</div> </div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="testimonial-single-items"> <div class="testimonial-single-items">
<div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');"></div> <div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');">
<div class="testimonial-content"> </div>
<p> <div class="testimonial-content mt-3">
“Highly recommend Bohara Car Rental for anyone traveling in Nepal. They made my journey so smooth and enjoyable!” <div class="name-job mb-3">
</p>
<div class="name-job">
<h3 class="name"> <h3 class="name text-center">
Nawaraj Karkee Nawaraj Karkee
</h3> </h3>
<span class="job">Customer</span> <h4 class="job">Customer</h4>
</div> </div>
<p>
“Highly recommend Bohara Car Rental for anyone traveling in Nepal. They made my
journey so smooth and enjoyable!”
</p>
</div> </div>
</div> </div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="testimonial-single-items"> <div class="testimonial-single-items">
<div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');"></div> <div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');">
<div class="testimonial-content"> </div>
<p> <div class="testimonial-content mt-3">
This is due to their excellent service, competitive pricing and customer support. It’s throughly refresing to get such a personal touch. <div class="name-job mb-3">
</p> <h3 class="name text-center">
<div class="name-job">
<h3 class="name">
Shirley Smith Shirley Smith
</h3> </h3>
<span class="job">Customer</span> <h4 class="job">Customer</h4>
</div> </div>
<p>
This is due to their excellent service, competitive pricing and customer support.
It’s throughly refresing to get such a personal touch.
</p>
</div> </div>
</div> </div>
</div> </div>
@ -69,8 +80,8 @@
<div class="client-img-items"> <div class="client-img-items">
<div class="array-button wow fadeInUp" data-wow-delay=".6s"> <div class="array-button wow fadeInUp" data-wow-delay=".6s">
<button class="array-prev"><i class="fa-solid fa-arrow-left-long"></i></button> <button class="array-next "><i class="fa-solid fa-arrow-left-long"></i></button>
<button class="array-next"><i class="fa-solid fa-arrow-right-long"></i></button> <button class="array-prev"><i class="fa-solid fa-arrow-right-long"></i></button>
</div> </div>
</div> </div>
</div> </div>

2
peugeot.php
View File

@ -37,7 +37,7 @@
<h3>Request for Booking</h3> <h3>Request for Booking</h3>
<p>Fill your requirement to us. We will check your request and contact you soon.</p> <p>Fill your requirement to us. We will check your request and contact you soon.</p>
</div> </div>
<form action="sendemail.php" id="contact-form" method="POST" class="contact-form-items"> <form action="" id="contact-form" method="POST" class="contact-form-items">
<input type="hidden" name="car_name" value="Peugeot 308"> <input type="hidden" name="car_name" value="Peugeot 308">
<div class="row"> <div class="row">
<!-- Name Field --> <!-- Name Field -->