changed layout

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

View File

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

View File

@ -484,3 +484,12 @@ a:hover {
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 */
}

View File

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

View File

@ -5,9 +5,10 @@
<div class="cta-cheap-rental">
<div class="cta-cheap-rental-left wow fadeInUp" data-wow-delay="
.3s">
<div class="logo">
<div class="footer-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>
</div>
<h4 class="text-white">Save big with our cheap car rental</h4>

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,6 @@
<!--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="row">
<div class="col-12">
@ -11,56 +12,66 @@
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-single-items">
<div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');"></div>
<div class="testimonial-content">
<p>
“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 class="name-job">
<h3 class="name">
<div class="testimonial-img bg-cover " style="background-image: url('img/person.jpg');">
</div>
<div class="testimonial-content mt-3">
<div class="name-job mb-3">
<h3 class="name text-center">
Umesh Pandey
</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>
<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 class="swiper-slide">
<div class="testimonial-single-items">
<div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');"></div>
<div class="testimonial-content">
<p>
“Highly recommend Bohara Car Rental for anyone traveling in Nepal. They made my journey so smooth and enjoyable!
</p>
<div class="name-job">
<h3 class="name">
<div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');">
</div>
<div class="testimonial-content mt-3">
<div class="name-job mb-3">
<h3 class="name text-center">
Nawaraj Karkee
</h3>
<span class="job">Customer</span>
<h4 class="job">Customer</h4>
</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 class="swiper-slide">
<div class="testimonial-single-items">
<div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');"></div>
<div class="testimonial-content">
<p>
This is due to their excellent service, competitive pricing and customer support. Its throughly refresing to get such a personal touch.
</p>
<div class="name-job">
<h3 class="name">
<div class="testimonial-img bg-cover" style="background-image: url('img/person.jpg');">
</div>
<div class="testimonial-content mt-3">
<div class="name-job mb-3">
<h3 class="name text-center">
Shirley Smith
</h3>
<span class="job">Customer</span>
<h4 class="job">Customer</h4>
</div>
<p>
This is due to their excellent service, competitive pricing and customer support.
Its throughly refresing to get such a personal touch.
</p>
</div>
</div>
</div>
@ -69,8 +80,8 @@
<div class="client-img-items">
<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-right-long"></i></button>
<button class="array-next "><i class="fa-solid fa-arrow-left-long"></i></button>
<button class="array-prev"><i class="fa-solid fa-arrow-right-long"></i></button>
</div>
</div>
</div>

View File

@ -37,7 +37,7 @@
<h3>Request for Booking</h3>
<p>Fill your requirement to us. We will check your request and contact you soon.</p>
</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">
<div class="row">
<!-- Name Field -->