graphics and color

contact.php

@@ -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">

css/bootstrap.min.css

@@ -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 {

css/style.css

@@ -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;
+}

header.php

@@ -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">

home/slider.php

@@ -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;">
+          <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 Language and Test Prep Classes</h5>
+            <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>

home/testprep.php

@@ -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>

testprep.php

@@ -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>