Customizations/JohnBullVanRental
1
0
Fork 0
Code Issues Pull Requests Releases Activity

book now

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-09-22 15:37:18 -04:00
parent 12b4721ecd
commit 889263977f
2 changed files with 66 additions and 359 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Controllers/Home.php
+32 -1
View File
@@ -6,7 +6,36 @@ class Home extends BaseController
{
public function index(): string
{
return view('home');
$fleet = [
[
"image" => "/assets/images/car-1.jpg",
"title" => "Car 1 name",
] ,
[
"image" => "/assets/images/car-2.jpg",
"title" => "Car 2 name",
] ,
[
"image" => "/assets/images/car-3.jpg",
"title" => "Car 3 name",
] ,
[
"image" => "/assets/images/car-1.jpg",
"title" => "Car 4 name",
] ,
[
"image" => "/assets/images/car-2.jpg",
"title" => "Car 5 name",
] ,
[
"image" => "/assets/images/car-3.jpg",
"title" => "Car 6 name",
] ,
];
$in["fleet"] = $fleet;
return view('home', $in);
}
public function about(): string
{
@@ -25,4 +54,6 @@ class Home extends BaseController
return view('our-services');
}
}
app/Views/home.php
+34 -358
View File
@@ -155,369 +155,45 @@
<div class="car-details-slider">
<div class="swiper">
<div class="swiper-wrapper" data-cursor-text="Drag">
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Perfect Fleets Item Start -->
<div class="perfect-fleet-item">
<!-- Image Box Start -->
<div class="image-box">
<img src="/assets/images/car-1.jpg" alt="">
</div>
<!-- Image Box End -->
<!-- Perfect Fleets Content Start -->
<div class="perfect-fleet-content">
<!-- Perfect Fleets Title Start -->
<div class="perfect-fleet-title">
<h3>luxury car</h3>
<h2>BMW M2 Car 2017</h2>
<?php
foreach ($fleet as $item){
?>
<div class="swiper-slide">
<!-- Perfect Fleets Item Start -->
<div class="perfect-fleet-item">
<!-- Image Box Start -->
<div class="image-box">
<img src="<?=$item["image"]?>" alt="">
</div>
<!-- Image Box End -->
<!-- Perfect Fleets Content Start -->
<div class="perfect-fleet-content">
<!-- Perfect Fleets Title Start -->
<div class="perfect-fleet-title">
<h3>luxury car</h3>
<h2><?=$item["title"]?></h2>
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Footer Start -->
<div class="perfect-fleet-footer">
<!-- Perfect Fleets Btn Start -->
<div class="perfect-fleet-btn">
<a href="/book" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
</div>
<!-- Perfect Fleets Btn End -->
</div>
<!-- Perfect Fleets Footer End -->
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Body Start -->
<div class="perfect-fleet-body">
<ul>
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
</ul>
</div>
<!-- Perfect Fleets Body End -->
<!-- Perfect Fleets Footer Start -->
<div class="perfect-fleet-footer">
<!-- Perfect Fleets Pricing Start -->
<div class="perfect-fleet-pricing">
<h2>$280<span>/day</span></h2>
</div>
<!-- Perfect Fleets Pricing End -->
<!-- Perfect Fleets Btn Start -->
<div class="perfect-fleet-btn">
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
</div>
<!-- Perfect Fleets Btn End -->
</div>
<!-- Perfect Fleets Footer End -->
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Item End -->
</div>
<!-- Perfect Fleets Item End -->
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Perfect Fleets Item Start -->
<div class="perfect-fleet-item">
<!-- Image Box Start -->
<div class="image-box">
<img src="/assets/images/car-2.jpg" alt="">
</div>
<!-- Image Box End -->
<!-- Perfect Fleets Content Start -->
<div class="perfect-fleet-content">
<!-- Perfect Fleets Title Start -->
<div class="perfect-fleet-title">
<h3>luxury car</h3>
<h2>Audi RS7 Car 2016</h2>
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Body Start -->
<div class="perfect-fleet-body">
<ul>
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
</ul>
</div>
<!-- Perfect Fleets Body End -->
<!-- Perfect Fleets Footer Start -->
<div class="perfect-fleet-footer">
<!-- Perfect Fleets Pricing Start -->
<div class="perfect-fleet-pricing">
<h2>$320<span>/day</span></h2>
</div>
<!-- Perfect Fleets Pricing End -->
<!-- Perfect Fleets Btn Start -->
<div class="perfect-fleet-btn">
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
</div>
<!-- Perfect Fleets Btn End -->
</div>
<!-- Perfect Fleets Footer End -->
</div>
<!-- Perfect Fleets Content End -->
</div>
<!-- Perfect Fleets Item End -->
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Perfect Fleets Item Start -->
<div class="perfect-fleet-item">
<!-- Image Box Start -->
<div class="image-box">
<img src="/assets/images/perfect-fleet-img-3.png" alt="">
</div>
<!-- Image Box End -->
<!-- Perfect Fleets Content Start -->
<div class="perfect-fleet-content">
<!-- Perfect Fleets Title Start -->
<div class="perfect-fleet-title">
<h3>luxury car</h3>
<h2>Ferrari F12 Car 2022</h2>
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Body Start -->
<div class="perfect-fleet-body">
<ul>
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
</ul>
</div>
<!-- Perfect Fleets Body End -->
<!-- Perfect Fleets Footer Start -->
<div class="perfect-fleet-footer">
<!-- Perfect Fleets Pricing Start -->
<div class="perfect-fleet-pricing">
<h2>$450<span>/day</span></h2>
</div>
<!-- Perfect Fleets Pricing End -->
<!-- Perfect Fleets Btn Start -->
<div class="perfect-fleet-btn">
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
</div>
<!-- Perfect Fleets Btn End -->
</div>
<!-- Perfect Fleets Footer End -->
</div>
<!-- Perfect Fleets Content End -->
</div>
<!-- Perfect Fleets Item End -->
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Perfect Fleets Item Start -->
<div class="perfect-fleet-item">
<!-- Image Box Start -->
<div class="image-box">
<img src="/assets/images/perfect-fleet-img-4.png" alt="">
</div>
<!-- Image Box End -->
<!-- Perfect Fleets Content Start -->
<div class="perfect-fleet-content">
<!-- Perfect Fleets Title Start -->
<div class="perfect-fleet-title">
<h3>luxury car</h3>
<h2>Toyota Yaris 2017</h2>
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Body Start -->
<div class="perfect-fleet-body">
<ul>
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
</ul>
</div>
<!-- Perfect Fleets Body End -->
<!-- Perfect Fleets Footer Start -->
<div class="perfect-fleet-footer">
<!-- Perfect Fleets Pricing Start -->
<div class="perfect-fleet-pricing">
<h2>$220<span>/day</span></h2>
</div>
<!-- Perfect Fleets Pricing End -->
<!-- Perfect Fleets Btn Start -->
<div class="perfect-fleet-btn">
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
</div>
<!-- Perfect Fleets Btn End -->
</div>
<!-- Perfect Fleets Footer End -->
</div>
<!-- Perfect Fleets Content End -->
</div>
<!-- Perfect Fleets Item End -->
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Perfect Fleets Item Start -->
<div class="perfect-fleet-item">
<!-- Image Box Start -->
<div class="image-box">
<img src="/assets/images/perfect-fleet-img-2.png" alt="">
</div>
<!-- Image Box End -->
<!-- Perfect Fleets Content Start -->
<div class="perfect-fleet-content">
<!-- Perfect Fleets Title Start -->
<div class="perfect-fleet-title">
<h3>luxury car</h3>
<h2>Audi RS7 Car 2016</h2>
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Body Start -->
<div class="perfect-fleet-body">
<ul>
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
</ul>
</div>
<!-- Perfect Fleets Body End -->
<!-- Perfect Fleets Footer Start -->
<div class="perfect-fleet-footer">
<!-- Perfect Fleets Pricing Start -->
<div class="perfect-fleet-pricing">
<h2>$320<span>/day</span></h2>
</div>
<!-- Perfect Fleets Pricing End -->
<!-- Perfect Fleets Btn Start -->
<div class="perfect-fleet-btn">
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
</div>
<!-- Perfect Fleets Btn End -->
</div>
<!-- Perfect Fleets Footer End -->
</div>
<!-- Perfect Fleets Content End -->
</div>
<!-- Perfect Fleets Item End -->
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Perfect Fleets Item Start -->
<div class="perfect-fleet-item">
<!-- Image Box Start -->
<div class="image-box">
<img src="/assets/images/perfect-fleet-img-3.png" alt="">
</div>
<!-- Image Box End -->
<!-- Perfect Fleets Content Start -->
<div class="perfect-fleet-content">
<!-- Perfect Fleets Title Start -->
<div class="perfect-fleet-title">
<h3>luxury car</h3>
<h2>Ferrari F12 Car 2022</h2>
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Body Start -->
<div class="perfect-fleet-body">
<ul>
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
</ul>
</div>
<!-- Perfect Fleets Body End -->
<!-- Perfect Fleets Footer Start -->
<div class="perfect-fleet-footer">
<!-- Perfect Fleets Pricing Start -->
<div class="perfect-fleet-pricing">
<h2>$450<span>/day</span></h2>
</div>
<!-- Perfect Fleets Pricing End -->
<!-- Perfect Fleets Btn Start -->
<div class="perfect-fleet-btn">
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
</div>
<!-- Perfect Fleets Btn End -->
</div>
<!-- Perfect Fleets Footer End -->
</div>
<!-- Perfect Fleets Content End -->
</div>
<!-- Perfect Fleets Item End -->
</div>
<!-- Testimonial Slide End -->
<!-- Testimonial Slide Start -->
<div class="swiper-slide">
<!-- Perfect Fleets Item Start -->
<div class="perfect-fleet-item">
<!-- Image Box Start -->
<div class="image-box">
<img src="/assets/images/perfect-fleet-img-4.png" alt="">
</div>
<!-- Image Box End -->
<!-- Perfect Fleets Content Start -->
<div class="perfect-fleet-content">
<!-- Perfect Fleets Title Start -->
<div class="perfect-fleet-title">
<h3>luxury car</h3>
<h2>Toyota Yaris 2017</h2>
</div>
<!-- Perfect Fleets Content End -->
<!-- Perfect Fleets Body Start -->
<div class="perfect-fleet-body">
<ul>
<li><img src="/assets/images/icon-fleet-list-1.svg" alt="">4 passenger</li>
<li><img src="/assets/images/icon-fleet-list-2.svg" alt="">4 door</li>
<li><img src="/assets/images/icon-fleet-list-3.svg" alt="">bags</li>
<li><img src="/assets/images/icon-fleet-list-4.svg" alt="">auto</li>
</ul>
</div>
<!-- Perfect Fleets Body End -->
<!-- Perfect Fleets Footer Start -->
<div class="perfect-fleet-footer">
<!-- Perfect Fleets Pricing Start -->
<div class="perfect-fleet-pricing">
<h2>$220<span>/day</span></h2>
</div>
<!-- Perfect Fleets Pricing End -->
<!-- Perfect Fleets Btn Start -->
<div class="perfect-fleet-btn">
<a href="#" class="section-icon-btn"><img src="/assets/images/arrow-white.svg" alt=""></a>
</div>
<!-- Perfect Fleets Btn End -->
</div>
<!-- Perfect Fleets Footer End -->
</div>
<!-- Perfect Fleets Content End -->
</div>
<!-- Perfect Fleets Item End -->
</div>
<!-- Testimonial Slide End -->
<?php
}
?>
</div>
<div class="car-details-btn">
<div class="car-button-prev"></div>