Aashish/Orient_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

slider

Browse Source
This commit is contained in:
Anju 2024-07-25 12:23:16 +05:45
parent 09446d6bcd
commit 5d398d05f6
3 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/bootstrap.min.css vendored
View File

@ -6799,6 +6799,7 @@ fieldset:disabled .btn {
@keyframes spinner-border { @keyframes spinner-border {
to { to {
transform: rotate(360deg) transform: rotate(360deg)
/* rtl:ignore */
} }
} }

20
css/style.css
View File

@ -387,11 +387,13 @@ h6{
border-radius: 50%; border-radius: 50%;
background-size: 60% 60%; background-size: 60% 60%;
transition: 0.5s; transition: 0.5s;
margin-top: 280%;
} }
.carousel-header .carousel-control-next .carousel-control-next-icon { .carousel-header .carousel-control-next .carousel-control-next-icon {
margin-left: 0; margin-left: 0;
margin-right: -60px; margin-right: -60px;
margin-top: 280%;
} }
.carousel-header .carousel .carousel-indicators { .carousel-header .carousel .carousel-indicators {
@ -437,9 +439,23 @@ h6{
left: 0; left: 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: left;
text-align: center; text-align: center;
/* background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.6)); */ background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.6));
background-size: cover;
}
.carousel-header .carousel-inner .carousel-item .carousel-caption_1 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: right;
text-align: center;
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0.6));
background-size: cover; background-size: cover;
} }

23
home/slider.php
View File

@ -9,19 +9,22 @@
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
<div class="carousel-item active"> <div class="carousel-item active">
<img src="img/slider-a-bg.png" class="img-fluid" alt="Image"> <img src="img/slider-a-bg.png" class="img-fluid" alt="Image">
<div class="carousel-caption text-left"> <div class="row">
<div class="" style="max-width: 1200px;"> <div class="col-lg-8">
<h4 class="text-white fw-bold mb-3 wow fadeInUp" data-wow-delay="0.1s">Your Gateway to <b>Global Education.</b></h4> <div class="carousel-caption text-left">
<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> <div class="" style="max-width: 1200px; margin-left: 5%;">
<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> <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>
</div>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img src="img/slider-b-bg.png" class="img-fluid" alt="Image"> <img src="img/slider-b-bg.png" class="img-fluid" alt="Image">
<div class="carousel-caption"> <div class="carousel-caption text-left">
<div class="" style="max-width: 1200px;"> <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> <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> <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> <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>
@ -30,8 +33,8 @@
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img src="img/slider-c-bg.jpg" class="img-fluid" alt="Image"> <img src="img/slider-c-bg.jpg" class="img-fluid" alt="Image">
<div class="carousel-caption"> <div class="carousel-caption_1 text-right">
<div class="" style="max-width: 1200px;"> <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> <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> <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> <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>