tribikram
/
ET-recruitment
1
0
Fork 0
Code Issues 3 Pull Requests 1 Packages Projects 1 Releases Wiki Activity

[edit] design refined

Browse Source
etRec#1
tribikram 2 years ago
parent 549c214f86
commit b0421ecc08
6 changed files with 23 additions and 757 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. 7
      public/css/style.css
  2. BIN
      public/images/et-colored.png
  3. BIN
      public/images/et-white.png
  4. BIN
      public/images/recruitment-banner.png
  5. 22
      resources/views/layout/app.blade.php
  6. 743
      resources/views/welcome.blade.php

7
public/css/style.css
Unescape View File

@ -800,14 +800,14 @@ p {
} }
.about-us-desc a{ .about-us-desc a{
padding: 10px 20px; padding: 10px 20px;
background: #2f55d4; background: #254db1;
color: #ffffff; color: #ffffff;
font-weight: 700; font-weight: 700;
font-size: 18px; font-size: 18px;
line-height: 24px; line-height: 24px;
} }
.bg-overlay { .bg-overlay {
background-color: rgba(40, 44, 50, 0.7); background-color: rgb(65 54 92 / 70%);
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -822,6 +822,7 @@ p {
} }
.title-heading { .title-heading {
padding: 0 10%;
line-height: 26px; line-height: 26px;
} }
@ -1323,7 +1324,7 @@ button:focus{
color: #f8f9fc; color: #f8f9fc;
} }
.tagline .email a { .tagline .email a,.tagline .phone a {
transition: all 300ms; transition: all 300ms;
-webkit-transition: all 300ms; -webkit-transition: all 300ms;
color: #f8f9fc; color: #f8f9fc;

BIN
public/images/et-colored.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/images/et-white.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
public/images/recruitment-banner.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 529 KiB

After

Width:  |  Height:  |  Size: 787 KiB

22
resources/views/layout/app.blade.php
Unescape View File

@ -51,18 +51,20 @@
<div class="container"> <div class="container">
<div class="float-left"> <div class="float-left">
<div class="phone"> <div class="phone">
<i class="mdi mdi-phone-classic"></i> +1 800 123 45 67 <a href="telto: 0291717742">
<i class="mdi mdi-phone-classic"></i> 0291717742
</a>
</div> </div>
<div class="email"> <div class="email">
<a href="#"> <a href="mailto: info@extratechs.com.au">
<i class="mdi mdi-email"></i> Support@mail.com <i class="mdi mdi-email"></i> info@extratechs.com.au
</a> </a>
</div> </div>
</div> </div>
<div class="float-right"> <div class="float-right">
<ul class="topbar-list list-unstyled d-flex" style="margin: 11px 0px;"> <ul class="topbar-list list-unstyled d-flex" style="margin: 11px 0px;">
<ul class="social-icon social list-inline mb-0"> <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="https://www.facebook.com/extratech.au" target="_blank" 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> <li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-twitter"></i></a></li>
<li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-instagram"></i></a></li> <li class="list-inline-item"><a href="#" class="rounded"><i class="mdi mdi-instagram"></i></a></li>
</ul> </ul>
@ -78,8 +80,8 @@
<!-- Logo container--> <!-- Logo container-->
<div> <div>
<a href="/" class="logo"> <a href="/" class="logo">
<img src="images/et-white.png" alt="" class="logo-light" height="50" /> <img src="{{url('images/et-white.png')}}" alt="" class="logo-light" height="60" />
<img src="images/et-colored.png" alt="" class="logo-dark" height="50" /> <img src="{{url('images/et-colored.png')}}" alt="" class="logo-dark" height="60" />
</a> </a>
</div> </div>
<!--end login button--> <!--end login button-->
@ -196,11 +198,11 @@
</div> </div>
<div class="col-lg-3 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0"> <div class="col-lg-3 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
<p class="text-white mb-4 footer-list-title f-17">Business Hours</p> <p class="text-white mb-4 footer-list-title f-17">Contact Details</p>
<ul class="list-unstyled text-foot mt-4 mb-0"> <ul class="list-unstyled text-foot mt-4 mb-0">
<li>Monday - Friday : 9:00 to 17:00</li> <li><i class="mdi mdi-phone text-white mr-2"></i> 02 9171 7742</li>
<li class="mt-2">Saturday : 10:00 to 15:00</li> <li class="mt-2"><i class="mdi mdi-email text-white mr-2"></i>info@extratechs.com.au</li>
<li class="mt-2">Sunday : Day Off (Holiday)</li> <li class="mt-2"><i class="mdi mdi-map-marker text-white mr-2"></i> 132 & 133, Level 3, 10 Park Road, Hurstville NSW 2220</li>
</ul> </ul>
</div> </div>
</div> </div>

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

@ -16,8 +16,8 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="title-heading text-center text-white"> <div class="title-heading text-center text-white">
<h6 class="small-title text-uppercase text-light mb-3">Dream Jobs. Top Talent. All in One Place.</h6> <h4 class="small-title text-uppercase text-light mb-4">Dream Jobs. Top Talent. All in One Place.</h4>
<h1 class="heading font-weight-bold mb-4">We’ve built our reputation on finding that perfect match between candidate and employer.</h1> <h2 class="heading font-weight-bold mb-4">We’ve built our reputation on finding that perfect match between candidate and employer.</h2>
</div> </div>
</div> </div>
</div> </div>
@ -38,7 +38,7 @@
<h5>Who Are We </h5> <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> <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> <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> <a href="">Discover our story</a>
</div> </div>
</div> </div>
</div> </div>
@ -66,7 +66,6 @@
<div> <div>
<h5>Skill Assessment</h5> <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> <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>
</div> </div>
@ -78,7 +77,6 @@
<div> <div>
<h5>RPL (Recognition of Prior Learning)</h5> <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> <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>
</div> </div>
@ -90,7 +88,6 @@
<div> <div>
<h5>Career Counselling</h5> <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> <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>
</div> </div>
@ -102,7 +99,6 @@
<div> <div>
<h5> Recruitment</h5> <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> <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>
</div> </div>
</div> </div>
@ -122,24 +118,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row justify-content-center">
<div class="col-lg-9 text-center mt-4 pt-2">
<ul class="nav nav-pills nav nav-pills bg-white rounded nav-justified flex-column flex-sm-row" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link rounded active" id="recent-job-tab" data-toggle="pill" href="#recent-job" role="tab" aria-controls="recent-job" aria-selected="true">Recent Jobs</a>
</li>
<li class="nav-item">
<a class="nav-link rounded" id="featured-job-tab" data-toggle="pill" href="#featured-job" role="tab" aria-controls="featured-job" aria-selected="false">Featured Jobs</a>
</li>
<li class="nav-item">
<a class="nav-link rounded" id="part-job-tab" data-toggle="pill" href="#part-job" role="tab" aria-controls="part-job" aria-selected="false">Part Time</a>
</li>
<li class="nav-item">
<a class="nav-link rounded" id="full-job-tab" data-toggle="pill" href="#full-job" role="tab" aria-controls="full-job" aria-selected="false">Full Time</a>
</li>
</ul>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="tab-content mt-2" id="pills-tabContent"> <div class="tab-content mt-2" id="pills-tabContent">
@ -367,725 +345,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="tab-pane fade" id="featured-job" role="tabpanel" aria-labelledby="featured-job-tab">
<div class="row">
<div class="col-lg-12">
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-2.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Php Developer</a></h5>
<p class="text-muted mb-0">Web Themes pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Berkshire Circle Knoxville</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>900-1100/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Full Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-10">
<div class="mo-mb-2">
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 2 - 3 years</p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-1.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Web Developer</a></h5>
<p class="text-muted mb-0">Web Technology pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Oakridge Lane Richardson</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>1000-1200/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Full Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 1 - 2 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-4.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">UI/UX Designer</a></h5>
<p class="text-muted mb-0">Web Themes pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Pinewood Drive Chicago</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>1000-1200/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Freelancer</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 1 - 2 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-3.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Graphic Designer</a></h5>
<p class="text-muted mb-0">Web Technology pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Sumner Street Anaheim</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>800-1000/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Part Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 0 - 1 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="part-job" role="tabpanel" aria-labelledby="part-job-tab">
<div class="row">
<div class="col-lg-12">
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-1.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Web Developer</a></h5>
<p class="text-muted mb-0">Web Technology pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Oakridge Lane Richardson</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>1000-1200/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Full Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 1 - 2 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-2.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Php Developer</a></h5>
<p class="text-muted mb-0">Web Themes pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Berkshire Circle Knoxville</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>900-1100/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Full Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-10">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 2 - 3 years</p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-3.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Graphic Designer</a></h5>
<p class="text-muted mb-0">Web Technology pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Sumner Street Anaheim</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>800-1000/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Part Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 0 - 1 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-4.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">UI/UX Designer</a></h5>
<p class="text-muted mb-0">Web Themes pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Pinewood Drive Chicago</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>1000-1200/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Freelancer</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 1 - 2 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="full-job" role="tabpanel" aria-labelledby="full-job-tab">
<div class="row">
<div class="col-lg-12">
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-2.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Php Developer</a></h5>
<p class="text-muted mb-0">Web Themes pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Berkshire Circle Knoxville</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>900-1100/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Full Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-10">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 2 - 3 years</p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-1.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Web Developer</a></h5>
<p class="text-muted mb-0">Web Technology pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Oakridge Lane Richardson</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>1000-1200/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Full Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 1 - 2 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-4.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">UI/UX Designer</a></h5>
<p class="text-muted mb-0">Web Themes pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Pinewood Drive Chicago</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>1000-1200/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Freelancer</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 1 - 2 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="job-box bg-white overflow-hidden border rounded mt-4 position-relative overflow-hidden">
<div class="lable text-center pt-2 pb-2">
<ul class="list-unstyled best text-white mb-0 text-uppercase">
<li class="list-inline-item"><i class="mdi mdi-star"></i></li>
</ul>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-md-2">
<div class="mo-mb-2">
<img src="images/featured-job/img-3.png" alt="" class="img-fluid mx-auto d-block">
</div>
</div>
<div class="col-md-3">
<div>
<h5 class="f-18"><a href="#" class="text-dark">Graphic Designer</a></h5>
<p class="text-muted mb-0">Web Technology pvt.Ltd</p>
</div>
</div>
<div class="col-md-3">
<div>
<p class="text-muted mb-0"><i class="mdi mdi-map-marker text-primary mr-2"></i>Sumner Street Anaheim</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-primary">$</span>800-1000/m</p>
</div>
</div>
<div class="col-md-2">
<div>
<p class="text-muted mb-0">Part Time</p>
</div>
</div>
</div>
</div>
<div class="p-3 bg-light">
<div class="row">
<div class="col-md-4">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Experience :</span> 0 - 1 years</p>
</div>
</div>
<div class="col-md-6">
<div>
<p class="text-muted mb-0 mo-mb-2"><span class="text-dark">Notes :</span> languages only differ in their grammar. </p>
</div>
</div>
<div class="col-md-2">
<div>
<a href="#" class="text-primary">Apply Now <i class="mdi mdi-chevron-double-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- end row --> <!-- end row -->
<!-- end row -->
<div class="row">
<div class="col-lg-12 mt-4 pt-2">
<nav aria-label="Page navigation example">
<ul class="pagination job-pagination mb-0 justify-content-center">
<li class="page-item disabled">
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">
<i class="mdi mdi-chevron-double-left f-15"></i>
</a>
</li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item">
<a class="page-link" href="#">
<i class="mdi mdi-chevron-double-right f-15"></i>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div> </div>
<!-- end containar --> <!-- end containar -->
</section> </section>

Write Preview
Loading…
Cancel
Save