Compare commits
27 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2a4232b8ba | |||
| 80bd761ce4 | |||
| 9e9af35334 | |||
| 14e2cfc217 | |||
| c476817560 | |||
| f4206bee13 | |||
| 616b964a16 | |||
| c3d779a435 | |||
| 71d98d8272 | |||
| a262de8647 | |||
| 8b360f8404 | |||
| fed3808346 | |||
| 71f1026abc | |||
| 6880a156e3 | |||
| a06a109681 | |||
| 1ad8e3bb29 | |||
| 1a94010fe5 | |||
| 391a290328 | |||
| 6787b17c12 | |||
| d4806702da | |||
| 1d31c9298b | |||
| 3771759ef8 | |||
| c6d7ffe886 | |||
| 20cf996248 | |||
| 92e4771768 | |||
| 5683e05af7 | |||
| c7675f7941 |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 713 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 22 KiB |
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 713 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 15 KiB |
@@ -2,7 +2,7 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.png" />
|
||||
<link type="image/png" rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta name="description" content="wrenchboard.com is an online marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster. Trade your freelance services." />
|
||||
@@ -26,7 +26,7 @@
|
||||
Learn how to configure a non-root public URL by running `npm run build`.
|
||||
-->
|
||||
<title>WrenchBoard</title>
|
||||
<meta property="og:image" content="%PUBLIC_URL%/favicon.png" />
|
||||
<meta property="og:image" content="%PUBLIC_URL%/favicon-32x32.png" />
|
||||
<meta property="business:contact_data:street_address" content="Cumberland Pkwy">
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
@@ -44,6 +44,7 @@ function Routes() {
|
||||
<ScrollToTop>
|
||||
<Switch>
|
||||
<Route exact path="/" component={HomeOne} />
|
||||
<Route exact path="/eoffer" component={HomeOne} />
|
||||
<Route exact path="/news" component={News} />
|
||||
<Route exact path="/blog" component={News} />
|
||||
<Route exact path="/use-cases" component={UseCases} />
|
||||
|
||||
@@ -107,7 +107,7 @@ ol {
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
font-size: 17px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
color: #505056;
|
||||
@@ -1435,6 +1435,12 @@ p {
|
||||
letter-spacing: 2px;
|
||||
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
|
||||
}
|
||||
.appie-title .earn-rewards{
|
||||
border-radius: 7px;
|
||||
background-color: rgb(245, 71, 71) !important;
|
||||
/* text-shadow: 2px 2px 2px #fff; */
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.appie-hero-area.appie-hero-3-area .appie-hero-content .appie-title {
|
||||
font-size: 54px;
|
||||
@@ -1735,7 +1741,7 @@ p {
|
||||
font-weight: 500;
|
||||
}
|
||||
.appie-hero-content .appie-title {
|
||||
font-size: 60px;
|
||||
font-size: 53px;
|
||||
line-height: 70px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 22px;
|
||||
@@ -2348,14 +2354,16 @@ p {
|
||||
}
|
||||
|
||||
.appie-single-service {
|
||||
padding: 50px 30px 43px;
|
||||
/* padding: 50px 30px 43px; */
|
||||
padding: 30px;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
transition: all linear 0.3s;
|
||||
}
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.appie-single-service {
|
||||
padding: 50px 15px 43px;
|
||||
/* padding: 50px 15px 43px; */
|
||||
padding: 30px;
|
||||
}
|
||||
}
|
||||
.appie-single-service .icon {
|
||||
@@ -2505,6 +2513,7 @@ p {
|
||||
font-weight: 700;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.appie-single-service-2 a {
|
||||
font-size: 14px;
|
||||
@@ -3050,6 +3059,7 @@ p {
|
||||
}
|
||||
.appie-traffic-title p {
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.appie-traffic-title .title {
|
||||
@@ -3109,12 +3119,15 @@ p {
|
||||
box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
|
||||
}
|
||||
.appie-traffic-service .title {
|
||||
font-size: 20px;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
padding-bottom: 7px;
|
||||
text-shadow: 3px 4px 10px rgba(0,0,0,0.3);
|
||||
}
|
||||
.appie-traffic-service p {
|
||||
font-size: 15px;
|
||||
font-size: 17px;
|
||||
margin-top: 10px;
|
||||
/*margin-bottom: 2px;*/
|
||||
}
|
||||
.appie-traffic-service.item-2 .icon i {
|
||||
background: linear-gradient(135deg, #f7b8af 0%, #f8452d 100%);
|
||||
@@ -4239,17 +4252,26 @@ p {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.mission-side-box {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
height: 750px;
|
||||
width: 50%;
|
||||
background-image: url(../images/mission-bg.png);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
@media only screen and (max-width: 991px) {
|
||||
.mission-side-box {
|
||||
position: relative;
|
||||
height: 500px;
|
||||
width: 100%;
|
||||
margin: 20px auto 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.appie-faq-8-area .faq-play-box {
|
||||
@@ -5686,6 +5708,10 @@ blockquote cite {
|
||||
.footer-about-widget {
|
||||
padding-right: 70px;
|
||||
margin-top: 30px;
|
||||
.logo {
|
||||
position: relative;
|
||||
top: -12px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-about-widget {
|
||||
@@ -5694,7 +5720,7 @@ blockquote cite {
|
||||
}
|
||||
}
|
||||
.footer-about-widget p {
|
||||
padding-top: 25px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
.footer-about-widget > a {
|
||||
font-size: 15px;
|
||||
@@ -5749,9 +5775,10 @@ blockquote cite {
|
||||
}
|
||||
}
|
||||
.footer-navigation .title {
|
||||
font-size: 20px;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 18px;
|
||||
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
|
||||
}
|
||||
.footer-navigation ul {
|
||||
margin: 0;
|
||||
@@ -5789,9 +5816,10 @@ blockquote cite {
|
||||
}
|
||||
}
|
||||
.footer-widget-info .title {
|
||||
font-size: 20px;
|
||||
font-size: 25px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 18px;
|
||||
text-shadow: 0px 4px 10px rgba(0,0,0,0.3);
|
||||
}
|
||||
.footer-widget-info ul {
|
||||
margin: 0;
|
||||
|
||||
@@ -14,7 +14,6 @@
|
||||
.boxBorder{
|
||||
border-color: aqua;
|
||||
background-color: #f5f6f7 ;
|
||||
height:300px;
|
||||
}
|
||||
.appie-loader {
|
||||
opacity: 0;
|
||||
|
||||
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 166 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 110 KiB |
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
@@ -54,8 +54,8 @@ function Forms() {
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<i className="fal fa-home"></i>
|
||||
{process.env.REACT_APP_SUPPORT_NG_ADDRESS}
|
||||
{/*<i className="fal fa-home"></i>*/}
|
||||
{/*{process.env.REACT_APP_SUPPORT_NG_ADDRESS}*/}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
@@ -65,7 +65,7 @@ function Forms() {
|
||||
<i className="fal fa-phone"></i>
|
||||
{process.env.REACT_APP_SUPPORT_PHONE}
|
||||
<br />
|
||||
{process.env.REACT_APP_SUPPORT_PHONE_NG}
|
||||
{/*{process.env.REACT_APP_SUPPORT_PHONE_NG}*/}
|
||||
</p>
|
||||
</div>
|
||||
<div className="single-info">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
function FooterHomeOne({ className }) {
|
||||
|
||||
@@ -16,9 +16,9 @@ function HeroHomeOne() {
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="appie-hero-content">
|
||||
<span>Welcome To WrenchBoard..</span>
|
||||
{/*<span>Welcome To WrenchBoard..</span>*/}
|
||||
<h1 className="appie-title">
|
||||
Earn Money with Any Skill.
|
||||
Turn Chores into Exciting Challenges and Earn <span className='earn-rewards px-2'>Rewards!</span>
|
||||
</h1>
|
||||
<p>
|
||||
The Marketplace platform to earn money with your skills, find, buy and sell professional services. Connect, build an outstanding portfolio and link to an integrated community with best services via a digital platform.
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
@@ -64,13 +64,13 @@ titleLen(title){
|
||||
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
|
||||
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
|
||||
|
||||
return (<div className="col-lg-3 col-md-6">
|
||||
return (<div className="col-md-6 col-xl-3">
|
||||
<div
|
||||
className="appie-single-service mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
|
||||
className="appie-single-service container-fluid mt-30 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 align-items-center" style={{height: '260px'}}>
|
||||
<div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
|
||||
<div className="titleBox">
|
||||
<h3 className="title">
|
||||
<a href={dashUrl}>
|
||||
@@ -83,12 +83,16 @@ titleLen(title){
|
||||
<div className="blog-meta">
|
||||
<ul>
|
||||
<li className="expire">
|
||||
{/* <a href={dashUrl}><span className='font_red'> Expires : {postDt} </span></a> */}
|
||||
<a href={dashUrl}><span className='font_red'> Expires : <CountDownTimer targetDate={postDt}/> </span></a>
|
||||
<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'>
|
||||
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
|
||||
<a href={dashUrl}>
|
||||
Learn More <i className="fal fa-arrow-right" />
|
||||
</a>
|
||||
|
||||
@@ -12,7 +12,7 @@ function TrafficHomeOne() {
|
||||
<div className="appie-traffic-title">
|
||||
<h3 className="title">Performing task.</h3>
|
||||
<p>
|
||||
Performing task on WrenchBoard is easy.All you need is a free account and follow the steps below.
|
||||
Performing task on WrenchBoard is easy. All you need is a free account and follow the steps below.
|
||||
</p>
|
||||
</div>
|
||||
<div className="row">
|
||||
@@ -21,7 +21,7 @@ function TrafficHomeOne() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Create free account</h5>
|
||||
<h5 className="title">Create Account</h5>
|
||||
<p> To publish your skills to be hired. Your ratings will grow with performance.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -31,7 +31,7 @@ function TrafficHomeOne() {
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Find or Accept job</h5>
|
||||
<p> Offers to get hired or search in the marketplace for your skill match.</p>
|
||||
<p> Receive Offers to get hired or search for your skills match.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
@@ -39,8 +39,9 @@ function TrafficHomeOne() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Complete the task professionally</h5>
|
||||
<p> Deliver client specification, communicate with instant messaging.</p>
|
||||
<h5 className="title">Complete tasks professionally</h5>
|
||||
<p> Deliver client specification to tailored solution, communicate messages in real-time using messaging platform.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
@@ -48,8 +49,8 @@ function TrafficHomeOne() {
|
||||
<div className="icon">
|
||||
<i className="fal fa-check" />
|
||||
</div>
|
||||
<h5 className="title">Get Pay for your skills put to use </h5>
|
||||
<p>Get your account credited when the job is completed, and the client authorizes payment.</p>
|
||||
<h5 className="title">Get Paid like a Pro for your skills </h5>
|
||||
<p>Obtain payment authorization after job completion and maintain client relationships. Transparent payment process for task compensation.</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-12">
|
||||
|
||||
@@ -29,7 +29,7 @@ function HomeOne() {
|
||||
<HomeOneHeader action={drawerAction.toggle} />
|
||||
<HeroHomeOne />
|
||||
<ServicesHomeOne />
|
||||
<RecentJobsOne />
|
||||
{/*<RecentJobsOne />*/}
|
||||
<FeaturesHomeOne />
|
||||
{/*<FaqHomeOne />*/}
|
||||
{/*<TrafficHomeOne />*/}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||
|
||||
@@ -100,11 +100,7 @@ function MissionStatement() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mission-side-box">
|
||||
|
||||
</div>
|
||||
|
||||
<div className="mission-side-box"></div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/wrenchboard.png';
|
||||
import logo from '../../assets/images/wrenchboard-logo-text.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
import getConfig from './../../Config/config'
|
||||
|
||||