[add] need chef page slicing

aplus#6
tribikram 2 years ago
parent de651972f3
commit d86749ac61
  1. 117
      public/frontend/css/style.css
  2. 10
      public/frontend/icons/clarity_refresh-line.svg
  3. 11
      public/frontend/icons/reset-icon.svg
  4. BIN
      public/frontend/images/need-chef.png
  5. 2
      resources/views/layout/app.blade.php
  6. 80
      resources/views/need_chef.blade.php
  7. 4
      routes/web.php

@ -13,6 +13,7 @@ p{
line-height: 1.8rem; line-height: 1.8rem;
letter-spacing: 0.001em; letter-spacing: 0.001em;
color: #221415; color: #221415;
margin-bottom: 0;
} }
a, button{ a, button{
transition: all 300ms ease-out; transition: all 300ms ease-out;
@ -770,13 +771,13 @@ Responsive Codes
padding: 3rem 6rem; padding: 3rem 6rem;
background: #F8F8F8; background: #F8F8F8;
} }
.who-we-desc hr, .obj-header hr{ .who-we-desc hr, .obj-header hr, .hiring-content hr{
width: 38px; width: 38px;
height: 0px; height: 0px;
opacity: 1; opacity: 1;
border: 1px solid #F54C5F; border: 1px solid #F54C5F;
} }
.who-we-desc h5, .obj-header h5{ .who-we-desc h5, .obj-header h5, .hiring-content h5{
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
@ -785,7 +786,7 @@ Responsive Codes
align-items: center; align-items: center;
gap: 10px; gap: 10px;
} }
.who-we-desc h3, .obj-header h3{ .who-we-desc h3, .obj-header h3, .hiring-content h3{
font-weight: 700; font-weight: 700;
font-size: 38px; font-size: 38px;
line-height: 57px; line-height: 57px;
@ -799,12 +800,13 @@ Responsive Codes
gap: 20px; gap: 20px;
} }
.about-banner-section .breadcrumb, .about-banner-section .breadcrumb,
.contact-us-section .breadcrumb{ .contact-us-section .breadcrumb,
.need-chef-banner .breadcrumb{
float: right; float: right;
margin-top: 15px;
} }
.about-banner-section .breadcrumb a, .about-banner-section .breadcrumb a,
.contact-us-section .breadcrumb a{ .contact-us-section .breadcrumb a,
.need-chef-banner .breadcrumb a{
text-decoration: none; text-decoration: none;
color: #FFFFFF; color: #FFFFFF;
} }
@ -871,7 +873,7 @@ Responsive Codes
z-index: 2; z-index: 2;
margin: 0 10px; margin: 0 10px;
} }
.contact-form h2{ .contact-form h2, .chef-hire-form h2{
font-weight: 500; font-weight: 500;
font-size: 22px; font-size: 22px;
line-height: 178%; line-height: 178%;
@ -889,22 +891,29 @@ Responsive Codes
line-height: 21px; line-height: 21px;
color: #FFFFFF; color: #FFFFFF;
} }
.chef-hire-form input:focus,
.chef-hire-form select:focus,
.chef-hire-form textarea:focus,
.contact-form input:focus, .contact-form input:focus,
.contact-form select:focus, .contact-form select:focus,
.contact-form textarea:focus{ .contact-form textarea:focus{
box-shadow: none; box-shadow: none;
} }
.contact-form label{ .contact-form label,
.chef-hire-form label{
font-weight: 400; font-weight: 400;
font-size: 15px; font-size: 15px;
line-height: 1.8rem; line-height: 1.8rem;
color: #0A2849; color: #0A2849;
} }
.chef-hire-form .form-control,
.contact-form .form-control, .contact-form .form-control,
.contact-form select{ .contact-form select{
border: none; border: none;
padding: 0.6rem; padding: 0.6rem;
} }
.chef-hire-form input::-webkit-input-placeholder,
.chef-hire-form textarea::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder,
.contact-form select, .contact-form select,
.contact-form input::-webkit-input-placeholder{ .contact-form input::-webkit-input-placeholder{
@ -919,4 +928,96 @@ Responsive Codes
.map-section{ .map-section{
padding-top: 3rem; padding-top: 3rem;
background: #F5F5F5; background: #F5F5F5;
}
/* need a chef page css */
.need-chef-banner{
background: url('../images/need-chef.png');
padding: 6rem;
height: 40vh;
background-repeat: no-repeat;
background-size: cover!important;
}
.chef-banner-content h2{
font-weight: 700;
font-size: 80px;
line-height: 3rem;
color: #FFFFFF;
text-align: center;
margin-top: 4rem;
margin-bottom: 25px;
text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}
.chef-banner-content p{
font-weight: 500;
font-size: 16px;
line-height: 1.8rem;
text-align: center;
color: #FFFFFF;
}
.hiring-chef{
padding: 3rem 10rem;
background: #FAFAFE;
}
.hiring-content{
margin-right: 20px;
}
.hiring-content p{
font-weight: 500;
font-size: 16px;
line-height: 1.8rem;
color: #4E5F72;
margin-bottom: 20px;
}
.hiring-chef h6{
font-weight: 600;
font-size: 16px;
line-height: 1.8rem;
color: #071C39;
}
.hiring-chef ul{
padding-left: 1rem;
}
.hiring-chef ul li::marker{
color: #01070F;
}
.hiring-chef ul li{
font-weight: 400;
font-size: 16px;
line-height: 1.8rem;
color: #071C39;
}
.chef-hire-form{
background: #F0F4F9;
box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.25);
border-radius: 12px;
padding: 40px;
}
.chef-hire-form button{
background: #F54C5F;
border-radius: 5px;
border: none;
width: 100%;
padding: 20px;
font-weight: 500;
font-size: 14px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
}
.hiring-chef .row{
display: flex;
align-items: center;
}
.chef-hire-form .input-group-text{
padding: .9rem .75rem !important;
}
.captch-field{
background: #FFFFFF;
padding: 0.5rem;
display: flex;
gap: 20px;
}
.captch-field p{
font-weight: 400;
font-size: 13px;
} }

@ -0,0 +1,10 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_199_384)">
<path d="M7.467 3.88328C7.467 3.97964 7.50528 4.07206 7.57342 4.1402C7.64156 4.20833 7.73397 4.24661 7.83034 4.24661H11.477V0.603281C11.477 0.506477 11.4385 0.413638 11.3701 0.345187C11.3016 0.276737 11.2088 0.238281 11.112 0.238281C11.0152 0.238281 10.9224 0.276737 10.8539 0.345187C10.7855 0.413638 10.747 0.506477 10.747 0.603281V2.98328C10.0635 1.98236 9.0669 1.23679 7.91373 0.863662C6.76055 0.490533 5.51611 0.510973 4.37581 0.921773C3.23551 1.33257 2.26394 2.11047 1.61367 3.1333C0.963401 4.15613 0.671258 5.36597 0.783117 6.57283C0.894977 7.7797 1.4045 8.91524 2.23169 9.80113C3.05887 10.687 4.15686 11.2731 5.35323 11.4673C6.54961 11.6615 7.77661 11.4529 8.84156 10.8742C9.90651 10.2955 10.7491 9.37945 11.237 8.26995C11.2731 8.17998 11.2728 8.07948 11.2362 7.98972C11.1995 7.89996 11.1294 7.82798 11.0406 7.78901C10.9519 7.75003 10.8514 7.74712 10.7605 7.78089C10.6696 7.81466 10.5955 7.88246 10.5537 7.96995C10.1302 8.9343 9.39685 9.72961 8.4699 10.2297C7.54295 10.7297 6.47554 10.9058 5.43708 10.7301C4.39863 10.5543 3.44862 10.0368 2.73783 9.25955C2.02705 8.48233 1.5962 7.48999 1.51368 6.44001C1.43116 5.39002 1.70169 4.34255 2.28233 3.46384C2.86298 2.58513 3.72047 1.92553 4.71872 1.58971C5.71697 1.25389 6.79878 1.26109 7.79247 1.61018C8.78616 1.95927 9.63478 2.63025 10.2037 3.51661H7.83367C7.78539 3.51617 7.73751 3.52535 7.69283 3.54362C7.64814 3.56189 7.60754 3.58888 7.5734 3.62302C7.53927 3.65715 7.51228 3.69775 7.49401 3.74244C7.47574 3.78713 7.46656 3.83501 7.467 3.88328V3.88328Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_199_384">
<rect width="12" height="12" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@ -0,0 +1,11 @@
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="23" height="23" rx="2" fill="#D9D9D9"/>
<g clip-path="url(#clip0_208_30)">
<path d="M13.467 9.88328C13.467 9.97964 13.5053 10.0721 13.5734 10.1402C13.6416 10.2083 13.734 10.2466 13.8303 10.2466H17.477V6.60328C17.477 6.50648 17.4385 6.41364 17.3701 6.34519C17.3016 6.27674 17.2088 6.23828 17.112 6.23828C17.0152 6.23828 16.9224 6.27674 16.8539 6.34519C16.7855 6.41364 16.747 6.50648 16.747 6.60328V8.98328C16.0635 7.98236 15.0669 7.23679 13.9137 6.86366C12.7606 6.49053 11.5161 6.51097 10.3758 6.92177C9.23551 7.33257 8.26394 8.11047 7.61367 9.1333C6.9634 10.1561 6.67126 11.366 6.78312 12.5728C6.89498 13.7797 7.4045 14.9152 8.23169 15.8011C9.05887 16.687 10.1569 17.2731 11.3532 17.4673C12.5496 17.6615 13.7766 17.4529 14.8416 16.8742C15.9065 16.2955 16.7491 15.3794 17.237 14.2699C17.2731 14.18 17.2728 14.0795 17.2362 13.9897C17.1995 13.9 17.1294 13.828 17.0406 13.789C16.9519 13.75 16.8514 13.7471 16.7605 13.7809C16.6696 13.8147 16.5955 13.8825 16.5537 13.9699C16.1302 14.9343 15.3968 15.7296 14.4699 16.2297C13.5429 16.7297 12.4755 16.9058 11.4371 16.7301C10.3986 16.5543 9.44862 16.0368 8.73783 15.2595C8.02705 14.4823 7.5962 13.49 7.51368 12.44C7.43116 11.39 7.70169 10.3426 8.28233 9.46384C8.86298 8.58513 9.72047 7.92553 10.7187 7.58971C11.717 7.25389 12.7988 7.26109 13.7925 7.61018C14.7862 7.95927 15.6348 8.63025 16.2037 9.51661H13.8337C13.7854 9.51617 13.7375 9.52535 13.6928 9.54362C13.6481 9.56189 13.6075 9.58888 13.5734 9.62302C13.5393 9.65715 13.5123 9.69775 13.494 9.74244C13.4757 9.78713 13.4666 9.83501 13.467 9.88328V9.88328Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_208_30">
<rect width="12" height="12" fill="white" transform="translate(6 6)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 630 KiB

@ -115,7 +115,7 @@
<h2>Recruitment</h2> <h2>Recruitment</h2>
<ul> <ul>
<li><a href="">Labour Agreements</a></li> <li><a href="">Labour Agreements</a></li>
<li><a href="">I Need a Chef</a></li> <li><a href="/need_chef">I Need a Chef</a></li>
<li><a href="">I am a Chef</a></li> <li><a href="">I am a Chef</a></li>
</ul> </ul>
</div> </div>

@ -0,0 +1,80 @@
@extends('layout.app')
@section('title')
<title>I need a Chef</title>
@endsection
@section('content')
<section class="need-chef-banner">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Recruitment</li>
</ol>
</nav>
<div class="chef-banner-content">
<h2>I need a Chef</h2>
<p>Are you struggling to find chefs? Aplus has placed over 600 chefs in hospitality venues across Australia</p>
</div>
</section>
<section class="hiring-chef">
<div class="row">
<div class="col-md-6">
<div class="hiring-content">
<h5>Hiring <hr></h5>
<h3>Need a Chef or Cook?</h3>
<p>Let us know via our enquiry form.</p>
<h6>What are the next steps?</h6>
<ul>
<li>Initial consultation to assess your needs, timelines and eligibility.</li>
<li>If required, we will set you up as a Standard Business Sponsor.</li>
<li>Candidate profiles are sent to you and you make your selections for the Skype/Zoom interviews.</li>
<li>Candidates are selected and the Contract of Employment is drafted.</li>
<li>We apply for the candidate’s visa which takes normally 3-4 months to come through.</li>
<li>The candidate resigns from their current post and makes plans to arrive in Australia.</li>
<li>Follow-ups with both the candidate and yourself to ensure everything is running smoothly.</li>
<li>Payment of recruitment fee after 14 days.</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="chef-hire-form">
<form action="">
<h2>Please fill-up the form</h2>
<div class="mb-3">
<label for="">Full name</label>
<input type="text" class="form-control" placeholder="Your full name" name="" id="">
</div>
<div class="mb-3">
<label for="">Company</label>
<input type="text" class="form-control" placeholder="Your company name" name="" id="">
</div>
<div class="mb-3">
<label for="">Email address</label>
<input type="email" class="form-control" placeholder="Your email address" name="" id="">
</div>
<div class="mb-3">
<label for="">No. of position</label>
<input type="text" class="form-control" placeholder="Required number of position" name="" id="">
</div>
<div class="mb-3">
<label for="">Enquiry</label>
<textarea type="text" rows="3" class="form-control" placeholder="Your enquiries.." name="" id=""></textarea>
</div>
<div class="mb-5">
<label for="">Enter Captcha</label>
<div class="d-flex gap-3">
<div class="captcha-sec">
<input type="text" name="" class="form-control" placeholder="Captcha" id="">
</div>
<div class="captch-field">
<p>g46x0</p>
<img src="{{url('frontend/icons/reset-icon.svg')}}" alt="">
</div>
</div>
</div>
<button type="submit">Submit your enquiry</button>
</form>
</div>
</div>
</div>
</section>
@endsection

@ -47,6 +47,10 @@ Route::get('/about', function () {
return view('about'); return view('about');
}); });
Route::get('/need_chef', function(){
return view('need_chef');
});
Route::get('/contact', [HomeController::class, 'contact']); Route::get('/contact', [HomeController::class, 'contact']);
Route::get('/referral', [ReferralController::class, 'create']); Route::get('/referral', [ReferralController::class, 'create']);

Loading…
Cancel
Save