made header

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

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]

View File

@ -31,9 +31,9 @@
<img src="img/Cars/peugeot_308.jpg" alt="img">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2015 Model
</div>
</div> -->
<div class="star">
<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">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2015 Model
</div>
</div> -->
<div class="star">
<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">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2017 Model
</div>
</div> -->
<div class="star">
<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">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2015 Model
</div>
</div> -->
<div class="star">
<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">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2018 Model
</div>
</div> -->
<div class="star">
<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">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
1995 Model
</div>
</div> -->
<div class="star">
<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">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2015 Model
</div>
</div> -->
<div class="star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>

View File

@ -197,7 +197,12 @@
transform: scale(1.1);
}
}
@media (max-width:768px) {
.header-1 .header-main .header-left{
margin-left: 20px !important;
}
}
.header-1 .header-main .header-left {
display: flex;
align-items: center;
@ -216,7 +221,8 @@
@media (max-width: 768px) {
.logo {
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 */
z-index: 10; /* Ensure it's on top of other content */
}

View File

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

View File

@ -25,9 +25,9 @@
<img src="img/Cars/peugeot_308.jpg" alt="img">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2015 Model
</div>
</div> -->
<div class="star">
<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">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2015 Model
</div>
</div> -->
<div class="star">
<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">
</div>
<div class="car-content">
<div class="post-cat">
<!-- <div class="post-cat">
2024 Model
</div>
</div> -->
<div class="star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>