tribikram
/
AplusAgency
1
0
Fork 0
Code Issues 26 Pull Requests 13 Packages Projects 1 Releases Wiki Activity

[add] new service detail added

Browse Source
aplus#10
tribikram 2 years ago
parent baffab99f2
commit cbd58e544a
7 changed files with 163 additions and 38 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 96
      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

96
public/frontend/css/style.css
Unescape View File

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

9
public/frontend/icons/christmas-star-new.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

3
public/frontend/icons/double-slash.svg
Unescape View File

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

After

Width:  |  Height:  |  Size: 244 B

70
resources/views/service_view.blade.php
Unescape View File

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

8
resources/views/services.blade.php
Unescape View File

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

9
resources/views/welcome.blade.php
Unescape View File

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

4
routes/web.php
Unescape View File

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

Write Preview
Loading…
Cancel
Save