Orient_Website/home/slider.php

59 lines
3.9 KiB
PHP
Raw Normal View History

2024-06-10 11:48:07 +00:00
<!-- Carousel Start -->
<div class="carousel-header bg-black-10">
<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>
2024-07-01 12:23:27 +00:00
<li data-bs-target="#carouselId" data-bs-slide-to="2"></li>
2024-06-10 11:48:07 +00:00
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img src="img/slider.png" class="img-fluid" alt="Image">
<div class="carousel-caption">
<div class="text-center p-4" style="max-width: 900px;">
2024-07-01 12:59:18 +00:00
<h4 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Your Gateway to Global Education</h4>
<h1 class="display-1 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">Unlock your potential with top universities around the world.</h1>
<!-- <p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">Unlock your potential with<br> top universities around the world.</p> -->
2024-06-10 11:48:07 +00:00
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp"
2024-07-01 12:23:27 +00:00
data-wow-delay="0.7s" href="contact.php">Get Started</a>
2024-06-10 11:48:07 +00:00
</div>
</div>
</div>
<div class="carousel-item">
2024-07-01 12:59:18 +00:00
<img src="img/slider2.png" class="img-fluid" alt="Image">
2024-06-10 11:48:07 +00:00
<div class="carousel-caption">
<div class="text-center p-4" style="max-width: 900px;">
2024-07-01 12:59:18 +00:00
<h5 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Expert Guidance for Your Study Abroad Journey</h5>
<h1 class="display-1 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">Personalized counseling and comprehensive support for your educational goals.</h1>
<!-- <p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">Personalized counseling and comprehensive<br> support for your educational goals.</p> -->
2024-06-10 11:48:07 +00:00
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp"
2024-07-01 12:23:27 +00:00
data-wow-delay="0.7s" href="services.php">Learn More</a>
</div>
</div>
</div>
<div class="carousel-item">
2024-07-01 12:59:18 +00:00
<img src="img/slider3.png" class="img-fluid" alt="Image">
2024-07-01 12:23:27 +00:00
<div class="carousel-caption">
<div class="text-center p-4" style="max-width: 900px;">
2024-07-01 12:59:18 +00:00
<h5 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Achieve Success with Language and Test Prep Classes</h5>
<h1 class="display-1 text-capitalize text-white mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.3s">Master Japanese, Korean, IELTS, and PTE with our expert instructors.</h1>
<!-- <p class="text-white mb-4 mb-md-5 fs-5 wow fadeInUp" data-wow-delay="0.5s">Master Japanese, Korean, IELTS,<br>and PTE with our expert instructors.</p> -->
2024-07-01 12:23:27 +00:00
<a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5 wow fadeInUp"
data-wow-delay="0.7s" href="testprep.php">Join Now</a>
2024-06-10 11:48:07 +00:00
</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 wow fadeInLeft" data-wow-delay="0.2s" style="background-color: #f1592a;"
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 wow fadeInRight" data-wow-delay="0.2s" style="background-color: #f1592a;"
aria-hidden="false"></span>
<span class="visually-hidden-focusable">Next</span>
</button>
</div>
</div>
<!-- Carousel End -->