[add] service detail page

public/frontend/css/style.css

@@ -619,8 +619,8 @@ Responsive Codes
     gap: 20px;
 }
 .contact-icons{
-    width: 45px;
-    height: 45px;
+    width: 40px;
+    height: 40px;
 }
 .enquiry-header h2{
     font-weight: 500;
@@ -965,7 +965,8 @@ Responsive Codes
 .chef-banner-content h2, 
 .about-banner-content h2,
 .contact-banner-content h2,
-.services-banner-content h2{
+.services-banner-content h2,
+.service-detail-desc h2{
     font-weight: 700;
     font-size: 60px;
     line-height: 3rem;
@@ -1087,7 +1088,8 @@ Responsive Codes
     line-height: 1.6rem;
     color: #0A2849;
 }
-.our-service-head h2{
+.our-service-head h2,
+.permanent-visa-head h2{
     font-weight: 700;
     font-size: 38px;
     line-height: 57px;
@@ -1102,7 +1104,72 @@ Responsive Codes
     color: #4E5F72;
     margin-bottom: 40px;
 }
+/* service detail css */
+.service-detail-banner{
+    background: url('../images/service-detail.png');
+    padding: 6rem;
+    height: 40vh;
+    background-repeat: no-repeat;
+    background-size: cover !important;
+    position: relative;
+}
+.permanent-visa-section,
+.service-detail-second{
+    padding: 3rem 6rem;
+    background: #FFFFFF;
+}
+.permanent-visa-head p{
+    margin-bottom: 30px;
+}
+.service-detail-secone{
+    padding-right: 20%;
+}
+.service-detail-secone h3{
+    font-weight: 600;
+    font-size: 38px;
+    line-height: 57px;
 
+    color: #0A2849;
+}
+.service-detail-sectwo h3{
+    font-weight: 600;
+    font-size: 24px;
+    line-height: 36px;
+    color: #F54C5F;
+}
+.service-detail-sectwo h5{
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 1.7rem;
+    color: #F54C5F;
+}
+.service-detail-sectwo ul{
+    padding-left: 1rem;
+    margin-top: 1rem;
+}
+.service-detail-sectwo ul li{
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    list-style: none;
+}
+.service-detail-sectwo ul li::before {
+    content: url(../icons/christmas-star.svg);
+    color: #071C39;
+    display: inline-block;
+    margin-right: 0.6em;
+    margin-left: -1.3em;
+    width: 1.3em;
+}
+.service-detail-third{
+    background: #F7F7F9;
+    padding: 3rem 6rem;
+}
+.service-detail-second .row,
+.service-detail-third .row{
+    display: flex;
+    align-items: center;
+}
 
 /* large screen */
 @media screen and (min-width: 1600px){

resources/views/service_detail.blade.php

@@ -0,0 +1,67 @@
+@extends('layout.app')
+@section('title')
+    <title>Permanent Work Visa</title>
+@endsection
+@section('content')
+    <section class="service-detail-banner">
+        <div class="service-detail-desc">
+            <h2>Permanent Work Visa</h2>
+        </div>
+    </section>
+    <section class="permanent-visa-section">
+        <div class="row">
+            <div class="col-md-12">
+                <div class="permanent-visa-head">
+                    <h2>Permanent Work Visas</h2>
+                    <p>Permanent Work Visas allow holders to stay and work permanently in Australia. Permanent Work Visas allow holders to stay and work permanently in Australia. Permanent Work Visas allow holders to stay and work permanently in Australia. Permanent Work Visas allow holders to stay and work permanently in Australia.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="service-detail-second">
+        <div class="row">
+            <div class="col-md-6">
+                <div class="service-detail-secone">
+                    <h3>Employer Nomination <br> Scheme <br> Visa Subclass 186 <br> (Direct Entry Stream)</h3>
+                    <p>This visa lets skilled workers, who are nominated by an employer, live and work in Australia permanently.</p>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="service-detail-sectwo">
+                    <h3>Eligibility</h3>
+                    <p>You might qualify for the Employer Nomination Scheme Subclass 186 visa if:</p>
+                    <ul>
+                        <li>You must be nominated by an Australian employer</li>
+                        <li>Your occupation must be on the relevant list of eligible skilled occupations</li>
+                        <li>You must have at least Competent English</li>
+                    </ul>
+                    <h5>Length of VISA</h5>
+                    <p>Permanent</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="service-detail-third">
+        <div class="row">
+            <div class="col-md-6">
+                <div class="service-detail-secone">
+                    <h3>Employer Nomination <br> Scheme <br> Visa Subclass 186 <br> (Temporary Residence Transition Stream)</h3>
+                    <p>This visa lets skilled workers, who are nominated by an employer, live and work in Australia permanently.</p>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="service-detail-sectwo">
+                    <h3>Eligibility</h3>
+                    <p>You might qualify for the Employer Nomination Scheme Subclass 186 visa if:</p>
+                    <ul>
+                        <li>You must hold a 457, TSS or related bridging visa A, B or C</li>
+                        <li>Usually, you must have worked for your employer full-time for at least three years</li>
+                        <li>You must be nominated by your employer</li>
+                    </ul>
+                    <h5>Length of VISA</h5>
+                    <p>Permanent</p>
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection

routes/web.php

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