[add] new service detail added

aplus#10
tribikram 2 years ago
parent baffab99f2
commit cbd58e544a
  1. 98
      public/frontend/css/style.css
  2. 9
      public/frontend/icons/christmas-star-new.svg
  3. 3
      public/frontend/icons/double-slash.svg
  4. 70
      resources/views/service_view.blade.php
  5. 8
      resources/views/services.blade.php
  6. 9
      resources/views/welcome.blade.php
  7. 4
      routes/web.php

@ -226,9 +226,13 @@ Responsive Codes
.banner-section .banner-description{
position: absolute;
top: 40%;
left: 10%;
visibility: hidden;
animation: 6s anim-lineUp ease-out;
left: 5%;
}
.banner-description span::before{
content: "Study Programme";
animation: 12s animate infinite;
padding-left: 10px;
color: #F54C5F;
}
.banner-section .banner-description-two{
position: absolute;
@ -260,7 +264,7 @@ Responsive Codes
transform: translateX(-50%);
visibility: visible;
}
20% {
30% {
opacity: 0;
visibility: visible;
}
@ -275,25 +279,19 @@ Responsive Codes
transform: translateX(0%);
}
}
@keyframes anim-lineDown {
@keyframes animate {
0% {
opacity: 0;
transform: translateY(-50%);
visibility: visible;
}
20% {
opacity: 0;
visibility: visible;
content: "Study Programme";
}
50% {
opacity: 1;
visibility: visible;
transform: translateY(0%);
content: "Training Programme";
}
100% {
opacity: 0;
visibility: visible;
transform: translateY(0%);
75% {
content: "Skill Assessment";
}
100%{
content: "Skilled Recruitment";
}
}
.banner-description h3, .banner-description-two h3, .banner-description-three h3{
@ -329,7 +327,10 @@ Responsive Codes
.about-us-section{
padding: 3rem 6rem;
}
.about-us-section .row{
.about-us-section .row,
.service-primary .row,
.service-secondary .row,
.service-view-last .row{
display: flex;
align-items: center;
}
@ -810,7 +811,8 @@ Responsive Codes
.who-we-desc hr,
.obj-header hr,
.hiring-content hr,
.news-update-head hr{
.news-update-head hr,
.service-secondary-desc hr{
width: 38px;
height: 0px;
opacity: 1;
@ -819,7 +821,9 @@ Responsive Codes
.who-we-desc h5,
.obj-header h5,
.hiring-content h5,
.news-update-head h5{
.news-update-head h5,
.service-primary-desc h5,
.service-secondary-desc h5{
font-weight: 500;
font-size: 16px;
line-height: 24px;
@ -831,7 +835,8 @@ Responsive Codes
.who-we-desc h3,
.obj-header h3,
.hiring-content h3,
.news-update-head h3{
.news-update-head h3,
.service-primary-desc h3{
font-weight: 700;
font-size: 38px;
line-height: 57px;
@ -946,6 +951,7 @@ Responsive Codes
}
.submit-btn button:hover,
.featured-news-desc a:hover,
.service-secondary-desc a:hover,
.chef-hire-form button:hover{
background: #103E70;
}
@ -1190,18 +1196,20 @@ Responsive Codes
padding-left: 1rem;
margin-top: 1rem;
}
.service-detail-sectwo ul li{
.service-detail-sectwo ul li,
.service-primary-desc ul li{
display: flex;
align-items: center;
gap: 10px;
list-style: none;
}
.service-detail-sectwo ul li::before {
content: url(../icons/christmas-star.svg);
.service-detail-sectwo ul li::before,
.service-primary-desc ul li::before {
content: url(../icons/christmas-star-new.svg);
color: #071C39;
display: inline-block;
margin-right: 0.6em;
margin-left: -1.3em;
margin-top: 8px;
width: 1.3em;
}
.service-detail-third{
@ -1250,7 +1258,8 @@ Responsive Codes
color: #071C39;
margin-bottom: 25px;
}
.featured-news-desc a{
.featured-news-desc a,
.service-secondary-desc a{
background: #F54C5F;
border-radius: 44px;
text-decoration: none;
@ -1348,7 +1357,38 @@ Responsive Codes
margin-top: 5px;
width: 140%;
}
/* service view css */
.service-primary{
padding: 3rem 6rem;
background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%,rgba(255, 255, 255, 0) 20%,rgb(231, 231, 231) 20%,rgb(231, 231, 231) 100%);
}
.service-primary-img,
.service-secondary-img{
margin-right: 25px;
}
.service-secondary{
padding: 3rem 6rem;
background: #4D57C3;
}
.service-secondary-desc h3{
font-weight: 700;
font-size: 38px;
line-height: 57px;
color: #FFFFFF;
}
.service-secondary-desc p{
font-weight: 500;
font-size: 16px;
line-height: 1.8rem;
color: #FFFFFF;
margin-bottom: 25px;
}
.service-view-last{
padding: 3rem 6rem;
}
.service-last-img{
margin-left: 25px;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
/* contact us mobile view */
.about-banner-section .breadcrumb,

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 24 KiB

@ -0,0 +1,3 @@
<svg width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.6013 0.973684L3.92506 8.38712L1.24883 15.8006M13.2513 1.19952L10.575 8.61296L7.8988 16.0264" stroke="#F54C5F" stroke-width="2"/>
</svg>

After

Width:  |  Height:  |  Size: 244 B

@ -0,0 +1,70 @@
@extends('layout.app')
@section('title')
<title>Skill Assessment</title>
@endsection
@section('content')
<section class="service-detail-banner">
<div class="service-detail-desc">
<h2>Skill Assessment</h2>
</div>
</section>
<section class="service-primary">
<div class="row">
<div class="col-md-6">
<div class="service-primary-img">
<img src="{{url('frontend/images/test-img.png')}}" class="w-100" alt="">
</div>
</div>
<div class="col-md-6">
<div class="service-primary-desc">
<h5><img src="{{url('frontend/icons/double-slash.svg')}}" alt=""> Skill Assessment</h5>
<h3>Pathway to Skill Recognition</h3>
<p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Voluptas, eveniet consectetur blanditiis ut dolor officiis porro omnis! Maiores atque esse vero numquam quod.</li>
<li>Laudantium aperiam, ipsa odio repellendus libero cumque.</li>
</ul>
</div>
</div>
</div>
</section>
<section class="service-secondary">
<div class="row">
<div class="col-md-6">
<div class="service-secondary-img">
<img src="{{url('frontend/images/test-img.png')}}" class="w-100" alt="">
</div>
</div>
<div class="col-md-6">
<div class="service-secondary-desc">
<h5><hr> Skill Assessment</h5>
<h3>Pathway to Skill Recognition</h3>
<p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
<a href="/">Book An Appointment</a>
</div>
</div>
</div>
</section>
<section class="service-view-last">
<div class="row">
<div class="col-md-6">
<div class="service-primary-desc">
<h5><img src="{{url('frontend/icons/double-slash.svg')}}" alt=""> Skill Assessment</h5>
<h3>Pathway to Skill Recognition</h3>
<p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Voluptas, eveniet consectetur blanditiis ut dolor officiis porro omnis! Maiores atque esse vero numquam quod.</li>
<li>Laudantium aperiam, ipsa odio repellendus libero cumque.</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="service-last-img">
<img src="{{url('frontend/images/test-img.png')}}" class="w-100" alt="">
</div>
</div>
</div>
</section>
@endsection

@ -18,7 +18,7 @@
</div>
<div class="col-md-3">
<div class="our-service-card">
<a href="/service_detail">
<a href="/service_view">
<div class="our-service-img">
<img src="{{url('frontend/images/skill-assessment.png')}}" class="img-fluid" alt="">
</div>
@ -31,7 +31,7 @@
</div>
<div class="col-md-3">
<div class="our-service-card">
<a href="/service_detail">
<a href="/service_view">
<div class="our-service-img">
<img src="{{url('frontend/images/recruiment-img.png')}}" class="img-fluid" alt="">
</div>
@ -44,7 +44,7 @@
</div>
<div class="col-md-3">
<div class="our-service-card">
<a href="/service_detail">
<a href="/service_view">
<div class="our-service-img">
<img src="{{url('frontend/images/rpl-mg.png')}}" class="img-fluid" alt="">
</div>
@ -57,7 +57,7 @@
</div>
<div class="col-md-3">
<div class="our-service-card">
<a href="/service_detail">
<a href="/service_view">
<div class="our-service-img">
<img src="{{url('frontend/images/insurance-img.png')}}" class="img-fluid" alt="">
</div>

@ -11,13 +11,12 @@
<video width="100%" height="auto" id="vid" autoplay playsinline loop muted>
<source src="{{url('frontend/video/aplus-video.mp4')}}" type="video/mp4">
</video>
@foreach($sliders as $slider)
<div class="banner-description">
<h2>{{$slider->title1}}</h2>
<h3>{{$slider->title2}}</h3>
<p>{{$slider->description}}</p>
<h2>4 easy steps to permanent <br> residency in Australia <span></span></h2>
{{-- <h3>{{$slider->title2}}</h3> --}}
{{-- <p>{{$slider->description}}</p> --}}
</div>
@endforeach
<!-- <div class="banner-description-two">
<h2>Our pathway will </h2>
<h3>help you build a secure future in Australia </h3>

@ -60,6 +60,10 @@ Route::get('/service_detail', function(){
return view('service_detail');
});
Route::get('/service_view',function(){
return view('service_view');
});
Route::get('/news', function(){
return view('news');
});

Loading…
Cancel
Save