[edit] design refined

etRec#1
tribikram 2 years ago
parent 549c214f86
commit b0421ecc08
  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. 751
      resources/views/welcome.blade.php

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 529 KiB

After

Width:  |  Height:  |  Size: 787 KiB

@ -51,18 +51,20 @@
<div class="container">
<div class="float-left">
<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 class="email">
<a href="#">
<i class="mdi mdi-email"></i> Support@mail.com
<a href="mailto: info@extratechs.com.au">
<i class="mdi mdi-email"></i> info@extratechs.com.au
</a>
</div>
</div>
<div class="float-right">
<ul class="topbar-list list-unstyled d-flex" style="margin: 11px 0px;">
<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-instagram"></i></a></li>
</ul>
@ -78,8 +80,8 @@
<!-- Logo container-->
<div>
<a href="/" class="logo">
<img src="images/et-white.png" alt="" class="logo-light" height="50" />
<img src="images/et-colored.png" alt="" class="logo-dark" height="50" />
<img src="{{url('images/et-white.png')}}" alt="" class="logo-light" height="60" />
<img src="{{url('images/et-colored.png')}}" alt="" class="logo-dark" height="60" />
</a>
</div>
<!--end login button-->
@ -196,11 +198,11 @@
</div>
<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">
<li>Monday - Friday : 9:00 to 17:00</li>
<li class="mt-2">Saturday : 10:00 to 15:00</li>
<li class="mt-2">Sunday : Day Off (Holiday)</li>
<li><i class="mdi mdi-phone text-white mr-2"></i> 02 9171 7742</li>
<li class="mt-2"><i class="mdi mdi-email text-white mr-2"></i>info@extratechs.com.au</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>
</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">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>
<h4 class="small-title text-uppercase text-light mb-4">Dream Jobs. Top Talent. All in One Place.</h4>
<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>
@ -38,7 +38,7 @@
<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>
<a href="">Discover our story</a>
</div>
</div>
</div>
@ -66,7 +66,6 @@
<div>
<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>
@ -78,7 +77,6 @@
<div>
<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>
@ -90,7 +88,6 @@
<div>
<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>
@ -102,7 +99,6 @@
<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>
</div>
@ -122,486 +118,12 @@
</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="col-12">
<div class="tab-content mt-2" id="pills-tabContent">
<div class="tab-pane fade show active" id="recent-job" role="tabpanel" aria-labelledby="recent-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-10">
<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-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="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-12">
<div class="tab-content mt-2" id="pills-tabContent">
<div class="tab-pane fade show active" id="recent-job" role="tabpanel" aria-labelledby="recent-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">
@ -804,247 +326,13 @@
</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>
@ -1056,36 +344,11 @@
</div>
</div>
<!-- end row -->
</div>
</div>
</div>
</div>
<!-- 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>
<!-- end containar -->
</section>

Loading…
Cancel
Save