new layout
This commit is contained in:
CHIEFSOFT\ameye
+4
-2
@@ -9,8 +9,8 @@ import ScrollToTop from './components/Helper/ScrollToTop';
|
||||
// import HomeFive from './components/HomeFive';
|
||||
// import HomeFour from './components/HomeFour';
|
||||
import HomeOne from './components/HomeOne';
|
||||
// import HomeSeven from './components/HomeSeven';
|
||||
// import HomeSix from './components/HomeSix';
|
||||
import HomeSeven from './components/HomeSeven';
|
||||
import HomeSix from './components/HomeSix';
|
||||
// import HomeThree from './components/HomeThree';
|
||||
// import Hometwo from './components/HomeTwo';
|
||||
import News from './components/News';
|
||||
@@ -43,6 +43,8 @@ function Routes() {
|
||||
<Router>
|
||||
<ScrollToTop>
|
||||
<Switch>
|
||||
{/*<Route exact path="/" component={HomeSix} />*/}
|
||||
|
||||
<Route exact path="/" component={HomeOne} />
|
||||
<Route exact path="/news" component={News} />
|
||||
<Route exact path="/blog" component={News} />
|
||||
|
||||
@@ -5,6 +5,12 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.title_hero{
|
||||
font-size: 20px !important;
|
||||
color: black !important;
|
||||
|
||||
}
|
||||
|
||||
.font_black{
|
||||
color: black;
|
||||
}
|
||||
|
||||
@@ -50,12 +50,12 @@ function Forms() {
|
||||
<h5>Headquaters</h5>
|
||||
<p>
|
||||
<i className="fal fa-home"></i>
|
||||
{process.env.REACT_APP_SUPPORT_US_ADDRESS}
|
||||
{process.env.REACT_APP_SUPPORT_NG_ADDRESS}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<i className="fal fa-home"></i>
|
||||
{process.env.REACT_APP_SUPPORT_NG_ADDRESS}
|
||||
{process.env.REACT_APP_SUPPORT_US_ADDRESS}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
@@ -63,9 +63,9 @@ function Forms() {
|
||||
<h5>Phone</h5>
|
||||
<p>
|
||||
<i className="fal fa-phone"></i>
|
||||
{process.env.REACT_APP_SUPPORT_PHONE}
|
||||
{process.env.REACT_APP_SUPPORT_PHONE_NG}
|
||||
<br />
|
||||
{process.env.REACT_APP_SUPPORT_PHONE_NG}
|
||||
{process.env.REACT_APP_SUPPORT_PHONE}
|
||||
</p>
|
||||
</div>
|
||||
<div className="single-info">
|
||||
|
||||
@@ -0,0 +1,133 @@
|
||||
import React, { Component } 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';
|
||||
import getConfig from './../../Config/config'
|
||||
import CountDownTimer from '../Helper/CountDownTimer';
|
||||
|
||||
class CurrentJobsHero extends Component {
|
||||
|
||||
constructor() {
|
||||
// debugger;
|
||||
super();
|
||||
this.state = { jobsDataResults: [] };
|
||||
}
|
||||
|
||||
async componentDidMount(){
|
||||
// debugger;
|
||||
JobsData().then(res => {
|
||||
this.setState({jobsDataResults:res.data.result_list});
|
||||
}).catch(err => {
|
||||
console.log('startjoblist error', err)
|
||||
})
|
||||
}
|
||||
|
||||
titleLen(title){
|
||||
let maxl = 45;
|
||||
title.replace('/', ' ');
|
||||
title.replace('www.', '');
|
||||
title.replace('.com', '');
|
||||
title.replace('http//', '');
|
||||
|
||||
return (title.length > maxl)? title.substring(0,maxl-2)+'...': title;
|
||||
}
|
||||
// if (jobsDataResults ()== null){
|
||||
// return null;
|
||||
// }
|
||||
render() {
|
||||
var site = getConfig()[0];
|
||||
if ( this.state.jobsDataResults== undefined ){
|
||||
return null;
|
||||
}
|
||||
var dashUrl = process.env.REACT_APP_DASH_URL;
|
||||
|
||||
if (this.state.jobsDataResults.length == 0){
|
||||
return <></>;
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<section className="appie-blog-area pt-90 pb-95">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
|
||||
{
|
||||
this.state.jobsDataResults.map(i => {
|
||||
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
|
||||
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
|
||||
|
||||
return (<div className="col-md-6 col-xl-3">
|
||||
<div
|
||||
className="appie-single-service container-fluid mt-10 wow animated fadeInUp boxBorder d-flex align-items-center"
|
||||
data-wow-duration="3000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="content d-flex flex-column justify-content-between" style={{height: '100px', width: '100%'}}>
|
||||
<div className="titleBox">
|
||||
<h3 className="title_hero">
|
||||
<a href={dashUrl}>
|
||||
<span className='font_black_hero'>{this.titleLen(i.title)} </span>
|
||||
</a>
|
||||
</h3>
|
||||
</div>
|
||||
<div className='p-0 container-fluid'>
|
||||
<div><hr /></div>
|
||||
<div className="blog-meta">
|
||||
<ul>
|
||||
<li className="expire">
|
||||
<a href={dashUrl} className='d-block'>
|
||||
<div className='font_red d-flex align-items-start'>
|
||||
<div className='pr-2'>Expires :</div>
|
||||
<CountDownTimer targetDate={postDt}/>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
|
||||
<a href={dashUrl}>
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</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="content">
|
||||
|
||||
<h3 className="title">
|
||||
<a href={dashUrl}>
|
||||
Find more opportunities at our marketplace.
|
||||
</a>
|
||||
</h3>
|
||||
<a href="https://dashboard.wrenchboard.com/login">
|
||||
Login now <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default CurrentJobsHero;
|
||||
@@ -0,0 +1,57 @@
|
||||
import React from 'react';
|
||||
import heroThumb from '../../assets/images/hero-thumb-7.png';
|
||||
import CurrentJobsHero from "./CurrentJobsHero";
|
||||
|
||||
function HomeNigeria() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-hero-area">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
{/*<div className="appie-hero-thumb-6">*/}
|
||||
{/* <div*/}
|
||||
{/* className="thumb wow animated fadeInUp"*/}
|
||||
{/* data-wow-duration="1000ms"*/}
|
||||
{/* data-wow-delay="600ms"*/}
|
||||
{/* >*/}
|
||||
{/* <img src={heroThumb} alt="" />*/}
|
||||
{/* </div>*/}
|
||||
{/*</div>*/}
|
||||
<CurrentJobsHero />
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-hero-content appie-hero-content-6">
|
||||
{/*<span>Welcome To Creative App.</span>*/}
|
||||
<h1 className="appie-title">Pick any task and tart earning .</h1>
|
||||
<p>
|
||||
The Marketplace platform to earn money with your skills, find, buy and sell professional services.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a className="item-2" href={process.env.APPLE_APP}>
|
||||
<i className="fab fa-apple"></i>
|
||||
<span>
|
||||
Available on the <span>App Store</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="item-2" href={process.env.REACT_APP_ANDROID_APP}>
|
||||
<i className="fab fa-google-play"></i>
|
||||
<span>
|
||||
Available on the <span>Google Play</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HomeNigeria;
|
||||
@@ -17,6 +17,7 @@ import TestimonialHomeOne from './TestimonialHomeOne';
|
||||
import TrafficHomeTwo from './TrafficHomeTwo';
|
||||
import WrenchBoardHome from './WrenchBoardHome';
|
||||
import RecentJobsOne from './RecentJobsOne';
|
||||
import HomeNigeria from "./HomeNigeria";
|
||||
//import BlogData from './../../Services/BlogData';
|
||||
|
||||
function HomeOne() {
|
||||
@@ -27,7 +28,8 @@ function HomeOne() {
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<HomeOneHeader action={drawerAction.toggle} />
|
||||
<HeroHomeOne />
|
||||
<HomeNigeria />
|
||||
{/*<HeroHomeOne />*/}
|
||||
<ServicesHomeOne />
|
||||
<RecentJobsOne />
|
||||
<FeaturesHomeOne />
|
||||
|
||||
Reference in New Issue
Block a user