graphics and color

This commit is contained in:
Anju 2024-07-24 16:33:55 +05:45
parent b57ddd2e3a
commit 4decfbc0f4
15 changed files with 54 additions and 47 deletions

View File

@ -20,7 +20,7 @@
</div>
<h1 class="display-5 mb-4">Have Questions? Don't Hesitate to Contact Us</h1>
<div class="d-flex border-bottom mb-4 pb-4">
<i class="fas fa-map-marked-alt fa-3x " style="color:#f1592a;"></i>
<i class="fas fa-map-marked-alt fa-3x " style="color:#f54813;"></i>
<div class="ps-3">
<h5 class="mb-3">Location</h5>
<a href="https://maps.app.goo.gl/JJLXLdLDLMzBSM3W7" class="fs-5 text-primary" target="_blank">Kathmandu, Nepal</a>
@ -30,7 +30,7 @@
<div class="row g-3">
<div class="col-xl-6">
<div class="d-flex">
<i class="fas fa-tty fa-3x" style="color: #f1592a;"></i>
<i class="fas fa-tty fa-3x" style="color: #f54813;"></i>
<div class="ps-3">
<h5 class="mb-3">Contact</h5>
<div class="mb-3">

View File

@ -235,7 +235,7 @@ sup {
}
a {
color: #F1592A;
color: #f54813;
text-decoration: none
}
@ -3782,7 +3782,7 @@ fieldset:disabled .btn {
.btn-outline-dark {
color: #fff;
border-color: #fff;
background-color: #F1592A;
background-color: #f54813;
}
.btn-outline-dark:hover {

View File

@ -17,23 +17,23 @@
h1{
color: #f1592a;
color: #f54813;
}
h2{
color: #f1592a;
color: #f54813;
}
h3{
color: #f1592a;
color: #f54813;
}
h4{
color: #f1592a;
color: #f54813;
}
h5{
color: #f1592a;
color: #f54813;
}
h6{
color: #f1592a;
color: #f54813;
}
.back-to-top {
position: fixed;
@ -65,7 +65,7 @@ h6{
}
/* .mb-3{
color: #f1592a;
color: #f54813;
} */
.btn-sm-square {
width: 34px;
@ -101,7 +101,7 @@ h6{
.btn.btn-primary {
background:#f1592a !important;
background:#f54813 !important;
color: var(--bs-white) !important;
font-family: 'Poppins', sans-serif;
font-weight: 400;
@ -117,7 +117,7 @@ h6{
.btn.btn-secondary {
background: transparent;
color: #f1592a;
color: #f54813;
font-family: 'Poppins', sans-serif;
font-weight: 400;
border: none;
@ -140,7 +140,7 @@ h6{
position: relative;
display: inline-block;
text-transform: uppercase;
color: #f1592a;
color: #f54813;
}
.section-title .sub-style::before {
@ -152,7 +152,7 @@ h6{
transform: translateY(-50%);
margin-bottom: -6px;
margin-left: -100px;
border: 1px solid #f1592a !important;
border: 1px solid #f54813 !important;
}
.section-title .sub-style::after {
@ -164,14 +164,14 @@ h6{
transform: translateY(-50%);
margin-top: -8px;
margin-left: -50px;
border: 1px solid #f1592a !important;
border: 1px solid #f54813 !important;
}
.sub-title {
position: relative;
display: inline-block;
text-transform: uppercase;
color: #f1592a;
color: #f54813;
}
.sub-title::before {
@ -183,7 +183,7 @@ h6{
transform: translateY(-50%);
margin-bottom: -8px;
margin-right: -100px;
border: 1px solid #f1592a !important;
border: 1px solid #f54813 !important;
}
.sub-title::after {
@ -195,7 +195,7 @@ h6{
transform: translateY(-50%);
margin-top: -6px;
margin-right: -50px;
border: 1px solid #f1592a !important;
border: 1px solid #f54813 !important;
}
@ -248,7 +248,7 @@ h6{
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
color: #f1592a !important;
color: #f54813 !important;
}
.navbar-light .navbar-brand img {
@ -286,7 +286,7 @@ h6{
}
.dropdown .dropdown-menu a:hover {
background: #f1592a;
background: #f54813;
color: white;
}
@ -342,7 +342,7 @@ h6{
left: 0px;
width: 100%;
height: 2px;
background: #f1592a;
background: #f54813;
opacity: 0;
transition: all 0.5s;
}
@ -414,7 +414,7 @@ h6{
.carousel-header .carousel .carousel-indicators li.active {
width: 8px;
height: 8px;
border: 8px solid #f1592a;
border: 8px solid #f54813;
}
.carousel-header .carousel-inner .carousel-item {
@ -498,7 +498,7 @@ h6{
left: 0;
top: 0;
border-radius: 10px 10px 0 0;
background-color: #f1592a;
background-color: #f54813;
}
.counter-facts .counter .counter-icon {
@ -543,7 +543,7 @@ h6{
font-size: 30px;
font-weight: 700;
display: block;
color: #f1592a;
color: #f54813;
}
@media screen and (max-width: 1200px) {
@ -676,7 +676,7 @@ h6{
}
.features .feature-item:hover .feature-icon i {
color:#f1592a !important;
color:#f54813 !important;
transform: rotate(360deg);
transition: all 0.5s ease;
}
@ -695,7 +695,7 @@ h6{
height: 0;
bottom: 0;
left: 0;
background: #f1592a;
background: #f54813;
border-radius: 10px;
transition: 0.5s;
z-index: 1;
@ -803,7 +803,7 @@ h6{
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial .owl-carousel.testimonial-carousel .owl-nav .owl-next:hover {
color: #f1592a;
color: #f54813;
}
/*** testimonial end ***/
@ -909,7 +909,7 @@ h6{
/*** Footer Start ***/
.footer {
background: #f1592a;
background: #f54813;
}
.footer .footer-item a {
line-height: 30px;
@ -943,3 +943,10 @@ h6{
background-color: #ffffff;
padding: 20px;
}
.ml-250{
margin-left: -650px;
}
.mr-250{
margin-right: -650px;
}

View File

@ -46,7 +46,7 @@
<!-- Spinner End -->
<!-- Topbar Start -->
<div class="container-fluid px-5 d-none d-lg-block" style="background-color:#f1592a;">
<div class="container-fluid px-5 d-none d-lg-block" style="background-color:#f54813;">
<div class="container ">
<div class="row gx-0 align-items-center">
<div class="col-lg-5 text-lg-start mb-lg-0">

View File

@ -8,9 +8,9 @@
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img src="img/slider.png" class="img-fluid" alt="Image">
<img src="img/slider-a-bg.png" class="img-fluid" alt="Image">
<div class="carousel-caption">
<div class="text-center p-4" style="max-width: 900px;">
<div class="p-4 ml-250" style="max-width: 900px;">
<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-3 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> -->
@ -19,9 +19,9 @@
</div>
</div>
<div class="carousel-item">
<img src="img/slider2.png" class="img-fluid" alt="Image">
<img src="img/slider-b-bg.png" class="img-fluid" alt="Image">
<div class="carousel-caption">
<div class="text-center p-4" style="max-width: 900px;">
<div class="p-4 ml-250" style="max-width: 900px;">
<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-3 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> -->
@ -30,10 +30,10 @@
</div>
</div>
<div class="carousel-item">
<img src="img/slider3.png" class="img-fluid" alt="Image">
<img src="img/slider-c-bg.jpg" class="img-fluid" alt="Image">
<div class="carousel-caption">
<div class="text-center p-4" style="max-width: 900px;">
<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>
<div class="mr-250 p-4" style="max-width: 900px;">
<h5 class="text-white text-uppercase fw-bold mb-3 mb-md-4 wow fadeInUp" data-wow-delay="0.1s">Achieve Success with <b>Language and Test Prep Classes</b></h5>
<h1 class="display-3 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> -->
<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>
@ -42,11 +42,11 @@
</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="carousel-control-prev-icon wow fadeInLeft" data-wow-delay="0.2s" style="background-color: #f54813;" 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="carousel-control-next-icon wow fadeInRight" data-wow-delay="0.2s" style="background-color: #f54813;" aria-hidden="false"></span>
<span class="visually-hidden-focusable">Next</span>
</button>
</div>

View File

@ -16,7 +16,7 @@
<a href="#" class="h4 text-white mb-0">Preparation</a>
</div>
</div>
<div class="training-content rounded-bottom p-4" style="background-color: #f1592a;">
<div class="training-content rounded-bottom p-4" style="background-color: #f54813;">
<a href="ielts.php">
<h4 class="text-white">IELTS Preparation</h4>
</a>
@ -35,7 +35,7 @@
<a href="#" class="h4 text-white mb-0">Preparation</a>
</div>
</div>
<div class="training-content rounded-bottom p-4" style="background-color: #f1592a;">
<div class="training-content rounded-bottom p-4" style="background-color: #f54813;">
<a href="toefl.php">
<h4 class="text-white">TOEFL Preparation</h4>
</a>
@ -54,7 +54,7 @@
<a href="#" class="h4 text-white mb-0">Preparation</a>
</div>
</div>
<div class="training-content rounded-bottom p-4" style="background-color: #f1592a;">
<div class="training-content rounded-bottom p-4" style="background-color: #f54813;">
<a href="pte.php">
<h4 class="text-white">PTE Preparation</h4>
</a>
@ -74,7 +74,7 @@
<a href="#" class="h4 text-white mb-0">Classes</a>
</div>
</div>
<div class="training-content rounded-bottom p-4" style="background-color: #f1592a;">
<div class="training-content rounded-bottom p-4" style="background-color: #f54813;">
<a href="language.php">
<h4 class="text-white">Japanese & Korean Language Classes</h4>
</a>

BIN
img/at.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
img/bt.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
img/slider-a-bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
img/slider-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
img/slider-b-bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 556 KiB

BIN
img/slider-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 582 KiB

BIN
img/slider-c-bg.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
img/slider-c.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 816 KiB

View File

@ -29,7 +29,7 @@
<a href="#" class="h4 text-white mb-0">Coaching</a>
</div>
</div>
<div class="training-content rounded-bottom p-4" style="background-color: #f1592a;">
<div class="training-content rounded-bottom p-4" style="background-color: #f54813;">
<a href="ielts.php">
<h4 class="text-white">IELTS Coaching</h4>
</a>
@ -48,7 +48,7 @@
<a href="#" class="h4 text-white mb-0">Coaching</a>
</div>
</div>
<div class="training-content rounded-bottom p-4" style="background-color: #f1592a;">
<div class="training-content rounded-bottom p-4" style="background-color: #f54813;">
<a href="toefl.php">
<h4 class="text-white">TOEFL Coaching</h4>
</a>
@ -68,7 +68,7 @@
<a href="#" class="h4 text-white mb-0">Coaching</a>
</div>
</div>
<div class="training-content rounded-bottom p-4" style="background-color: #f1592a;">
<div class="training-content rounded-bottom p-4" style="background-color: #f54813;">
<a href="pte.php">
<h4 class="text-white">PTE Coaching</h4>
</a>
@ -88,7 +88,7 @@
<a href="#" class="h4 text-white mb-0">Classes</a>
</div>
</div>
<div class="training-content rounded-bottom p-4" style="background-color: #f1592a;">
<div class="training-content rounded-bottom p-4" style="background-color: #f54813;">
<a href="language.php">
<h4 class="text-white">Language Classes</h4>
</a>