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

Job data added

Browse Source
This commit is contained in:
dev-chiefworks
2022-01-01 00:31:43 -05:00
parent 31d9af8a54
commit b045dd63eb
3 changed files with 179 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeOne/RecentJobsOne.js
+29 -77
View File
@@ -2,8 +2,12 @@ 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';
import JobsData from '../../Services/JobsData';
function RecentJobsOne() {
const jobsDataResults = JobsData();
var dashUrl = "https://dashboard.wrenchboard.com/";
return (
<>
<section className="appie-blog-area pt-90 pb-95">
@@ -11,78 +15,56 @@ function RecentJobsOne() {
<div className="row">
<div className="col-lg-12">
<div className="appie-section-title text-center">
<h3 className="appie-title">Recent Tasks</h3>
<h3 className="appie-title">WrenchBoard Market</h3>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-3 col-md-6">
{
jobsDataResults.map(i=>{
return ( <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">
<h3 className="title">
<a href={dashUrl}>
{i.title}
</a>
</h3>
<div className="blog-meta">
<ul>
<li>December 10, 2021</li>
<li>
<a href="#">Online Jobs</a>
<a href={dashUrl}>Online Jobs</a>
</li>
</ul>
</div>
<h3 className="title">
<a href="/news/single-news">
Online Jobs for University Students
</a>
</h3>
<a href="#">
</div>
<a href={dashUrl}>
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>)
})
}
<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>
@@ -104,36 +86,6 @@ function RecentJobsOne() {
</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>