Added recent job page
This commit is contained in:
dev-chiefworks
Generated
+8
@@ -2782,6 +2782,14 @@
|
||||
"resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.3.5.tgz",
|
||||
"integrity": "sha512-WKTW1+xAzhMS5dJsxWkliixlO/PqC4VhmO9T4juNYcaTg9jzWiJsou6m5pxWYGfigWbwzJWeFY6z47a+4neRXA=="
|
||||
},
|
||||
"axios": {
|
||||
"version": "0.24.0",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
|
||||
"integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
|
||||
"requires": {
|
||||
"follow-redirects": "^1.14.4"
|
||||
}
|
||||
},
|
||||
"axobject-query": {
|
||||
"version": "2.2.0",
|
||||
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
|
||||
|
||||
@@ -6,6 +6,7 @@
|
||||
"@testing-library/jest-dom": "^5.11.4",
|
||||
"@testing-library/react": "^11.1.0",
|
||||
"@testing-library/user-event": "^12.1.10",
|
||||
"axios": "^0.24.0",
|
||||
"react": "^17.0.2",
|
||||
"react-countup": "^6.0.0",
|
||||
"react-dom": "^17.0.2",
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,9 +1,42 @@
|
||||
import React from 'react';
|
||||
import React, { useState } 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 BlogData from './../../Services/BlogData';
|
||||
|
||||
import Axios from 'axios';
|
||||
|
||||
function BlogHomeOne() {
|
||||
|
||||
const blogResult = BlogData();
|
||||
/*
|
||||
const [blogResult,setBlogResult] = useState("");
|
||||
|
||||
var res = null;
|
||||
// const getWrenchBoardBlog = () => {
|
||||
Axios.get("http://10.0.0.52:5101/wp/wrenchboard/", {
|
||||
headers: {
|
||||
'Access-Control-Allow-Origin' : '*',
|
||||
'Access-Control-Allow-Credentials':true,
|
||||
'crossorigin':true,
|
||||
'Access-Control-Allow-Methods':'GET,PUT,POST,DELETE,PATCH,OPTIONS',
|
||||
},
|
||||
responseType: "json",
|
||||
}).then((response) => {
|
||||
console.log(response);
|
||||
res = response;
|
||||
console.log("~~~~~~~~ ameye ~~~~~~~~~");
|
||||
// setBlogResult( response !=null ? response.data.blogResult[0]["payload"]:"" );
|
||||
setBlogResult( response.data );
|
||||
// console.log(blogResultData);
|
||||
});
|
||||
|
||||
*/
|
||||
|
||||
debugger;
|
||||
console.log("~~~~~~~~ dorcas ~~~~~~~~~");
|
||||
console.log(blogResult);
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="appie-blog-area pt-90 pb-95">
|
||||
@@ -16,93 +49,50 @@ function BlogHomeOne() {
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 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-4 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-4 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>
|
||||
|
||||
{
|
||||
blogResult.map(i=>{
|
||||
console.log(i);
|
||||
console.log("------------------------------ 11 ----");
|
||||
var blgImg = "https://blog.mermsemr.com/wp-content/uploads/"+ i.meta_value;
|
||||
|
||||
|
||||
return ( <div className="col-lg-4 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={blgImg} alt="{i.post_title}" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<div className="blog-meta">
|
||||
<ul>
|
||||
<li>{i.post_date}</li>
|
||||
<li>
|
||||
<a href="#">Online Jobs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3 className="title">
|
||||
<a href="{i.guid}">
|
||||
{i.post_title}
|
||||
</a>
|
||||
</h3>
|
||||
<a href="#">
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> );
|
||||
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -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;
|
||||
@@ -9,12 +9,12 @@ function ServicesHomeOne({ className }) {
|
||||
<section className={`appie-service-area pt-90 pb-100 ${className}`} id="service">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="col-lg-8">
|
||||
<div className="appie-section-title text-center">
|
||||
<h3 className="appie-title">
|
||||
Reward possibility <br/> from self-commitment.
|
||||
Start getting paid in easy steps.
|
||||
</h3>
|
||||
<p> Influence your talent skills with the creativity in you </p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -29,7 +29,7 @@ function ServicesHomeOne({ className }) {
|
||||
<img src={IconOne} alt="" />
|
||||
<span>1</span>
|
||||
</div>
|
||||
<h4 className="appie-title">Create Account</h4>
|
||||
<h4 className="appie-title">Free Account</h4>
|
||||
<p>Join WrenchBoard to connect with businesses that need articles writing, blog management, photography, product testing research and surveys and more. </p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -43,7 +43,7 @@ function ServicesHomeOne({ className }) {
|
||||
<img src={IconTwo} alt="" />
|
||||
<span>2</span>
|
||||
</div>
|
||||
<h4 className="appie-title">Skills Scout</h4>
|
||||
<h4 className="appie-title">Find Task </h4>
|
||||
<p>Do what you do best and let WrenchBoard team worry about your blog, online marketing, surveys and more by connecting with dedicated talents for your needed skills.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -57,7 +57,7 @@ function ServicesHomeOne({ className }) {
|
||||
<img src={IconThree} alt="" />
|
||||
<span>3</span>
|
||||
</div>
|
||||
<h4 className="appie-title">Perform</h4>
|
||||
<h4 className="appie-title">Complete</h4>
|
||||
<p>You can do more with WrenchBoard.Create and manage your preferred workgroup.Organize and manage your teams efficiently.Get started </p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -71,7 +71,7 @@ function ServicesHomeOne({ className }) {
|
||||
<img src={IconFour} alt="" />
|
||||
<span>4</span>
|
||||
</div>
|
||||
<h4 className="appie-title">Payment</h4>
|
||||
<h4 className="appie-title">Get Paid</h4>
|
||||
<p>You can do more with WrenchBoard.Create and manage your preferred workgroup.Organize and manage your teams efficiently.Get started </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -16,16 +16,20 @@ import TestimonialHomeOne from './TestimonialHomeOne';
|
||||
//import TrafficHomeOne from './TrafficHomeOne';
|
||||
import TrafficHomeTwo from './TrafficHomeTwo';
|
||||
import WrenchBoardHome from './WrenchBoardHome';
|
||||
import RecentJobsOne from './RecentJobsOne';
|
||||
//import BlogData from './../../Services/BlogData';
|
||||
|
||||
function HomeOne() {
|
||||
const [drawer, drawerAction] = useToggle(false);
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<HomeOneHeader action={drawerAction.toggle} />
|
||||
<HeroHomeOne />
|
||||
<ServicesHomeOne />
|
||||
<RecentJobsOne />
|
||||
<FeaturesHomeOne />
|
||||
<FaqHomeOne />
|
||||
{/*<TrafficHomeOne />*/}
|
||||
|
||||
Reference in New Issue
Block a user