Orient_Website/home/slider.php
2024-07-25 12:23:16 +05:45

55 lines
4.2 KiB
PHP

<!-- Carousel Start -->
<div class="carousel-header">
<div id="carouselId" class="carousel slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#carouselId" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselId" data-bs-slide-to="1"></li>
<li data-bs-target="#carouselId" data-bs-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img src="img/slider-a-bg.png" class="img-fluid" alt="Image">
<div class="row">
<div class="col-lg-8">
<div class="carousel-caption text-left">
<div class="" style="max-width: 1200px; margin-left: 5%;">
<h4 class="text-white fw-bold mb-3 wow fadeInUp" data-wow-delay="0.1s">Your Gateway to <b>Global Education.</b></h4>
<h1 class="display-1 text-white mb-3 wow fadeInUp" data-wow-delay="0.3s">Unlock Your Potenntial <br>With top Universities <br>around the world.</h1>
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp" data-wow-delay="0.7s" href="contact.php">Get Started</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<img src="img/slider-b-bg.png" class="img-fluid" alt="Image">
<div class="carousel-caption text-left">
<div class="" style="max-width: 1200px; margin-left: 5%">
<h4 class="text-white fw-bold mb-3 wow fadeInUp" data-wow-delay="0.1s">Expert Guidance for <br>your <b>Study Abroad Journey</b></h4>
<h1 class="display-1 text-white mb-3 wow fadeInUp" data-wow-delay="0.3s">Personalized counseling <br>and comprehensive support <br>for your educational goals.</h1>
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp" data-wow-delay="0.7s" href="about.php">Learn More</a>
</div>
</div>
</div>
<div class="carousel-item">
<img src="img/slider-c-bg.jpg" class="img-fluid" alt="Image">
<div class="carousel-caption_1 text-right">
<div class="" style="max-width: 1200px; margin-right: 5%">
<h5 class="text-white text-uppercase fw-bold mb-3 wow fadeInUp" data-wow-delay="0.1s">Achieve Success with <br><b>Language and Test Prep Classes</b></h5>
<h1 class="display-1 text-capitalize text-white mb-3 wow fadeInUp" data-wow-delay="0.3s">Master Japanese, Korean,<br>IELTS, And PTE With<br>Our Expert Instructors.</h1>
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp" data-wow-delay="0.7s" href="contact.php">Join Now</a>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselId" data-bs-slide="prev">
<span class="carousel-control-prev-icon bg-secondary wow fadeInLeft" data-wow-delay="0.2s" aria-hidden="false"></span>
<span class="visually-hidden-focusable">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselId" data-bs-slide="next">
<span class="carousel-control-next-icon bg-secondary wow fadeInRight" data-wow-delay="0.2s" aria-hidden="false"></span>
<span class="visually-hidden-focusable">Next</span>
</button>
</div>
</div>
<!-- Carousel End -->