aplus#10 #12

Open
tribikram wants to merge 5 commits from aplus#10 into master
  1. 2
      app/Http/Controllers/HomeController.php
  2. 156
      public/frontend/css/style.css
  3. 9
      public/frontend/icons/christmas-star-new.svg
  4. 3
      public/frontend/icons/double-slash.svg
  5. BIN
      public/images/news_and_update/2022/12/09/4157e604ba36c240337a7db058fcec7b.png
  6. BIN
      public/images/setting/2022/12/09/501a7deebf3f5e06018c0df16594bcda.png
  7. 2
      resources/views/contact.blade.php
  8. 9
      resources/views/layout/app.blade.php
  9. 70
      resources/views/service_view.blade.php
  10. 8
      resources/views/services.blade.php
  11. 23
      resources/views/welcome.blade.php
  12. 4
      routes/web.php

@ -324,7 +324,7 @@ class HomeController extends Controller
public function news(){ public function news(){
$news = NewsAndUpdate::where('status',1)->get(); $news = NewsAndUpdate::where('status',1)->get();
return view('news.blade.php',compact('news')) return view('news.blade.php',compact('news'));
} }
} }

@ -127,6 +127,11 @@ h4{
transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;
} }
.dropdown:hover .dropdown-menu{
display: block;
transition: all .5s, .5s linear;
top: 100%;
}
.section-hero, .section-hero,
.section-services { .section-services {
@ -212,10 +217,6 @@ Responsive Codes
position: sticky; position: sticky;
background: #071C39; background: #071C39;
} }
.header .logo {
width: 55%;
}
} }
/* new nav */ /* new nav */
@ -226,9 +227,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 +265,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 +280,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%);
} }
100% { 75% {
opacity: 0; content: "Skill Assessment";
visibility: visible; }
transform: translateY(0%); 100%{
content: "Skilled Recruitment";
} }
} }
.banner-description h3, .banner-description-two h3, .banner-description-three h3{ .banner-description h3, .banner-description-two h3, .banner-description-three h3{
@ -329,7 +328,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;
} }
@ -484,6 +486,7 @@ Responsive Codes
width: 100%; width: 100%;
position: absolute; position: absolute;
padding: 20px; padding: 20px;
border-radius: 0 0 8px 8px;
bottom: 0; bottom: 0;
} }
.first-blog h5, .first-blog p{ .first-blog h5, .first-blog p{
@ -752,13 +755,22 @@ Responsive Codes
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
} }
.visa-services ul li a, .recruitment ul li a, .quick-links ul li a{ .visa-services ul li a,
.recruitment ul li a,
.quick-links ul li a{
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #FFFFFF; color: #FFFFFF;
line-height: 2rem; line-height: 2rem;
text-decoration: none; text-decoration: none;
} }
.visa-services ul li a:hover,
.recruitment ul li a:hover,
.quick-links ul li a:hover,
.developed-by a:hover,
.disclaimer a:hover{
color: #F54C5F;
}
.footer-top::after{ .footer-top::after{
content: ''; content: '';
border-bottom: 1px solid #53676E; border-bottom: 1px solid #53676E;
@ -772,7 +784,9 @@ Responsive Codes
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.footer-bottom p{ .footer-bottom p,
.disclaimer a{
text-decoration: none;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 13px;
line-height: 1.8rem; line-height: 1.8rem;
@ -798,7 +812,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;
@ -807,7 +822,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;
@ -819,7 +836,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;
@ -932,6 +950,12 @@ Responsive Codes
line-height: 21px; line-height: 21px;
color: #FFFFFF; color: #FFFFFF;
} }
.submit-btn button:hover,
.featured-news-desc a:hover,
.service-secondary-desc a:hover,
.chef-hire-form button:hover{
background: #103E70;
}
.chef-hire-form input:focus, .chef-hire-form input:focus,
.chef-hire-form select:focus, .chef-hire-form select:focus,
.chef-hire-form textarea:focus, .chef-hire-form textarea:focus,
@ -1173,18 +1197,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{
@ -1233,7 +1259,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;
@ -1331,7 +1358,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,
@ -1339,6 +1397,21 @@ Responsive Codes
.need-chef-banner .breadcrumb{ .need-chef-banner .breadcrumb{
display: none; display: none;
} }
.banner-section .banner-description {
position: absolute;
top: 10%;
left: 5%;
}
.banner-description h2{
font-weight: 800;
font-size: 22px;
text-align: center;
line-height: 36px;
color: #FFFFFF;
}
.header .logo {
height: 3rem;
}
.get-in-touch-section, .get-in-touch-section,
.our-services-header p{ .our-services-header p{
padding: 0; padding: 0;
@ -1377,7 +1450,9 @@ Responsive Codes
.our-recruitment-section, .our-recruitment-section,
.news-and-update-section, .news-and-update-section,
.clients-section, .clients-section,
.quick-enquiry-setion{ .quick-enquiry-setion,
.service-secondary,
.service-view-last{
padding: 2rem; padding: 2rem;
} }
.visa-services, .visa-services,
@ -1433,6 +1508,15 @@ Responsive Codes
.chef-hire-form{ .chef-hire-form{
padding: 20px; padding: 20px;
} }
.service-primary{
padding: 2rem;
background:rgb(231, 231, 231);
}
.service-primary-img,
.service-secondary-img,
.service-last-img{
margin: 0 0 20px 0;
}
} }
/* large screen */ /* large screen */

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 529 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

@ -100,7 +100,7 @@
@php @php
$code = Str::random(5); $code = Str::random(5);
@endphp @endphp
<div class="col-md-12"> <div class="mb-3">
<label for="">Enter Captcha</label> <label for="">Enter Captcha</label>
<div class="contact-captcha"> <div class="contact-captcha">
<div class="captcha-sec"> <div class="captcha-sec">

@ -39,11 +39,12 @@
<a class="nav-link" href="{{url('/about')}}">About</a> <a class="nav-link" href="{{url('/about')}}">About</a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="/services" 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-hover="dropdown" aria-expanded="false">
Visa-Services Services
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/services">service-name</a></li> <li><a class="dropdown-item" href="/service_view">Skill Assessment</a></li>
<li><a class="dropdown-item" href="/service_detail">Permanent Work Visa</a></li>
</ul> </ul>
</li> </li>
<li class="nav-item"> <li class="nav-item">
@ -141,7 +142,7 @@
<p>DICE © 2022. All Rights Reserved.</p> <p>DICE © 2022. All Rights Reserved.</p>
</div> </div>
<div class="disclaimer"> <div class="disclaimer">
<p>Disclaimer|Privacy Policy </p> <p><a href="">Disclaimer</a> | <a href="">Privacy Policy</a></p>
</div> </div>
<div class="developed-by"> <div class="developed-by">
<p>Design & Developed by: <a href="https://www.extratechs.com.au/" target="_blank">Extratech</a></p> <p>Design & Developed by: <a href="https://www.extratechs.com.au/" target="_blank">Extratech</a></p>

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

@ -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>
@ -35,15 +34,15 @@
<div class="achievement-items"> <div class="achievement-items">
<div class="achivement-sec"> <div class="achivement-sec">
<img src="{{url('frontend/icons/success-icon.svg')}}" class="img-fluid" alt=""> <img src="{{url('frontend/icons/success-icon.svg')}}" class="img-fluid" alt="">
<h5>{{$visa_success->value}}</h5> <h5>{{$visa_success->value ?? ''}}</h5>
</div> </div>
<div class="achivement-sec"> <div class="achivement-sec">
<img src="{{url('frontend/icons/visa-approved.svg')}}" alt=""> <img src="{{url('frontend/icons/visa-approved.svg')}}" alt="">
<h5>{{$visa_approved->value}}</h5> <h5>{{$visa_approved->value ?? ''}}</h5>
</div> </div>
<div class="achivement-sec"> <div class="achivement-sec">
<img src="{{url('frontend/icons/institution.svg')}}" alt=""> <img src="{{url('frontend/icons/institution.svg')}}" alt="">
<h5>{{$partner_institution->value}}</h5> <h5>{{$partner_institution->value ?? ''}}</h5>
</div> </div>
</div> </div>
</section> </section>
@ -159,13 +158,13 @@
<div class="featured-news"> <div class="featured-news">
<a href="/news_detail" href=""> <a href="/news_detail" href="">
<div class="featured-news-image"> <div class="featured-news-image">
<img src="{{url($news_and_updates->first()->image)}}" class="w-100" alt=""> <img src="{{url($news_and_updates->first()->image ?? '')}}" class="w-100" alt="">
</div> </div>
<div class="featured-content"> <div class="featured-content">
<p>{{$news_and_updates->first()->created_at}}</p> <p>{{$news_and_updates->first()->created_at ?? ''}}</p>
<h2>{{$news_and_updates->first()->title}}</h2> <h2>{{$news_and_updates->first()->title ?? ''}}</h2>
<div class="featured-btn"> <div class="featured-btn">
<p href="{{url('news/'.$news_and_updates->first()->slug)}}">Read more</p> <p href="{{url('news/'.$news_and_updates->first()->slug )}}">Read more</p>
<i class="fa-solid fa-arrow-right-long"></i> <i class="fa-solid fa-arrow-right-long"></i>
</div> </div>
</div> </div>

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

Loading…
Cancel
Save