[add] static icons for about us homepage

public/frontend/css/style.css

@@ -304,7 +304,8 @@ Responsive Codes
 }
 .slider-content a::after,
 .services-content a::after,
-.why-us-desc a::after{
+.why-us-desc a::after,
+.sydney-desc a::after{
     content: '\f101';
     font-weight: 900;
     font-family: "Font Awesome 5 Free";
@@ -315,7 +316,8 @@ Responsive Codes
     transition: 0.5s;
 }
 .slider-content a:hover,
-.services-content a:hover{
+.services-content a:hover,
+.sydney-desc a:hover{
     background: #326CBF;
     padding-right: 2rem;
     padding-left: 1rem;
@@ -327,7 +329,8 @@ Responsive Codes
 }
 .slider-content a:hover::after,
 .services-content a:hover::after,
-.why-us-desc a:hover::after{
+.why-us-desc a:hover::after,
+.sydney-desc a:hover::after{
     opacity: 1;
     right: 10px;
 }
@@ -667,6 +670,9 @@ Responsive Codes
     border-radius: 12px;    
     transition: .4s;
 }
+.service-page-card{
+    min-height: 28pc;
+}
 .blog-card:hover,
 .service-page-card:hover{
     transform: scale(1.03);
@@ -761,6 +767,10 @@ Responsive Codes
     text-decoration: none;
     color: #FFFFFF;
     padding: 10px 20px;
+    display: inline-block;
+    align-items: center;
+    position: relative;
+    transition: 0.5s;
 }
 /* study abroad css ends */
 
@@ -1388,6 +1398,7 @@ Responsive Codes
 .blog-socials{
     display: flex;
     align-items: center;
+    margin: 1rem 0;
     justify-content: space-between;
 }
 .faq-section .accordion-button:focus{
@@ -1403,6 +1414,21 @@ Responsive Codes
     background-color: unset;
     border-bottom: 1.5px solid #E0DEDE;
 }
+/* service page css */
+.service-page-header h2{
+    font-weight: 700;
+    font-size: 30px;
+    text-align: center;
+    color: #326CBF;
+}
+.service-page-header h1{
+    font-weight: 700;
+    font-size: 34px;
+    line-height: 37px;
+    text-align: center;
+    color: #111111;
+}
+
 /* Footer Css */
 .footer{
     background: #296AC7;
@@ -1660,7 +1686,9 @@ Responsive Codes
     .slider-content h2,
     .slider-content h1,
     .blog-banner-content h2,
-    .contact-offices h2{
+    .contact-offices h2,
+    .service-page-header h2,
+    .service-page-header h1{
         font-size: 22px;
         line-height: 2rem;
     }
@@ -1727,7 +1755,8 @@ Responsive Codes
     .our-values-section,
     .lets-chat-section,
     .blog-banner,
-    .overseas-section{
+    .overseas-section,
+    .services-page-section{
         padding: 2rem;
     }
     .contact-form-section,
@@ -1820,6 +1849,13 @@ Responsive Codes
         gap: 10px;
         margin: 10px 0;
     }
+    .services-page-section .row{
+        --bs-gutter-y: 1rem;
+        --bs-gutter-x: 1rem;
+    }
+    .service-page-card{
+        min-height: 20pc;
+    }
 }
 /* mobile view css end */
 /* ipad, tablets screen css */
@@ -1891,7 +1927,8 @@ Responsive Codes
     .lets-chat-section,
     .our-values-section,
     .blog-banner,
-    .overseas-section{
+    .overseas-section,
+    .services-page-section{
         padding: 3rem;
     }
     .services-content h1,
@@ -1982,7 +2019,8 @@ Responsive Codes
     .footer-top,
     .lets-chat-section,
     .our-values-section,
-    .overseas-section{
+    .overseas-section,
+    .services-page-section{
         padding: 3rem;
     }
     .why-us-section::before,

resources/views/services.blade.php

@@ -11,76 +11,82 @@
 @section('content')
     <section class="services-page-section">
         <div class="row g-5">
-            <div class="col-md-4">
+            <div class="col-md-12">
+                <div class="service-page-header">
+                    <h2>Our Services</h2>
+                    <h1>Get Benefits And Advantages</h1>
+                </div>
+            </div>
+            <div class="col-lg-4 col-md-6">
                 <a href="{{url('/study-abroad')}}" class="text-decoration-none">
                     <div class="service-page-card">
                         <div class="blog-img">
-                            <img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
+                            <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
                         </div>
                         <div class="service-page-content">
                             <h2>Abroad Study</h2>
-                            <p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
+                            <p>Study abroad to enhance your education, broaden your perspectives, and achieve your career goals by selecting the right course and immersing yourself in a new culture.</p>
                         </div>
                     </div>
                 </a>
             </div>
-            <div class="col-md-4">
+            <div class="col-lg-4 col-md-6">
                 <a href="{{url('/career-counselling')}}" class="text-decoration-none">
                     <div class="service-page-card">
                         <div class="blog-img">
-                            <img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
+                            <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
                         </div>
                         <div class="service-page-content">
                             <h2>Career Counselling</h2>
-                            <p>Get the right guidance to leap through your career.</p>
+                            <p>Enhance your career prospects with professional guidance through career counselling for informed decision-making and successful career advancement.</p>
                         </div>
                     </div>
                 </a>
             </div>
-            <div class="col-md-4">
+            <div class="col-lg-4 col-md-6">
                 <a href="{{url('/insurance')}}" class="text-decoration-none">
                     <div class="service-page-card">
                         <div class="blog-img">
-                            <img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
+                            <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
                         </div>
                         <div class="service-page-content">
                             <h2>Insurance</h2>
-                            <p>Providing the right health insurance at competitive rates</p>
+                            <p>Ensure your health and financial security with the right health insurance plan that offers comprehensive coverage at an affordable cost.</p>
                         </div>
                     </div>
                 </a>
             </div>
-            <div class="col-md-4">
+            <div class="col-lg-4 col-md-6">
                 <a href="{{url('/visa/student-visa')}}" class="text-decoration-none">
                     <div class="service-page-card">
                         <div class="blog-img">
-                            <img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
+                            <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
                         </div>
                         <div class="service-page-content">
                             <h2>Student Visa</h2>
-                            <p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
+                            <p>Obtain a student visa to study in Australia and experience quality education, language improvement and cultural immersion.</p>
                         </div>
                     </div>
                 </a>
             </div>
-            <div class="col-md-4">
+            <div class="col-lg-4 col-md-6">
                 <a href="{{url('/visa/skilled-migration-visa')}}" class="text-decoration-none">
                     <div class="service-page-card">
                         <div class="blog-img">
-                            <img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
+                            <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
                         </div>
                         <div class="service-page-content">
                             <h2>Skilled Migration Visa</h2>
-                            <p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
+                            <p>Take advantage of new opportunities and a better quality of life abroad by exploring your eligibility for a skilled migration visa.</p>
                         </div>
                     </div>
                 </a>
             </div>
-            <div class="col-md-4">
+            <div class="col-lg-4 col-md-6">
                 <a href="{{url('visa/business-visa')}}" class="text-decoration-none">
                     <div class="service-page-card">
                         <div class="blog-img">
-                            <img src="{{url('frontend/images/opera-house.png')}}" class="w-100" alt="">
+                            <img src="{{url('frontend/images/close-up-students-indoors.png')}}" class="w-100" alt="">
                         </div>
                         <div class="service-page-content">
                             <h2>Business Visa</h2>