[add] captcha, banner and css fixed

aplus#22
tribikram 2 years ago committed by Mahesh Sharma
parent b64e6fcdd6
commit 99fb3be395
  1. 108
      public/frontend/css/style.css
  2. 9
      public/frontend/icons/captcha-icon.svg
  3. 9
      public/frontend/icons/efficiency.svg
  4. 3
      public/frontend/icons/enq-phone-icon.svg
  5. 9
      public/frontend/icons/online-learning.svg
  6. 9
      public/frontend/icons/recruitment-icon.svg
  7. 9
      public/frontend/icons/write-blue.svg
  8. BIN
      public/frontend/images/pathway-banner.png
  9. BIN
      public/images/service/2022/12/13/6982ffe2d408d88aaf00f138f4f0f13a.jpg
  10. BIN
      public/images/service/2022/12/14/d630bb78a53e78d0a81b37697fa943f5.jpg
  11. 2
      resources/views/am_chef.blade.php
  12. 2
      resources/views/contact.blade.php
  13. 2
      resources/views/insurance.blade.php
  14. 2
      resources/views/labor_agreement.blade.php
  15. 2
      resources/views/layout/app.blade.php
  16. 2
      resources/views/need_chef.blade.php
  17. 2
      resources/views/news.blade.php
  18. 64
      resources/views/pathway_programme.blade.php
  19. 2
      resources/views/recruitment.blade.php
  20. 2
      resources/views/service_detail.blade.php
  21. 2
      resources/views/service_view.blade.php
  22. 52
      resources/views/welcome.blade.php
  23. 5
      routes/web.php

@ -59,12 +59,13 @@ h4{
transition: padding 500ms, box-shadow 500ms; transition: padding 500ms, box-shadow 500ms;
transition-delay: 200ms; transition-delay: 200ms;
} }
.header-scroll{ .header-scroll {
padding: 0 6rem; padding: 0 6rem;
background: #0E2B52; background: rgba(14, 43, 82, 0.9);
backdrop-filter: blur(12px);
position: sticky; position: sticky;
box-shadow: 0 2px 4px rgba(99, 99, 99, 0.25); box-shadow: 0 2px 4px rgba(99, 99, 99, 0.25);
} }
.header .logo{ .header .logo{
height: 5rem; height: 5rem;
} }
@ -254,8 +255,7 @@ Responsive Codes
position: relative; position: relative;
} }
.banner-section video { .banner-section video {
min-width: 100%; display:block;
min-height: 140%;
} }
.banner-section .banner-shadow { .banner-section .banner-shadow {
position: absolute; position: absolute;
@ -263,12 +263,12 @@ Responsive Codes
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
box-shadow: inset 0 1700px rgb(0 0 0 / 40%) !important; box-shadow: inset 0 1700px rgb(0 0 0 / 45%) !important;
} }
.banner-section .banner-description{ .banner-section .banner-description{
position: absolute; position: absolute;
top: 40%; top: 36%;
left: 5%; left: 6%;
} }
.banner-description span::before{ .banner-description span::before{
content: "Study Programme"; content: "Study Programme";
@ -296,8 +296,8 @@ Responsive Codes
} }
.banner-description h2, .banner-description-two h2, .banner-description-three h2{ .banner-description h2, .banner-description-two h2, .banner-description-three h2{
font-weight: 800; font-weight: 800;
font-size: 46px; font-size: 54px;
line-height: 69px; line-height: 78px;
color: #FFFFFF; color: #FFFFFF;
} }
@keyframes anim-lineUp { @keyframes anim-lineUp {
@ -922,7 +922,6 @@ Responsive Codes
} }
/* contact us css */ /* contact us css */
.contact-us-section{ .contact-us-section{
background: url('../images/contact-us-banner.png');
padding: 6rem; padding: 6rem;
height: 40vh; height: 40vh;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1062,7 +1061,6 @@ Responsive Codes
} }
/* need a chef page css */ /* need a chef page css */
.need-chef-banner{ .need-chef-banner{
background: url('../images/need-chef.png');
padding: 6rem; padding: 6rem;
height: 40vh; height: 40vh;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1152,6 +1150,9 @@ Responsive Codes
.chef-hire-form .input-group-text{ .chef-hire-form .input-group-text{
padding: .9rem .75rem !important; padding: .9rem .75rem !important;
} }
.enquiry-form .captch-field{
background: rgba(255, 255, 255, 0.55);
}
.captch-field{ .captch-field{
background: #FFFFFF; background: #FFFFFF;
padding: 0.5rem; padding: 0.5rem;
@ -1162,6 +1163,7 @@ Responsive Codes
} }
.captch-field input, .captch-field input:focus-visible{ .captch-field input, .captch-field input:focus-visible{
border: none; border: none;
background: none;
box-shadow: none; box-shadow: none;
outline: none; outline: none;
width: 100%; width: 100%;
@ -1224,7 +1226,6 @@ Responsive Codes
} }
/* service detail css */ /* service detail css */
.service-detail-banner{ .service-detail-banner{
background: url('../images/service-detail.png');
padding: 6rem; padding: 6rem;
height: 40vh; height: 40vh;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1300,7 +1301,6 @@ Responsive Codes
/* news and update section */ /* news and update section */
.news-banner-section{ .news-banner-section{
background: url(../images/news-banner.png);
padding: 6rem; padding: 6rem;
height: 40vh; height: 40vh;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1468,7 +1468,6 @@ Responsive Codes
/* recruitment page css */ /* recruitment page css */
.recruitment-banner{ .recruitment-banner{
background: url(../images/recruitment.png);
padding: 6rem; padding: 6rem;
height: 40vh; height: 40vh;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1537,7 +1536,6 @@ Responsive Codes
} }
/* insurance page css */ /* insurance page css */
.insurance-banner{ .insurance-banner{
background: url(../images/insurance.png);
padding: 6rem; padding: 6rem;
height: 40vh; height: 40vh;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1572,13 +1570,75 @@ Responsive Codes
padding: 3rem 6rem; padding: 3rem 6rem;
} }
.labor-agreement-banner{ .labor-agreement-banner{
background: url(../images//labor-agreement.png);
padding: 6rem; padding: 6rem;
height: 40vh; height: 40vh;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover !important; background-size: cover !important;
position: relative; position: relative;
} }
/* Labor agreement section */
.pathway-banner-section{
padding: 6rem;
height: 40vh;
background-repeat: no-repeat;
background-size: cover !important;
position: relative;
}
.pathway-steps-section{
padding: 3rem 6rem;
}
.pathway-step-header h2{
font-weight: 600;
font-size: 38px;
line-height: 56px;
text-align: center;
padding: 0 20%;
color: #082548;
}
.pathway-step-header p{
font-weight: 400;
font-size: 16px;
line-height: 1.8rem;
padding: 0 10%;
text-align: center;
color: #252525;
}
.pathway-step-header h5{
font-weight: 600;
font-size: 16px;
padding: 20px 0;
line-height: 1.8rem;
text-align: center;
color: #252525;
}
.pathway-step-card{
background: #1853A4;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
border-radius: 15px;
display: flex;
flex-direction: column;
align-items: center;
padding: 30px 20px;
min-height: 22pc;
}
.pathway-steps-icon{
background: #FFFFFF;
padding: 10px;
border-radius: 5px;
margin-bottom: 25px;
}
.pathway-step-desc h3{
color: #FFFFFF;
text-align: center;
margin-bottom: 20px;
font-size: 24px;
}
.pathway-step-desc p{
color: #FFFFFF;
text-align: center;
}
@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,
@ -1647,7 +1707,8 @@ Responsive Codes
.recruitment-card, .recruitment-card,
.insurance-desc, .insurance-desc,
.labor-section-primary, .labor-section-primary,
.labor-section-secondary{ .labor-section-secondary,
.pathway-steps-section{
padding: 2rem; padding: 2rem;
} }
.visa-services, .visa-services,
@ -1675,12 +1736,18 @@ Responsive Codes
} }
.insurance-content h2, .insurance-content h2,
.labor-section-primary h2, .labor-section-primary h2,
.labor-section-secondary h2 { .labor-section-secondary h2,
.pathway-step-header h2 {
font-weight: 600; font-weight: 600;
font-size: 28px; font-size: 28px;
line-height: 42px; line-height: 42px;
color: #082548; color: #082548;
} }
.pathway-step-header h2,
.pathway-step-header p{
text-align: left;
padding: 0;
}
.blog-header h2, .blog-header h2,
.enquiry-contacts h2{ .enquiry-contacts h2{
text-align: center; text-align: center;
@ -1706,7 +1773,8 @@ Responsive Codes
.news-and-update-section .row{ .news-and-update-section .row{
gap: 20px; gap: 20px;
} }
.more-news{ .more-news,
.services-cards{
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.chef-hire-form{ .chef-hire-form{

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 90 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 24 KiB

@ -0,0 +1,3 @@
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.9293 11.1516L15.3911 13.6133C15.7274 13.9496 15.7274 14.4949 15.3911 14.8312C13.5728 16.6494 10.6942 16.854 8.6371 15.3112L7.29524 14.3048C5.55171 12.9971 4.00289 11.4483 2.69524 9.70476L1.68884 8.3629C0.145996 6.30577 0.350568 3.42721 2.16883 1.60895C2.50514 1.27264 3.05041 1.27263 3.38673 1.60895L5.84845 4.07067C6.23897 4.4612 6.23897 5.09436 5.84845 5.48488L4.92331 6.41002C4.77005 6.56329 4.73205 6.79743 4.82898 6.9913C5.94972 9.23277 7.76723 11.0503 10.0087 12.171C10.2026 12.268 10.4367 12.23 10.59 12.0767L11.5151 11.1516C11.9056 10.761 12.5388 10.761 12.9293 11.1516Z" stroke="#071C39" stroke-width="0.8"/>
</svg>

After

Width:  |  Height:  |  Size: 734 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 29 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 526 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 845 KiB

@ -3,7 +3,7 @@
<title>I am Chef</title> <title>I am Chef</title>
@endsection @endsection
@section('content') @section('content')
<section class="need-chef-banner"> <section class="need-chef-banner" style="background: url('frontend/images/need-chef.png')">
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Aplusagency</a></li> <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>

@ -4,7 +4,7 @@
@endsection @endsection
@section('content') @section('content')
<section class="contact-us-section"> <section class="contact-us-section" style="background: url('frontend/images/contact-us-banner.png')">
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item"><a href="/">Home</a></li>

@ -3,7 +3,7 @@
<title>Insurance</title> <title>Insurance</title>
@endsection @endsection
@section('content') @section('content')
<section class="insurance-banner"> <section class="insurance-banner" style="background: url('frontend/images/insurance.png')">
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Aplusagency</a></li> <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>

@ -3,7 +3,7 @@
<title>Labor Agreement</title> <title>Labor Agreement</title>
@endsection @endsection
@section('content') @section('content')
<section class="labor-agreement-banner"> <section class="labor-agreement-banner" style="background: url('frontend/images/labor-agreement.png')">
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Aplusagency</a></li> <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>

@ -163,7 +163,7 @@
<h2>Quick Links</h2> <h2>Quick Links</h2>
<ul> <ul>
<li><a href="/about">About us</a></li> <li><a href="/about">About us</a></li>
<li><a href="">Pathway Programme</a></li> <li><a href="/pathway_programme">Pathway Programme</a></li>
<li><a href="{{url('/news')}}">News</a></li> <li><a href="{{url('/news')}}">News</a></li>
<li><a href="/contact">Contact us</a></li> <li><a href="/contact">Contact us</a></li>
</ul> </ul>

@ -3,7 +3,7 @@
<title>I need a Chef</title> <title>I need a Chef</title>
@endsection @endsection
@section('content') @section('content')
<section class="need-chef-banner"> <section class="need-chef-banner" style="background: url('frontend/images/need-chef.png')">
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Aplusagency</a></li> <li class="breadcrumb-item"><a href="/">Aplusagency</a></li>

@ -3,7 +3,7 @@
<title>News & Updates</title> <title>News & Updates</title>
@endsection @endsection
@section('content') @section('content')
<section class="news-banner-section"> <section class="news-banner-section" style="background: url('frontend/images/news-banner.png')">
<div class="news-banner-desc"> <div class="news-banner-desc">
<h2>News & Updates</h2> <h2>News & Updates</h2>
</div> </div>

@ -0,0 +1,64 @@
@extends('layout.app')
@section('title')
<title>Pathway Programme</title>
@endsection
@section('content')
<section class="pathway-banner-section" style="background: url('frontend/images/pathway-banner.png')">
<div class="services-banner-content">
<h2>Pathway Programme</h2>
</div>
</section>
<section class="pathway-steps-section">
<div class="pathway-step-header">
<h2>Pathway to Australian PR through 4 simple steps</h2>
<p>The current certification needed is a Cert IV in Commercial Cookery to receive a positive skills assessment. You can even accomplish this without an employer's sponsorship or having to reside in a rural area.</p>
<h5>Here are a few easy steps that could help you follow this road.</h5>
</div>
<div class="row g-4">
<div class="col-md-3">
<div class="pathway-step-card">
<div class="pathway-steps-icon">
<img src="{{url('frontend/icons/write-blue.svg')}}" alt="">
</div>
<div class="pathway-step-desc">
<h3>Study Programme</h3>
<p>To be able to acquire the necessary skills and qualifications, students need an approved and accredited career in commercial cooking.</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="pathway-step-card">
<div class="pathway-steps-icon">
<img src="{{url('frontend/icons/online-learning.svg')}}" alt="">
</div>
<div class="pathway-step-desc">
<h3>Training Programme</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="pathway-step-card">
<div class="pathway-steps-icon">
<img src="{{url('frontend/icons/efficiency.svg')}}" alt="">
</div>
<div class="pathway-step-desc">
<h3>Skill Assessment</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="pathway-step-card">
<div class="pathway-steps-icon">
<img src="{{url('frontend/icons/recruitment-icon.svg')}}" alt="">
</div>
<div class="pathway-step-desc">
<h3>Skilled Recruitment</h3>
<p>We assist international students in finding full-time employment in Australia through a variety of hiring options.</p>
</div>
</div>
</div>
</div>
</section>
@endsection

@ -3,7 +3,7 @@
<title>Recruitment</title> <title>Recruitment</title>
@endsection @endsection
@section('content') @section('content')
<section class="recruitment-banner"> <section class="recruitment-banner" style="background: url('frontend/images/recruitment.png')">
<div class="service-detail-desc"> <div class="service-detail-desc">
<h2>Recruitment</h2> <h2>Recruitment</h2>
</div> </div>

@ -3,7 +3,7 @@
<title>{{$service->name}}</title> <title>{{$service->name}}</title>
@endsection @endsection
@section('content') @section('content')
<section class="service-detail-banner"> <section class="service-detail-banner" style="background: url('frontend/images/service-detail.png')">
<div class="service-detail-desc"> <div class="service-detail-desc">
<h2>{{$service->name}}</h2> <h2>{{$service->name}}</h2>
</div> </div>

@ -3,7 +3,7 @@
<title>{{$service->name}}</title> <title>{{$service->name}}</title>
@endsection @endsection
@section('content') @section('content')
<section class="service-detail-banner"> <section class="service-detail-banner" style="background: url('frontend/images/service-detail.png')">
<div class="service-detail-desc"> <div class="service-detail-desc">
<h2>{{$service->name}}</h2> <h2>{{$service->name}}</h2>
</div> </div>

@ -7,15 +7,13 @@
$msg = Session::get('msg') ?? null; $msg = Session::get('msg') ?? null;
@endphp @endphp
<!-- Slider section --> <!-- Slider section -->
<section class="banner-section"> <section class="banner-section" >
<div class="video-container">
<video id="vid" autoplay playsinline loop muted> <video 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>
<span class="banner-shadow"></span> <span class="banner-shadow"></span>
</div>
<div class="banner-description"> <div class="banner-description">
<h2>4 Easy Steps to Permanent <br> Residency in Australia <span></span></h2> <h2>4 Easy Steps To <br> Permanent Residency <br> In Australia <span></span></h2>
{{-- <h3>{{$slider->title2}}</h3> --}} {{-- <h3>{{$slider->title2}}</h3> --}}
{{-- <p>{{$slider->description}}</p> --}} {{-- <p>{{$slider->description}}</p> --}}
@ -295,7 +293,7 @@
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"> <span class="input-group-text" id="basic-addon1">
<i class="fa-solid fa-phone"></i> <img src="{{url('frontend/icons/enq-phone-icon.svg')}}" alt="">
</span> </span>
</div> </div>
<input type="text" name = "phone" class="form-control" placeholder="Phone" aria-label="Phone" aria-describedby="basic-addon1"> <input type="text" name = "phone" class="form-control" placeholder="Phone" aria-label="Phone" aria-describedby="basic-addon1">
@ -328,6 +326,34 @@
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Message" name="message"></textarea> <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Message" name="message"></textarea>
</div> </div>
</div> </div>
<div class="col-md-12">
@php
$code = Str::random(5);
@endphp
<div class=" mb-3">
<div class="contact-captcha">
<div class="input-group captcha-sec">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">
<img src="{{url('frontend/icons/captcha-icon.svg')}}" alt="">
</span>
</div>
<input id="captcha" type="text" name = "entered_captcha_code" class="form-control" placeholder="Enter Captcha as Shown" required>
<input type = "hidden" id = "displayed_captcha_code" name = "displayed_captcha_code" value = "{{$code}}"/>
</div>
<div class="captch-field">
<!-- name = "captcha_code" value = "{{$code}}" -->
<input type = "text" id="captcha_code" readonly name = "captcha_code" value = "{{$code}}"/>
<a id = "refresh"><img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""></a>
</div>
</div>
</div>
@if ($errors->has('captcha'))
<span class="help-block">
<strong>{{ $errors->first('captcha') }}</strong>
</span>
@endif
</div>
<div class="text-center mt-3"> <div class="text-center mt-3">
<button class="btn-submit">Submit</button> <button class="btn-submit">Submit</button>
</div> </div>
@ -370,5 +396,19 @@
icon: 'success' icon: 'success'
}) })
} }
</script>
$('#refresh').click(function(event){
event.preventDefault();
$.ajax({
type:'GET',
url:'refreshcaptcha',
success:function(data){
document.getElementById('captcha_code').readOnly = false;
document.getElementById('captcha_code').value = (data.captcha_code);
document.getElementById('displayed_captcha_code').value = (data.captcha_code);
document.getElementById('captcha_code').readOnly = true;
}
});
});
</script>
@endsection @endsection

@ -52,6 +52,11 @@ Route::get('/refreshcaptcha', [HomeController::class,'refreshCaptcha']);
Route::get('/need_chef', function(){ Route::get('/need_chef', function(){
return view('need_chef'); return view('need_chef');
}); });
Route::get('/pathway_programme', function(){
return view('pathway_programme');
});
Route::get('/labor_agreement', function(){ Route::get('/labor_agreement', function(){
return view('labor_agreement'); return view('labor_agreement');
}); });

Loading…
Cancel
Save