[add] our services page

aplus#6
tribikram 2 years ago
parent 62ecd368d2
commit c689ee8a18
  1. 62
      public/frontend/css/style.css
  2. BIN
      public/frontend/images/insurance-img.png
  3. BIN
      public/frontend/images/recruiment-img.png
  4. BIN
      public/frontend/images/rpl-mg.png
  5. BIN
      public/frontend/images/services-banner.png
  6. BIN
      public/frontend/images/skill-assessment.png
  7. 4
      resources/views/layout/app.blade.php
  8. 109
      resources/views/services.blade.php
  9. 4
      routes/web.php

@ -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;
@ -1049,4 +1050,63 @@ Responsive Codes
.captch-field p{
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;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 227 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 355 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB

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

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

@ -51,6 +51,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']);

Loading…
Cancel
Save