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

made header

Browse Source
This commit is contained in:
mesafal 2025-02-19 18:04:31 +05:45
parent 0bbe32b785
commit 33205c341a
5 changed files with 42 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.htaccess Normal file
View File

@ -0,0 +1,6 @@
RewriteEngine On
RewriteBase /
# Remove .php extension from URLs
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^(.*)$ $1.php [L,QSA]

28
car-grid.php
View File

@ -31,9 +31,9 @@
<img src="img/Cars/peugeot_308.jpg" alt="img"> <img src="img/Cars/peugeot_308.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2015 Model 2015 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
@ -76,9 +76,9 @@
<img src="img/Cars/navara.jpg" alt="img"> <img src="img/Cars/navara.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2015 Model 2015 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
@ -121,9 +121,9 @@
<img src="img/Cars/ford_ecosport_trend.jpg" alt="img"> <img src="img/Cars/ford_ecosport_trend.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2017 Model 2017 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
@ -166,9 +166,9 @@
<img src="img/Cars/mitsubhi.jpg" alt="img"> <img src="img/Cars/mitsubhi.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2015 Model 2015 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
@ -211,9 +211,9 @@
<img src="img/car/09.jpg" alt="img"> <img src="img/car/09.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2018 Model 2018 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
@ -256,9 +256,9 @@
<img src="img/Cars/beetle.jpg" alt="img"> <img src="img/Cars/beetle.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
1995 Model 1995 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
@ -302,9 +302,9 @@
<img src="img/Cars/honda city.jpg" alt="img"> <img src="img/Cars/honda city.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2015 Model 2015 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>

8
css/custom.css
View File

@ -197,7 +197,12 @@
transform: scale(1.1); transform: scale(1.1);
} }
} }
@media (max-width:768px) {
.header-1 .header-main .header-left{
margin-left: 20px !important;
}
}
.header-1 .header-main .header-left { .header-1 .header-main .header-left {
display: flex; display: flex;
align-items: center; align-items: center;
@ -216,7 +221,8 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.logo { .logo {
position: absolute; /* Or fixed if you want it to stay while scrolling */ position: absolute; /* Or fixed if you want it to stay while scrolling */
width: 100px !important;
height: 43px !important;
right: 1px; /* Position it on the right side */ right: 1px; /* Position it on the right side */
z-index: 10; /* Ensure it's on top of other content */ z-index: 10; /* Ensure it's on top of other content */
} }

8
css/main.css
View File

@ -6020,6 +6020,13 @@ input.main-search-input::placeholder {
padding: 0 30px; padding: 0 30px;
} }
} }
@media (max-width:768px) {
.car-slider-wrapper .car-slider-image{
height: 220px !important;
}
}
.car-slider-wrapper .car-slider-image{ .car-slider-wrapper .car-slider-image{
height: 150px; height: 150px;
object-fit: cover; object-fit: cover;
@ -6028,6 +6035,7 @@ input.main-search-input::placeholder {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 10px; border-radius: 10px;
object-fit: cover;
} }
.car-list-items { .car-list-items {

12
parts/CarRental.php
View File

@ -25,9 +25,9 @@
<img src="img/Cars/peugeot_308.jpg" alt="img"> <img src="img/Cars/peugeot_308.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2015 Model 2015 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
@ -70,9 +70,9 @@
<img src="img/Cars/navara.jpg" alt="img"> <img src="img/Cars/navara.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2015 Model 2015 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
@ -115,9 +115,9 @@
<img src="img/Cars/beetle.jpg" alt="img"> <img src="img/Cars/beetle.jpg" alt="img">
</div> </div>
<div class="car-content"> <div class="car-content">
<div class="post-cat"> <!-- <div class="post-cat">
2024 Model 2024 Model
</div> </div> -->
<div class="star"> <div class="star">
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i>