[add] service detail page

aplus/#9
tribikram 2 years ago committed by Mahesh Sharma
parent 2e9aa871d7
commit 008c9615ed
  1. 75
      public/frontend/css/style.css
  2. 9
      public/frontend/icons/christmas-star.svg
  3. BIN
      public/frontend/images/service-detail.png
  4. 67
      resources/views/service_detail.blade.php
  5. 4
      routes/web.php

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

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 548 KiB

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

@ -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']);

Loading…
Cancel
Save