WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Added recent job page

Browse Source
This commit is contained in:
dev-chiefworks
2021-12-31 00:03:53 -05:00
parent 5faa4bd728
commit 08a24cd265
7 changed files with 452 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeOne/RecentJobsOne.js
+144
View File
@@ -0,0 +1,144 @@
import React from 'react';
import blogOne from '../../assets/images/blog-1.jpg';
import blogTwo from '../../assets/images/blog-2.jpg';
import blogThree from '../../assets/images/blog-3.jpg';
function RecentJobsOne() {
return (
<>
<section className="appie-blog-area pt-90 pb-95">
<div className="container">
<div className="row">
<div className="col-lg-12">
<div className="appie-section-title text-center">
<h3 className="appie-title">Recent Tasks</h3>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-3 col-md-6">
<div
className="appie-blog-item mt-30 wow animated fadeInUp"
data-wow-duration="3000ms"
data-wow-delay="200ms"
>
<div className="thumb">
<img src={blogOne} alt="" />
</div>
<div className="content">
<div className="blog-meta">
<ul>
<li>December 10, 2021</li>
<li>
<a href="#">Online Jobs</a>
</li>
</ul>
</div>
<h3 className="title">
<a href="/news/single-news">
Online Jobs for University Students
</a>
</h3>
<a href="#">
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div
className="appie-blog-item mt-30 wow animated fadeInUp"
data-wow-duration="3000ms"
data-wow-delay="400ms"
>
<div className="thumb">
<img src={blogTwo} alt="" />
</div>
<div className="content">
<div className="blog-meta">
<ul>
<li>December 17, 2021</li>
<li>
<a href="#">Time and price management </a>
</li>
</ul>
</div>
<h3 className="title">
<a href="/news/single-news">
Time and price management when working an online job
</a>
</h3>
<a href="#">
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div
className="appie-blog-item mt-30 wow animated fadeInUp"
data-wow-duration="3000ms"
data-wow-delay="600ms"
>
<div className="thumb">
<img src={blogThree} alt="" />
</div>
<div className="content">
<div className="blog-meta">
<ul>
<li>December 21, 2021</li>
<li>
<a href="#"> online career strategy</a>
</li>
</ul>
</div>
<h3 className="title">
<a href="/news/single-news">
How to implement an effective online career strategy
</a>
</h3>
<a href="#">
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div
className="appie-blog-item mt-30 wow animated fadeInUp"
data-wow-duration="3000ms"
data-wow-delay="600ms"
>
<div className="thumb">
<img src={blogThree} alt="" />
</div>
<div className="content">
<div className="blog-meta">
<ul>
<li>December 21, 2021</li>
<li>
<a href="#"> online career strategy</a>
</li>
</ul>
</div>
<h3 className="title">
<a href="/news/single-news">
How to implement an effective online career strategy
</a>
</h3>
<a href="#">
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default RecentJobsOne;