slider
This commit is contained in:
parent
09446d6bcd
commit
5d398d05f6
1
css/bootstrap.min.css
vendored
1
css/bootstrap.min.css
vendored
@ -6799,6 +6799,7 @@ fieldset:disabled .btn {
|
||||
@keyframes spinner-border {
|
||||
to {
|
||||
transform: rotate(360deg)
|
||||
/* rtl:ignore */
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -387,11 +387,13 @@ h6{
|
||||
border-radius: 50%;
|
||||
background-size: 60% 60%;
|
||||
transition: 0.5s;
|
||||
margin-top: 280%;
|
||||
}
|
||||
|
||||
.carousel-header .carousel-control-next .carousel-control-next-icon {
|
||||
margin-left: 0;
|
||||
margin-right: -60px;
|
||||
margin-top: 280%;
|
||||
}
|
||||
|
||||
.carousel-header .carousel .carousel-indicators {
|
||||
@ -437,9 +439,23 @@ h6{
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
justify-content: left;
|
||||
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;
|
||||
}
|
||||
|
||||
|
@ -9,19 +9,22 @@
|
||||
<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="carousel-caption text-left">
|
||||
<div class="" style="max-width: 1200px;">
|
||||
<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 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>
|
||||
<div class="carousel-item">
|
||||
<img src="img/slider-b-bg.png" class="img-fluid" alt="Image">
|
||||
<div class="carousel-caption">
|
||||
<div class="" style="max-width: 1200px;">
|
||||
<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>
|
||||
@ -30,8 +33,8 @@
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="img/slider-c-bg.jpg" class="img-fluid" alt="Image">
|
||||
<div class="carousel-caption">
|
||||
<div class="" style="max-width: 1200px;">
|
||||
<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>
|
||||
|
Loading…
Reference in New Issue
Block a user