Bohora-rental/parts/banner.php
subashGamer21 f4f4f04a7d changes
changes
2025-01-09 20:07:52 +05:45

90 lines
4.5 KiB
PHP

<!-- Search Area Start -->
<div class="search-wrap">
<div class="search-inner">
<i class="fas fa-times search-close" id="search-close"></i>
<div class="search-cell">
<form method="get">
<div class="search-field-holder">
<input type="search" class="main-search-input" placeholder="Search...">
</div>
</form>
</div>
</div>
</div>
<!-- Hero Section Start -->
<section class="hero-section hero-3 fix">
<div class="array-button">
<button class="image-array-left bg-cover" style="background-image: url('img/bg-slideshow-03.jpg');">
<i class="fa-solid fa-chevron-left"></i>
</button>
<button class="image-array-right bg-cover" style="background-image: url('img/bg-slideshow-03.jpg');">
<i class="fa-solid fa-chevron-right"></i>
</button>
</div>
<h6 class="search-text">Search Any Car</h6>
<div class="line-icon">
<img src="img/hero/icon.png" alt="icon">
</div>
<div class="swiper hero-slider-3">
<div class="swiper-wrapper">
<!-- 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">
<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 class="container">
<div class="row justify-content-center">
<div class="col-xl-12">
<div class="hero-content">
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
Welcome to Bohora Car Rentals
</h4>
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
Your Trusted Travel Companion in Nepal
</h1>
<p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s">
Discover Nepal with Comfort and Trust.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 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">
<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 class="container">
<div class="row justify-content-center">
<div class="col-xl-12">
<div class="hero-content">
<h4 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
नेपालमा स्वागत !
</h4>
<h1 class="text-white" data-animation="fadeInUp" data-delay="1.3s">
तपाईंको यात्रा सुखद अविस्मरणीय रहोस्।
</h1>
<p class="text-white mt-3" data-animation="fadeInUp" data-delay="1.5s">
हाम्रो देश प्राकृतिक सौन्दर्य, सांस्कृतिक विविधता, अद्वितीय अतिथिसत्कारको लागि प्रसिद्ध छ।
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>