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

edited layout

Browse Source
This commit is contained in:
mesafal 2025-02-20 14:05:38 +05:45
parent d481aafc70
commit 6499126478
11 changed files with 129 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
contact.php
View File

@ -26,7 +26,7 @@
<div class="container">
<div class="contact-wrapper-area">
<div class="row g-4">
<div class="col-lg-9">
<div class="col-lg-8 col-xl-9">
<div class="contact-content">
<div class="section-title">
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
@ -76,7 +76,7 @@
</form>
</div>
</div>
<div class="col-lg-3">
<div class="col-lg-4 col-xl-3">
<div class="contact-right-items">
<div class="contact-img">
<img src="img/contact.jpg" alt="img">
@ -112,10 +112,9 @@
</div>
</div>
<div class="social-icon d-flex align-items-center">
<a href="contact.php#"><i class="fab fa-facebook-f"></i></a>
<!-- <a href="contact.php#"><i class="fab fa-twitter"></i></a> -->
<a href="contact.php#"><i class="fa-brands fa-whatsapp"></i></a>
<a href="contact.php#"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div>
</div>
</div>

93
css/main.css
View File

@ -13,6 +13,7 @@ Version: 1.0.0
--white: #fff;
--theme: #ffcc26;
--theme2: #005cb5;
--sec: #f39c12;
--header: #0c142e;
--text: #77797e;
--ratting: #ffa128;
@ -378,7 +379,7 @@ span {
}
.about-wrapper .about-content h4 {
text-transform: uppercase;
color: var(--theme);
color: #000;
font-weight: 400;
margin-bottom: 20px;
}
@ -1068,7 +1069,8 @@ span {
}
.contact-section-1 {
margin-bottom: -80px;
/* margin-bottom: -80px; */
margin-top: 10px;
position: relative;
z-index: 9;
}
@ -1185,6 +1187,10 @@ span {
gap: 25px;
justify-content: center;
}
.cta-cheap-rental .social-icon{
display: none !important;
}
}
.cta-cheap-rental .cta-cheap-rental-left {
display: flex;
@ -1209,7 +1215,7 @@ span {
font-size: 18px;
}
}
.cta-cheap-rental .social-icon {
.social-icon {
gap: 15px;
position: relative;
z-index: 9;
@ -1219,7 +1225,7 @@ span {
margin-top: 20px;
}
}
.cta-cheap-rental .social-icon a {
.social-icon a {
width: 40px;
height: 40px;
line-height: 40px;
@ -1232,7 +1238,7 @@ span {
background-color: var(--white);
border-radius: 50%;
}
.cta-cheap-rental .social-icon a:hover {
.social-icon a:hover {
background-color: var(--theme);
color: var(--white);
}
@ -1357,6 +1363,23 @@ span {
border: none;
border-radius: 10px;
}
.hero-content .pickup-btn{
background-color: var(--sec);
transition: all 0.3s ease;
height: 65px;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
color: var(--white);
padding: 0 40px;
border: none;
border-radius: 10px;
margin-top: 10px;
}
/* .hero-content.pickup-btn:hover {
background-color: var(--sec);
} */
.pickup-wrapper .pickup-items .pickup-btn:hover {
background-color: var(--theme2);
}
@ -1468,7 +1491,7 @@ span {
}
.faq-content .accordion-item .accordion-header .accordion-button {
font-weight: 600;
color: var(--theme);
color: var(--sec);
letter-spacing: -0.2px;
border: 0;
border-radius: 0;
@ -2158,38 +2181,38 @@ span {
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
/* @media (max-width: 991px) {
.galley-wrapper-2 .gallery-items {
width: 48.5%;
}
}
} */
@media screen and (max-width: 580px) {
.galley-wrapper-2 .gallery-items {
/* .galley-wrapper-2 .gallery-items {
width: 95%;
}
.galley-wrapper-2 .gallery-items .g-items {
} */
/* .galley-wrapper-2 .gallery-items .g-items {
margin: 10px;
}
.galley-wrapper-2 .gallery-items .g-items:not(:last-child) {
} */
/* .galley-wrapper-2 .gallery-items .g-items:not(:last-child) {
margin-bottom: 25px;
}
} */
}
.galley-wrapper-2 .gallery-items .g-items {
position: relative;
width: 100%;
object-fit: cover;
height: 100%;
margin: 25px;
/* margin: 25px; */
overflow: hidden;
}
@media (max-width: 991px) {
/* @media (max-width: 991px) {
.galley-wrapper-2 .gallery-items .g-items {
margin: 20px;
}
}
} */
@media (max-width: 470px) {
.galley-wrapper-2 .gallery-items .g-items {
margin: 10px;
/* margin: 10px; */
}
}
.galley-wrapper-2 .gallery-items .g-items img {
@ -2825,6 +2848,15 @@ span {
.header-top-section {
display: none;
}
.footer-section .social-icon{
display: flex !important;
}
}
@media (min-width: 991px) {
.footer-section .social-icon{
display: none !important;
}
}
.header-top-section::before {
position: absolute;
@ -2925,6 +2957,10 @@ span {
.header-top-wrapper .header-top-right .social-icon a {
color: var(--white);
font-size: 14px;
background-color: var(--theme);
width: 30px;
height: 30px;
line-height: 30px;
}
.header-top-wrapper.style-2 .contact-list li {
color: #8e94a5;
@ -3060,7 +3096,7 @@ span {
background-color: var(--white);
box-shadow: var(--box-shadow);
z-index: 999;
border-bottom: 3px solid var(--theme);
border-bottom: 5px solid var(--theme);
}
.header-1 .container-fluid {
padding: 0 60px;
@ -3489,7 +3525,7 @@ span {
.offcanvas__wrapper {
position: relative;
height: 100%;
padding: 30px 30px;
padding: 0 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
color: var(--text);
@ -4394,12 +4430,21 @@ span {
width: 100%;
height: 100%;
}
.hero-3 {
position: relative;
width: 100%;
height: 90vh !important;
height: 100% !important;
}
@media (min-width:992px) {
.hero-3 {
position: relative;
width: 100%;
height: 80vh !important;
}
}
@media (max-width: 991px) {
.hero-3 .array-button {
display: none;
@ -5370,7 +5415,7 @@ input.main-search-input::placeholder {
margin-bottom: 5px;
}
.section-title span {
color: var(--theme);
color: #f39c12;
margin-bottom: 10px;
display: inline-block;
font-weight: 500;
@ -7095,7 +7140,7 @@ input.main-search-input::placeholder {
color: var(--header);
}
.testimonial-wrapper-2 .testimonial-single-items .testimonial-content .name-job .job {
color: var(--theme);
color: var(--sec);
/* margin: 0; */
font-size: 14px;
line-height: 1.6;

12
footer.php
View File

@ -15,9 +15,9 @@
</div>
<div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay="
.5s">
<a href="index.php#"><i class="fab fa-facebook-f"></i></a>
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a>
<a href="index.php#"><i class="fa-brands fa-whatsapp"></i></a>
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div>
</div>
</div>
@ -44,6 +44,12 @@
<a href="tel:+9779801136594" style="color: #fff; text-decoration: none;">+977 980-1136594</a>
</li>
</ul>
<div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay="
.5s">
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div>
</div>
</div>

16
gallery.php
View File

@ -25,7 +25,7 @@
<div class="container">
<div class="galley-wrapper-2">
<div class="gallery-items row">
<div class="col-lg-4 pt-15">
<div class="col-lg-4 col-md-6 pt-15">
<div class="g-items">
<img src="img/cargallery/carG1.jpg" alt="ga-img">
<div class="icon-box">
@ -37,7 +37,7 @@
<div class="mask-second"></div>
</div>
</div>
<div class="col-lg-4 pt-15">
<div class="col-lg-4 col-md-6 pt-15">
<div class="g-items">
<img src="img/cargallery/carG4.jpg" alt="ga-img">
@ -49,7 +49,7 @@
<div class="mask"></div>
<div class="mask-second"></div>
</div>
<div class="g-items">
<!-- <div class="g-items">
<img src="img/cargallery/carG2.jpg" alt="ga-img">
<div class="icon-box">
<a href="img/cargallery/carG2.jpg" class="icon img-popup-2">
@ -58,9 +58,9 @@
</div>
<div class="mask"></div>
<div class="mask-second"></div>
</div> -->
</div>
</div>
<div class="col-lg-4 pt-15">
<div class="col-lg-4 col-md-6 pt-15">
<div class="g-items">
<img src="img/cargallery/carG3.jpg" alt="ga-img">
<div class="icon-box">
@ -72,7 +72,7 @@
<div class="mask-second"></div>
</div>
</div>
<div class="col-lg-4 pt-15">
<div class="col-lg-4 col-md-6 pt-15">
<div class="g-items">
<img src="img/cargallery/carG5.jpg" alt="ga-img">
<div class="icon-box">
@ -84,7 +84,7 @@
<div class="mask-second"></div>
</div>
</div>
<div class="col-lg-4 pt-15">
<div class="col-lg-4 col-md-6 pt-15">
<div class="g-items">
<img src="img/cargallery/carG6.jpg" alt="ga-img">
<div class="icon-box">
@ -96,7 +96,7 @@
<div class="mask-second"></div>
</div>
</div>
<div class="col-lg-4 pt-15">
<div class="col-lg-4 col-md-6 pt-15">
<div class="g-items">
<img src="img/cargallery/carG7.jpg" alt="ga-img">
<div class="icon-box">

19
header.php
View File

@ -92,10 +92,10 @@
<div class="offcanvas__info">
<div class="offcanvas__wrapper">
<div class="offcanvas__content">
<div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
<div class="offcanvas__top d-flex justify-content-between align-items-center">
<div class="offcanvas__logo">
<a href="index.php">
<img src="img/logo/black-logo.svg" alt="logo-img">
<img src="img/logo/logo-trans.png" alt="logo-img">
</a>
</div>
<div class="offcanvas__close">
@ -150,9 +150,9 @@
</a>
</div>
<div class="social-icon d-flex align-items-center">
<a href="index.php#"><i class="fab fa-facebook-f"></i></a>
<a href="index.php#"><i class="fab fa-instagram"></i></a>
<a href="index.php#"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div>
</div>
</div>
@ -184,9 +184,9 @@
<li><a href="contact.php">Contact</a></li>
</ul> -->
<div class="social-icon d-flex align-items-center">
<a href="index.php#"><i class="fa-brands fa-facebook"></i></a>
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a>
<a href="index.php#"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div>
</div>
</div>
@ -213,8 +213,9 @@
<li class="has-dropdown active menu-thumb">
<a href="index.php">
Home
<!-- <i class="fas fa-angle-down"></i>
</a>
<!-- <i class="fas fa-angle-down"></i>
<ul class="submenu">
<li><a href="index.php">Home 01</a></li>
<li><a href="index-2.php">Home 02</a></li>

2
index.php
View File

@ -1,6 +1,6 @@
<?php include('header.php') ?>
<?php include('parts/banner.php') ?>
<?php include('parts/pickupform.php') ?>
<?php include('parts/howitworks.php') ?>
<?php include('parts/searchbooking.php') ?>
<?php include('parts/about.php') ?>

4
news1.php
View File

@ -66,8 +66,8 @@
<a >Luxury</a>
</div>
<div class="social-share d-flex align-items-center">
<a href="blog.php#"><i class="fab fa-facebook-f"></i></a>
<a href="blog.php#"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
</div>
</div>

4
news2.php
View File

@ -61,8 +61,8 @@
<a >Luxury</a>
</div>
<div class="social-share d-flex align-items-center">
<a href="blog.php#"><i class="fab fa-facebook-f"></i></a>
<a href="blog.php#"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
</div>
</div>

4
news3.php
View File

@ -61,8 +61,8 @@
<a >Luxury</a>
</div>
<div class="social-share d-flex align-items-center">
<a href="blog.php#"><i class="fab fa-facebook-f"></i></a>
<a href="blog.php#"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
</div>
</div>

20
parts/banner.php
View File

@ -31,12 +31,12 @@
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-3.jpg');">
<div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
<!-- <div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
<img src="img/hero/line-shape-1.png" alt="shape-img">
</div>
<div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s">
<img src="img/hero/line-shape-2.png" alt="shape-img">
</div>
</div> -->
</div>
<div class="container">
<div class="row justify-content-center">
@ -51,6 +51,11 @@
<p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s">
Discover Nepal with Comfort and Trust.
</p>
<a href="car-grid.php" data-animation="fadeInUp" data-delay="1.5s">
<button class="pickup-btn animated-btn" type="submit">
Search Car
</button>
</a>
</div>
</div>
</div>
@ -59,12 +64,12 @@
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="hero-image bg-cover" style="background-image: url('img/hero/hero-4.jpg');">
<div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
<!-- <div class="line-shape" data-animation="slideInLeft" data-duration="3s" data-delay="2.1s">
<img src="img/hero/line-shape-1.png" alt="shape-img">
</div>
<div class="line-shape-2" data-animation="slideInLeft" data-duration="3s" data-delay="2.3s">
<img src="img/hero/line-shape-2.png" alt="shape-img">
</div>
</div> -->
</div>
<div class="container">
<div class="row justify-content-center">
@ -77,8 +82,13 @@
तपाईंको यात्रा सुखद र अविस्मरणीय रहोस्।
</h1>
<p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s">
हाम्रो देश प्राकृतिक सौन्दर्य, सांस्कृतिक विविधता, र अद्वितीय अतिथिसत्कारको लागि प्रसिद्ध छ।
हाम्रो देश प्राकृतिक सौन्दर्य, सांस्कृतिक विविधता, र अद्वितीय अतिथिसत्कारको लागि
प्रसिद्ध छ।
</p>
<a href="car-grid.php" data-animation="fadeInUp" data-delay="1.5s">
<button class="pickup-btn animated-btn" type="submit">
कार खोजनुहोस् </button>
</a>
</div>
</div>
</div>

6
parts/ctaCheap.php
View File

@ -14,9 +14,9 @@
</div>
<div class="social-icon d-flex align-items-center wow fadeInUp" data-wow-delay="
.5s">
<a href="index.php#"><i class="fab fa-facebook-f"></i></a>
<a href="index.php#"><i class="fa-brands fa-instagram"></i></a>
<a href="index.php#"><i class="fa-brands fa-whatsapp"></i></a>
<a href="https://www.facebook.com/" target="blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.viber.com/" target="blank"><i class="fab fa-viber"></i></a>
<a href="https://www.whatsapp.com/" target="blank"><i class="fa-brands fa-whatsapp"></i></a>
</div>
</div>
</div>