[add] navigation and footer

et/#2
tribikram 2 years ago
parent b96564a946
commit 549c214f86
  1. 20
      public/css/style.css
  2. BIN
      public/images/about-image.png
  3. 36
      resources/views/layout/app.blade.php
  4. 134
      resources/views/welcome.blade.php

@ -790,6 +790,11 @@ p {
padding: 40px;
float: right;
}
.about-us-desc h1{
font-size: 2rem;
line-height: 1.2;
margin-bottom: 20px;
}
.about-us-desc p{
margin-bottom: 40px;
}
@ -1032,13 +1037,11 @@ p {
.card{
padding: 30px 40px;
margin-top: 60px;
margin-bottom: 60px;
border: none !important;
box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2)
}
.blue-text{
color: #00BCD4
color: #2f55d4
}
.form-control-label{
margin-bottom: 0
@ -1774,6 +1777,9 @@ button:focus{
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.how-it-work-box{
min-height: 25pc;
}
.how-it-work-box .how-it-work-img {
background-color: #edf0fb;
@ -1783,7 +1789,9 @@ button:focus{
margin: 0 auto;
padding: 12px 8px;
}
.testi-box{
min-height: 20pc;
}
.testi-box .testi-icon i {
position: absolute;
right: 18px;
@ -1803,6 +1811,10 @@ button:focus{
.bg-home, .bg-half {
padding: 190px 0px 120px;
}
.about-us-desc{
position: relative;
width: 100%;
}
}
@media (max-width: 425px) {

Binary file not shown.

After

Width:  |  Height:  |  Size: 851 KiB

@ -102,8 +102,10 @@
<!-- Navigation Menu-->
<ul class="navigation-menu">
<li><a href="/">Home</a></li>
<li><a href="about">ABOUT</a></li>
<li class="has-submenu">
<li><a href="#about-section">ABOUT</a></li>
<li><a href="#jobs">Jobs</a></li>
<li><a href="#services">SERVICES</a></li>
{{-- <li class="has-submenu">
<a href="javascript:void(0)">Jobs</a><span class="menu-arrow"></span>
<ul class="submenu">
<li><a href="job-list.html">Job List</a></li>
@ -111,9 +113,9 @@
<li><a href="job-details.html">Job Details</a></li>
<li><a href="job-details-2.html">Job Details-2</a></li>
</ul>
</li>
</li> --}}
<li class="has-submenu">
{{-- <li class="has-submenu">
<a href="javascript:void(0)">SERVICES</a><span class="menu-arrow"></span>
<ul class="submenu">
<li><a href="about.html">About us</a></li>
@ -121,7 +123,7 @@
<li><a href="team.html">Team</a></li>
<li><a href="faq.html">Faqs</a></li>
<li><a href="pricing.html">Pricing plans</a></li>
{{-- <li class="has-submenu"><a href="javascript:void(0)"> Candidates</a><span class="submenu-arrow"></span>
<li class="has-submenu"><a href="javascript:void(0)"> Candidates</a><span class="submenu-arrow"></span>
<ul class="submenu">
<li><a href="candidates-listing.html">Candidates Listing</a></li>
<li><a href="candidates-profile.html">Candidates Profile</a></li>
@ -148,11 +150,11 @@
<li><a href="recovery_passward.html">Forgot Password</a></li>
</ul>
</li>
<li><a href="components.html"> Components</a></li> --}}
<li><a href="components.html"> Components</a></li>
</ul>
</li>
</li> --}}
<li>
<a href="contact.html">contact</a>
<a href="#contact">contact</a>
</li>
</ul><!--end navigation menu-->
</div><!--end navigation-->
@ -168,8 +170,8 @@
<div class="container">
<div class="row">
<div class="col-lg-3 col-12 mb-0 mb-md-4 pb-0 pb-md-2">
<a href="javascript:void(0)"><img src="images/logo-light.png" height="20" alt=""></a>
<p class="mt-4">At vero eos et accusamus et iusto odio dignissim os ducimus qui blanditiis praesentium</p>
<a href="javascript:void(0)"><img src="images/et-colored.png" height="40" alt=""></a>
<p class="mt-4">ET Recruitment is the branch of Extratech, operating within only a few markets, a specialist IT and Accounting talent recruitment agency. </p>
<ul class="social-icon social list-inline mb-0">
<li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-facebook"></i></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-twitter"></i></a></li>
@ -181,14 +183,7 @@
<p class="text-white mb-4 footer-list-title">Company</p>
<ul class="list-unstyled footer-list">
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> About Us</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Media & Press</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Career</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Blog</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Pricing</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Marketing</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> CEOs </a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Agencies</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Our Apps</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Success Stories</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
@ -197,9 +192,6 @@
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Support</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Privacy Policy</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Terms</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Accounting </a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> Billing</a></li>
<li><a href="#" class="text-foot"><i class="mdi mdi-chevron-right"></i> F.A.Q.</a></li>
</ul>
</div>
@ -221,7 +213,7 @@
<div class="row justify-content-center">
<div class="col-12">
<div class="">
<p class="mb-0">© 2019 -2020 Jobya. Design with <i class="mdi mdi-heart text-danger"></i> by Themesdesign.</p>
<p class="mb-0">Extratech © 2021. All Rights Reserved. Design wand developed by <a href="https://www.extratechs.com.au/" target="_blank">Extratech</a></p>
</div>
</div>
</div>

@ -16,8 +16,8 @@
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="title-heading text-center text-white">
<h6 class="small-title text-uppercase text-light mb-3">Find jobs, create trackable resumes and enrich your applications.</h6>
<h1 class="heading font-weight-bold mb-4">The Easiest Way to Get Your New Job</h1>
<h6 class="small-title text-uppercase text-light mb-3">Dream Jobs. Top Talent. All in One Place.</h6>
<h1 class="heading font-weight-bold mb-4">We’ve built our reputation on finding that perfect match between candidate and employer.</h1>
</div>
</div>
</div>
@ -27,17 +27,17 @@
</section>
<!-- end home -->
<!-- start about -->
<section class="section">
<section class="section" id="about-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="about-img">
<img src="{{url('images/close-up.png')}}" class="img-fluid" alt="">
<img src="{{url('images/about-image.png')}}" class="img-fluid" alt="">
</div>
<div class="about-us-desc">
<h5>Why we started </h5>
<h1>It started out as a simple idea and evolved into our passion</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
<h5>Who Are We </h5>
<h1>Borders shouldn’t be barriers, and we know more talent is out there. Your journey to find them starts with ET Recruitment.</h1>
<p>As the world reimagines how people work and conduct business in an evolving environment, we remain steadfast in our commitment to recruiting the best talent for organisations in Australia and helping jobseekers thrive in their next career opportunity.</p>
<a href="">Discover our story ></a>
</div>
</div>
@ -47,49 +47,61 @@
<!-- end about -->
<!-- How it Work start -->
<section class="section">
<section class="section" id="services">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<div class="section-title text-center mb-4 pb-2">
<h4 class="title title-line pb-5">How It Work</h4>
<p class="text-muted para-desc mx-auto mb-1">Post a job to tell us about your project. We'll quickly match you with the right freelancers.</p>
<h4 class="title title-line pb-5">What We Do</h4>
<p class="text-muted para-desc mx-auto mb-1">Bringing Job Seekers and Employers Together</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 mt-4 pt-2">
<div class="how-it-work-box bg-light p-4 text-center rounded shadow">
<div class="col-md-3 mt-4 pt-2">
<div class="how-it-work-box bg-light p-3 text-center rounded shadow">
<div class="how-it-work-img position-relative rounded-pill mb-3">
<img src="images/how-it-work/img-1.png" alt="" class="mx-auto d-block" height="50">
</div>
<div>
<h5>Register an account</h5>
<p class="text-muted">Donec pede justo fringilla vel aliquet nec vulputate eget arcu. In enim justo rhoncus ut a, justo.</p>
<h5>Skill Assessment</h5>
<p class="text-muted">Having your skills assessed by the relevant authority is a requirement to be eligible to apply for skilled migration visas in Australia.</p>
<a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-md-4 mt-4 pt-2">
<div class="how-it-work-box bg-light p-4 text-center rounded shadow">
<div class="col-md-3 mt-4 pt-2">
<div class="how-it-work-box bg-light p-3 text-center rounded shadow ">
<div class="how-it-work-img position-relative rounded-pill mb-3">
<img src="images/how-it-work/img-2.png" alt="" class="mx-auto d-block" height="50">
</div>
<div>
<h5>Search your job</h5>
<p class="text-muted">Aliquam lorem ante dapibus in, viverra feugiatquis a tellus. Phasellus viverra nulla ut Quisque rutrum.</p>
<h5>RPL (Recognition of Prior Learning)</h5>
<p class="text-muted"> Through RPL, we acknowledge students' skills acquired through experiential learning, boosting their self-esteem as a result</p>
<a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-md-4 mt-4 pt-2">
<div class="how-it-work-box bg-light p-4 text-center rounded shadow">
<div class="col-md-3 mt-4 pt-2">
<div class="how-it-work-box bg-light p-3 text-center rounded shadow">
<div class="how-it-work-img position-relative rounded-pill mb-3">
<img src="images/how-it-work/img-3.png" alt="" class="mx-auto d-block" height="50">
</div>
<div>
<h5>Apply for job</h5>
<p class="text-muted">Nullam dictum felis eu pede mollis pretiumetus Integer tincidunt. Cras dapibus. semper nisi.</p>
<h5>Career Counselling</h5>
<p class="text-muted">Our career consultations promote self-awareness. We listen. We don’t follow a set formula or presume to know what success means to you.</p>
<a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-md-3 mt-4 pt-2">
<div class="how-it-work-box bg-light p-3 text-center rounded shadow">
<div class="how-it-work-img position-relative rounded-pill mb-3">
<img src="images/how-it-work/img-1.png" alt="" class="mx-auto d-block" height="50">
</div>
<div>
<h5> Recruitment</h5>
<p class="text-muted">Whether you need to find top talent or your next great job opportunity, our recruitment experts in Australia can help.</p>
<a href="#" class="text-primary">Read more <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
@ -100,7 +112,7 @@
<!-- How it Work end -->
<!-- all jobs start -->
<section class="section bg-light">
<section class="section bg-light" id="jobs">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
@ -1079,7 +1091,6 @@
</section>
<!-- all jobs end -->
<!-- testimonial start -->
<section class="section">
<div class="container">
@ -1095,91 +1106,98 @@
<div class="col-lg-12">
<div id="owl-testi" class="owl-carousel owl-theme">
<div class="item testi-box rounded p-4 mr-3 ml-2 mb-4 bg-light position-relative">
<p class="text-muted mb-5">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consecteturqui adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam</p>
<p class="text-muted mb-5">Thanks to Extratech Family for this amazing platform to help international students. Special thanks to Sudi, Saurabh and Gaurav for their support and guidance throughout the journey.
Never lose hope guys, consistent hard work will definitely pay off one day. Keep working hard! Please reach out to the best people who are always ready to help you anytime. Best wishes to you all.</p>
<div class="clearfix">
<div class="testi-img float-left mr-3">
<img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow">
</div>
<h5 class="f-18 pt-1">Kevin Stewart</h5>
<p class="text-muted mb-0">Web Designer at xyz Company</p>
<div class="testi-icon">
<i class="mdi mdi-format-quote-open display-2"></i>
</div>
<h5 class="f-18 pt-1">Prativa Shah</h5>
<p class="text-muted mb-0">Data Analyst in Priceline Pty Ltd.</p>
</div>
</div>
<div class="item testi-box rounded p-4 mr-3 ml-2 bg-light position-relative">
<p class="text-muted mb-5">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo</p>
<p class="text-muted mb-5">Thank you so much, everyone, and the entire Extratech team, for always supporting me throughout this journey. I appreciate your help, especially Binod and Sandeep dai, for your encouragement and belief in me.</p>
<div class="clearfix">
<div class="testi-img float-left mr-3">
<img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow">
</div>
<h5 class="f-18 pt-1">Charles Garrett</h5>
<p class="text-muted mb-0">Marketing manager at abc Company</p>
<div class="testi-icon">
<i class="mdi mdi-format-quote-open display-2"></i>
</div>
<h5 class="f-18 pt-1"> Pratibha Rai</h5>
<p class="text-muted mb-0">Level 1 IT Officer, Royal Australasian College of Surgeons (RACS).</p>
</div>
</div>
<div class="item testi-box rounded p-4 mr-3 ml-2 bg-light position-relative">
<p class="text-muted mb-5">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consecteturqui adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam</p>
<p class="text-muted mb-5">Thanks to the entire Extratech team for creating this opportunity and for continuous support, guidance, and encouragement during the job-seeking period. It would not be possible without your help. I will always be grateful to you all.</p>
<div class="clearfix">
<div class="testi-img float-left mr-3">
<img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow">
</div>
<h5 class="f-18 pt-1">Perry Martinez</h5>
<p class="text-muted mb-0">Marketing manager at abc Company</p>
<div class="testi-icon">
<i class="mdi mdi-format-quote-open display-2"></i>
<h5 class="f-18 pt-1">Manju Pant</h5>
<p class="text-muted mb-0">Junior Accountant, Bilateral Solutions Pty Ltd.</p>
</div>
</div>
<div class="item testi-box rounded p-4 mr-3 ml-2 bg-light position-relative">
<p class="text-muted mb-5">Thank you, entire Extratech Team, for everything. Special thanks to Binod sir and Sandeep dai for your guidance, and also thanks to all team. And thank you all for your warm wishes.</p>
<div class="clearfix">
<div class="testi-img float-left mr-3">
<img src="https://via.placeholder.com/400X400//88929f/5a6270C/O https://placeholder.com/" height="64" alt="" class="rounded-circle shadow">
</div>
<h5 class="f-18 pt-1">Tshering Wangchuk</h5>
<p class="text-muted mb-0">ICT Support Officer, ACT Government</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- testimonial end -->
<!-- subscribe start -->
<section class="section contact-section" style="background: url('images/contact-sec.png') ;">
<section class="contact-section" id="contact" style="background: url('images/contact-sec.png') ;">
<div class="container-fluid px-1 py-5 mx-auto">
<div class="row justify-content-center">
<div class="col-12">
<div class="section-title text-center mb-4 pb-2">
<h4 class="title title-line pb-5">We make hiring easy. It's that simple.</h4>
<p class="text-muted para-desc mx-auto mb-4">
Please fill out the form below to get in touch with our team, <br> ask any questions, or tell us about your individual recruitment needs.</p>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-xl-7 col-lg-8 col-md-9 col-11 text-center">
<h3>Request a Demo</h3>
<p class="blue-text">Just answer a few questions<br> so that we can personalize the right experience for you.</p>
<div class="card">
<h5 class="text-center mb-4">Powering world-class companies</h5>
<h5 class="text-center mb-4">We do recruitment that makes everyone happy.</h5>
<form class="form-card" onsubmit="event.preventDefault()">
<div class="row justify-content-between text-left">
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label px-3">Full name<span class="text-danger"> *</span></label>
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Full name<span class="text-danger"> *</span></label>
<input type="text" id="fname" name="fname" placeholder="Enter your full name" onblur="validate(1)">
</div>
<div class="form-group col-sm-6 flex-column d-flex">
<label class="form-control-label px-3">Business email<span class="text-danger"> *</span></label>
<input type="text" id="email" name="email" placeholder="" onblur="validate(2)">
<label class="form-control-label">Email<span class="text-danger"> *</span></label>
<input type="text" id="email" name="email" placeholder="Enter your email address" onblur="validate(2)">
</div>
</div>
<div class="row justify-content-between text-left">
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label px-3">Phone number<span class="text-danger"> *</span></label>
<input type="text" id="mob" name="mob" placeholder="" onblur="validate(3)">
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Phone number<span class="text-danger"> *</span></label>
<input type="text" id="mob" name="mob" placeholder="Enter your phone number" onblur="validate(3)">
</div>
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label px-3">Job title<span class="text-danger"> *</span></label>
<input type="text" id="job" name="job" placeholder="" onblur="validate(4)">
<div class="form-group col-sm-6 flex-column d-flex"> <label class="form-control-label">Job title<span class="text-danger"> *</span></label>
<input type="text" id="job" name="job" placeholder="Enter your job title" onblur="validate(4)">
</div>
</div>
<div class="row justify-content-between text-left">
<div class="form-group col-12 flex-column d-flex"> <label class="form-control-label px-3">What would you be using Flinks for?<span class="text-danger"> *</span></label>
<input type="text" id="ans" name="ans" placeholder="" onblur="validate(5)">
<div class="form-group col-12 flex-column d-flex"> <label class="form-control-label">Have any queries?<span class="text-danger"> *</span></label>
<textarea rows="2" placeholder="Write your message here" id="ans" name="ans"onblur="validate(5)"></textarea>
</div>
</div>
<div class="row justify-content-end">
<div class="form-group col-sm-6">
<button type="submit" class="btn-block btn-primary">Request a demo</button>
<button type="submit" class="btn-block btn-primary">Submit</button>
</div>
</div>
</form>

Loading…
Cancel
Save