88 lines
3.5 KiB
JavaScript
88 lines
3.5 KiB
JavaScript
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">
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-lg-12">
|
|
<div className="appie-section-title text-center">
|
|
<h3 className="appie-title">WrenchBoard Market</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="row">
|
|
|
|
{
|
|
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="content">
|
|
|
|
<h3 className="title">
|
|
<a href={dashUrl}>
|
|
{i.title}
|
|
</a>
|
|
</h3>
|
|
<div className="blog-meta">
|
|
<ul>
|
|
<li>
|
|
<a href={dashUrl}>Expires : {i.expire}</a>
|
|
</li>
|
|
</ul>
|
|
</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="600ms"
|
|
>
|
|
|
|
<div className="content">
|
|
|
|
<h3 className="title">
|
|
<a href={dashUrl}>
|
|
Find more oprotunities at our marketplace.
|
|
</a>
|
|
</h3>
|
|
<a href="https://www.wrenchboard.com/login">
|
|
Login now <i className="fal fa-arrow-right" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default RecentJobsOne; |