[add] our services page

public/frontend/css/style.css

@@ -964,7 +964,8 @@ Responsive Codes
 }
 .chef-banner-content h2, 
 .about-banner-content h2,
-.contact-banner-content h2{
+.contact-banner-content h2,
+.services-banner-content h2{
     font-weight: 700;
     font-size: 60px;
     line-height: 3rem;
@@ -1050,3 +1051,62 @@ Responsive Codes
     font-weight: 400;
     font-size: 13px;
 }
+/* service page css */
+.services-banner-section{
+    background: url('../images/services-banner.png');
+    padding: 6rem;
+    height: 40vh;
+    background-repeat: no-repeat;
+    background-size: cover!important;
+    position: relative;
+}
+.our-services-section{
+    padding: 3rem 6rem;
+    background: #FAFAFE;
+}
+.our-service-card{
+    padding: 20px;
+    background: #FFFFFF;
+    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    min-height: 28pc;
+}
+.our-service-img img{
+    border-radius: 8px;
+    margin-bottom: 20px;
+}
+.our-service-desc h3{
+    font-weight: 700;
+    font-size: 26px;
+    line-height: 33px;
+    color: #0A2849;
+}
+.our-service-desc p{
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 1.6rem;
+    color: #0A2849;
+}
+.our-service-head h2{
+    font-weight: 700;
+    font-size: 38px;
+    line-height: 57px;
+    text-align: center;
+    color: #082548;
+}
+.our-service-head p{
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 1.8rem;
+    text-align: center;
+    color: #4E5F72;
+    margin-bottom: 40px;
+}
+
+
+/* large screen */
+@media screen and (min-width: 1600px){
+    .our-service-card{
+        min-height: 33pc;
+    }
+}

resources/views/layout/app.blade.php

@@ -39,11 +39,11 @@
             <a class="nav-link" href="{{url('/about')}}">About</a>
         </li>
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            <a class="nav-link dropdown-toggle" href="/services" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                 Visa-Services
             </a>
             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                <li><a class="dropdown-item" href="">service-name</a></li>
+                <li><a class="dropdown-item" href="/services">service-name</a></li>
             </ul>
         </li>
         <li class="nav-item">

resources/views/services.blade.php

@@ -0,0 +1,109 @@
+@extends('layout.app')
+@section('title')
+    <title>Our Services</title>
+@endsection
+@section('content')
+    <section class="services-banner-section">
+        <div class="services-banner-content">
+            <h2>Our Services</h2>
+        </div>
+    </section>
+    <section class="our-services-section">
+        <div class="row g-3">
+            <div class="col-md-12">
+                <div class="our-service-head">
+                    <h2>Our Services</h2>
+                    <p>Delivering excellent and cost-effective solutions to esnure customer satisfaction.</p>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="our-service-card">
+                    <div class="our-service-img">
+                        <img src="{{url('frontend/images/skill-assessment.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="our-service-desc">
+                        <h3>Skill Assessment</h3>
+                        <p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="our-service-card">
+                    <div class="our-service-img">
+                        <img src="{{url('frontend/images/recruiment-img.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="our-service-desc">
+                        <h3>Recruitment</h3>
+                        <p>Trade skill assessment is a process to assess the right skills and knowledge required in the occupation field.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="our-service-card">
+                    <div class="our-service-img">
+                        <img src="{{url('frontend/images/rpl-mg.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="our-service-desc">
+                        <h3>RPL (Recognition of Prior Learning)</h3>
+                        <p>We assist international students in finding full-time employment in Australia through a variety of hiring options.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="our-service-card">
+                    <div class="our-service-img">
+                        <img src="{{url('frontend/images/insurance-img.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="our-service-desc">
+                        <h3>Insurance</h3>
+                        <p>We offer flexible health insurance to cover unexpected medical expenses while staying in Australia.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="our-service-card">
+                    <div class="our-service-img">
+                        <img src="{{url('frontend/images/skill-assessment.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="our-service-desc">
+                        <h3>Temporary Work Visa</h3>
+                        <p>The temporary Work Visa stream enables you to work in Australia for a short time in a highly specialized field.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="our-service-card">
+                    <div class="our-service-img">
+                        <img src="{{url('frontend/images/recruiment-img.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="our-service-desc">
+                        <h3>Permanent Work Visa</h3>
+                        <p>Trade skill assessment is a process to assess the right skills and knowledge required in the occupation field.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="our-service-card">
+                    <div class="our-service-img">
+                        <img src="{{url('frontend/images/rpl-mg.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="our-service-desc">
+                        <h3>Skilled Independent Visa</h3>
+                        <p>We assist international students in finding full-time employment in Australia through a variety of hiring options.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="our-service-card">
+                    <div class="our-service-img">
+                        <img src="{{url('frontend/images/insurance-img.png')}}" class="img-fluid" alt="">
+                    </div>
+                    <div class="our-service-desc">
+                        <h3>Work & Holiday Visa</h3>
+                        <p>We offer flexible health insurance to cover unexpected medical expenses while staying in Australia.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection

routes/web.php

@@ -52,6 +52,10 @@ Route::get('/need_chef', function(){
     return view('need_chef');
 });
 
+Route::get('/services', function(){
+    return view('services');
+});
+
 Route::get('/contact', [HomeController::class, 'contact']);
 
 Route::get('/referral', [ReferralController::class, 'create']);