Skip to content

Commit 307ef07

Browse files
Merge pull request #1045 from KalangiGeetaneha/branch52
Rent page is working in about page.
2 parents 1f3573c + 5312e7e commit 307ef07

File tree

1 file changed

+22
-9
lines changed

1 file changed

+22
-9
lines changed

src/pages/about.html

Lines changed: 22 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -198,14 +198,27 @@
198198
gap: 1.5rem;
199199
overflow-x: auto;
200200
scroll-snap-type: x mandatory;
201-
padding-right: 1rem;
201+
padding-right: 1rem;
202+
202203
}
203204

204205
.testimonial-card {
205206
flex: 0 0 300px;
206207
scroll-snap-align: start;
207208
}
208209

210+
211+
212+
.testimonial-card:hover {
213+
border: 1px solid #60a5fa;
214+
transform: scale(1.05);
215+
box-shadow: 0 4px 10px rgba(96, 165, 250, 0.3);
216+
}
217+
218+
.add-margin{
219+
margin-top: 20px;
220+
}
221+
209222
</style>
210223

211224

@@ -361,7 +374,7 @@ <h2 data-aos="fade-up" class="h2 section-title gradient-text">💬 What Our Cust
361374
<ion-icon name="chevron-back-outline"></ion-icon>
362375
</button>
363376
<div data-aos="fade-up" data-aos-delay="100" class="testimonials-container">
364-
<div class="testimonial-card modern-card animate-card">
377+
<div class="testimonial-card modern-card animate-card mt-3">
365378
<div class="testimonial-header">
366379
<div class="customer-avatar">
367380
<img src="https://placehold.co/60x60/007BFF/white?text=RS" alt="Rahul Sharma" />
@@ -376,7 +389,7 @@ <h4 class="customer-name">Rahul Sharma</h4>
376389
<p>"I recently rented a car from VehiGo, and I couldn't be happier with the experience. The staff was incredibly friendly and helpful throughout the entire process."</p>
377390
</div>
378391
</div>
379-
<div class="testimonial-card modern-card animate-card">
392+
<div class="testimonial-card modern-card animate-card mt-3">
380393
<div class="testimonial-header">
381394
<div class="customer-avatar">
382395
<img src="https://placehold.co/60x60/28a745/white?text=AP" alt="Alok Patel" />
@@ -391,7 +404,7 @@ <h4 class="customer-name">Alok Patel</h4>
391404
<p>"Renting a car from VehiGo was a breeze! The staff was friendly, the car was clean and well-maintained, and the whole process was seamless."</p>
392405
</div>
393406
</div>
394-
<div class="testimonial-card modern-card animate-card">
407+
<div class="testimonial-card modern-card animate-card mt-3">
395408
<div class="testimonial-header">
396409
<div class="customer-avatar">
397410
<img src="https://placehold.co/60x60/ffc107/black?text=AG" alt="Aaru Gupta" />
@@ -406,7 +419,7 @@ <h4 class="customer-name">Aaru Gupta</h4>
406419
<p>"VehiGo is my top choice for renting a car. Their service is consistently outstanding and professional. Highly recommended!"</p>
407420
</div>
408421
</div>
409-
<div class="testimonial-card modern-card animate-card">
422+
<div class="testimonial-card modern-card animate-card mt-3">
410423
<div class="testimonial-header">
411424
<div class="customer-avatar">
412425
<img src="https://placehold.co/60x60/dc3545/white?text=PJ" alt="Prateeksha Joshi" />
@@ -421,7 +434,7 @@ <h4 class="customer-name">Prateeksha Joshi</h4>
421434
<p>"Overall a wonderful experience! The car was spacious, comfortable, and fuel-efficient. The booking process was simple and quick."</p>
422435
</div>
423436
</div>
424-
<div class="testimonial-card modern-card animate-card">
437+
<div class="testimonial-card modern-card animate-card mt-3">
425438
<div class="testimonial-header">
426439
<div class="customer-avatar">
427440
<img src="https://placehold.co/60x60/6f42c1/white?text=RM" alt="Rohit Mehta" />
@@ -526,21 +539,21 @@ <h3 class="h3 card-title">${c.login}</h3>
526539
<div data-aos="flip-right" data-aos-delay="50" class="container" >
527540
<h2 class="h2 section-title gradient-text" style="margin-bottom: 20px;">🗺️ Where We Operate</h2>
528541
<div class="locations-list">
529-
<a href="/src/index.html" class="location-card modern-card animate-card">
542+
<a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
530543
<div class="location-card-content">
531544
<h3 class="h3 card-title">Bhopal</h3>
532545
<p>Explore the city of lakes with our reliable rental cars, perfect for urban adventures and business trips.</p>
533546
<span class="card-link modern-btn">Rent in Bhopal</span>
534547
</div>
535548
</a>
536-
<a href="/src/index.html" class="location-card modern-card animate-card">
549+
<a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
537550
<div class="location-card-content">
538551
<h3 class="h3 card-title">Indore</h3>
539552
<p>Navigate Indore's vibrant streets with our diverse fleet, from compact city cars to luxury vehicles for special occasions.</p>
540553
<span class="card-link modern-btn">Rent in Indore</span>
541554
</div>
542555
</a>
543-
<a href="/src/index.html" class="location-card modern-card animate-card">
556+
<a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
544557
<div class="location-card-content">
545558
<h3 class="h3 card-title">Ujjain</h3>
546559
<p>Discover Ujjain's spiritual and cultural heritage with our convenient rental options for pilgrims and tourists.</p>

0 commit comments

Comments
 (0)