Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
6eafd24bde | ||
 tokslaw
|
a953f6a642 | ||
|
tokslaw
|
9381ced682 | ||
|
tokslaw
|
b8c5870a81 | ||
|
tokslaw
|
7fd32604f0 |
Regular → Executable
+5
@@ -26,6 +26,11 @@
|
|||||||
Learn how to configure a non-root public URL by running `npm run build`.
|
Learn how to configure a non-root public URL by running `npm run build`.
|
||||||
-->
|
-->
|
||||||
<title>WrenchBoard</title>
|
<title>WrenchBoard</title>
|
||||||
|
<meta property="og:image" content="%PUBLIC_URL%/favicon.png" />
|
||||||
|
<meta property="business:contact_data:street_address" content="Cumberland Pkwy">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
(function (i, s, o, g, r, a, m) {
|
(function (i, s, o, g, r, a, m) {
|
||||||
i['GoogleAnalyticsObject'] = r;
|
i['GoogleAnalyticsObject'] = r;
|
||||||
|
|||||||
Regular → Executable
+4
-4
@@ -1405,8 +1405,8 @@ p {
|
|||||||
3.APPIE HERO css
|
3.APPIE HERO css
|
||||||
===========================*/
|
===========================*/
|
||||||
.appie-hero-area {
|
.appie-hero-area {
|
||||||
padding-top: 200px;
|
padding-top: 120px;
|
||||||
padding-bottom: 110px;
|
padding-bottom: 30px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
@@ -1726,7 +1726,7 @@ p {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.appie-hero-content > span {
|
.appie-hero-content > span {
|
||||||
color: #2b70fa;
|
color: #4687ba;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
@@ -5781,7 +5781,7 @@ blockquote cite {
|
|||||||
|
|
||||||
.footer-copyright {
|
.footer-copyright {
|
||||||
/* padding-top: 35px; */
|
/* padding-top: 35px; */
|
||||||
border-top: 1px solid #e1e5ec;
|
/* border-top: 1px solid #e1e5ec; */
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
@@ -1,5 +1,16 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
|
import Design from '../../assets/images/value-design.png'
|
||||||
|
import Approach from '../../assets/images/value-approach.png'
|
||||||
|
import Interactive from '../../assets/images/value-interactive.png'
|
||||||
|
import Mobility from '../../assets/images/value-mobility.png'
|
||||||
|
import Privacy from '../../assets/images/value-privacy.png'
|
||||||
|
import Seamless from '../../assets/images/value-seamless.png'
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function ServicesAbout() {
|
function ServicesAbout() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@@ -20,8 +31,13 @@ function ServicesAbout() {
|
|||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay="200ms"
|
data-wow-delay="200ms"
|
||||||
>
|
>
|
||||||
<div className="icon">
|
<div className="icon d-flex justify-content-between align-items-end">
|
||||||
<i className="fal fa-tv"></i>
|
<div className='container'>
|
||||||
|
<i className="fal fa-tv"></i>
|
||||||
|
</div>
|
||||||
|
<div className='container'>
|
||||||
|
<img src={Design} />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="title">Carefully designed</h4>
|
<h4 className="title">Carefully designed</h4>
|
||||||
<p>We listen to how the users will love to use our tools. It is always about the users</p>
|
<p>We listen to how the users will love to use our tools. It is always about the users</p>
|
||||||
@@ -33,8 +49,16 @@ function ServicesAbout() {
|
|||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay="400ms"
|
data-wow-delay="400ms"
|
||||||
>
|
>
|
||||||
<div className="icon">
|
{/* <div className="icon">
|
||||||
<i className="fal fa-code"></i>
|
<i className="fal fa-code"></i>
|
||||||
|
</div> */}
|
||||||
|
<div className="icon d-flex justify-content-between align-items-end">
|
||||||
|
<div className='container'>
|
||||||
|
<i className="fal fa-code"></i>
|
||||||
|
</div>
|
||||||
|
<div className='container'>
|
||||||
|
<img src={Approach} />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="title">Modern Approach</h4>
|
<h4 className="title">Modern Approach</h4>
|
||||||
<p>Our target is to present a cutting-edge solution that serves the users at all times.</p>
|
<p>Our target is to present a cutting-edge solution that serves the users at all times.</p>
|
||||||
@@ -46,8 +70,16 @@ function ServicesAbout() {
|
|||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay="600ms"
|
data-wow-delay="600ms"
|
||||||
>
|
>
|
||||||
<div className="icon">
|
{/* <div className="icon">
|
||||||
<i className="fal fa-user-friends"></i>
|
<i className="fal fa-user-friends"></i>
|
||||||
|
</div> */}
|
||||||
|
<div className="icon d-flex justify-content-between align-items-end">
|
||||||
|
<div className='container'>
|
||||||
|
<i className="fal fa-user-friends"></i>
|
||||||
|
</div>
|
||||||
|
<div className='container'>
|
||||||
|
<img src={Interactive} />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="title">User Interactive</h4>
|
<h4 className="title">User Interactive</h4>
|
||||||
<p>Email, notifications, and alerts to get you engaged in the process.</p>
|
<p>Email, notifications, and alerts to get you engaged in the process.</p>
|
||||||
@@ -59,8 +91,16 @@ function ServicesAbout() {
|
|||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay="200ms"
|
data-wow-delay="200ms"
|
||||||
>
|
>
|
||||||
<div className="icon">
|
{/* <div className="icon">
|
||||||
<i className="fal fa-mobile"></i>
|
<i className="fal fa-mobile"></i>
|
||||||
|
</div> */}
|
||||||
|
<div className="icon d-flex justify-content-between align-items-end">
|
||||||
|
<div className='container'>
|
||||||
|
<i className="fal fa-mobile"></i>
|
||||||
|
</div>
|
||||||
|
<div className='container'>
|
||||||
|
<img src={Mobility} />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="title">Mobility Approach</h4>
|
<h4 className="title">Mobility Approach</h4>
|
||||||
<p>Web and native app solution for your continuously moving life.</p>
|
<p>Web and native app solution for your continuously moving life.</p>
|
||||||
@@ -72,8 +112,16 @@ function ServicesAbout() {
|
|||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay="400ms"
|
data-wow-delay="400ms"
|
||||||
>
|
>
|
||||||
<div className="icon">
|
{/* <div className="icon">
|
||||||
<i className="fal fa-retweet"></i>
|
<i className="fal fa-retweet"></i>
|
||||||
|
</div> */}
|
||||||
|
<div className="icon d-flex justify-content-between align-items-end">
|
||||||
|
<div className='container'>
|
||||||
|
<i className="fal fa-retweet"></i>
|
||||||
|
</div>
|
||||||
|
<div className='container'>
|
||||||
|
<img src={Seamless} />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="title">Seamless Sync</h4>
|
<h4 className="title">Seamless Sync</h4>
|
||||||
<p> Changes across platforms is simplified and streamlined.</p>
|
<p> Changes across platforms is simplified and streamlined.</p>
|
||||||
@@ -85,8 +133,16 @@ function ServicesAbout() {
|
|||||||
data-wow-duration="2000ms"
|
data-wow-duration="2000ms"
|
||||||
data-wow-delay="600ms"
|
data-wow-delay="600ms"
|
||||||
>
|
>
|
||||||
<div className="icon">
|
{/* <div className="icon">
|
||||||
<i className="fal fa-bell"></i>
|
<i className="fal fa-bell"></i>
|
||||||
|
</div> */}
|
||||||
|
<div className="icon d-flex justify-content-between align-items-end">
|
||||||
|
<div className='container'>
|
||||||
|
<i className="fal fa-bell"></i>
|
||||||
|
</div>
|
||||||
|
<div className='container'>
|
||||||
|
<img src={Privacy} />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h4 className="title">Privacy</h4>
|
<h4 className="title">Privacy</h4>
|
||||||
<p>We truly respect your need for privacy. Our solution doesn't need to share your data to work for you.</p>
|
<p>We truly respect your need for privacy. Our solution doesn't need to share your data to work for you.</p>
|
||||||
|
|||||||
Regular → Executable
+99
-98
@@ -9,10 +9,10 @@ import marketPlace from '../../assets/images/market_place.png';
|
|||||||
import task from '../../assets/images/task.png';
|
import task from '../../assets/images/task.png';
|
||||||
import getPaid from '../../assets/images/get_paid.png';
|
import getPaid from '../../assets/images/get_paid.png';
|
||||||
|
|
||||||
import taskThumbnail from '../../assets/images/task-thumb.png'
|
// import taskThumbnail from '../../assets/images/task-thumb.png'
|
||||||
import marketThumbnail from '../../assets/images/market-thumb.png'
|
// import marketThumbnail from '../../assets/images/market-thumb.png'
|
||||||
import getPaidThumbnail from '../../assets/images/getpaid-thumb.png'
|
// import getPaidThumbnail from '../../assets/images/getpaid-thumb.png'
|
||||||
import accountThumbnail from '../../assets/images/account-thumb.png'
|
// import accountThumbnail from '../../assets/images/account-thumb.png'
|
||||||
|
|
||||||
|
|
||||||
import getConfig from './../../Config/config'
|
import getConfig from './../../Config/config'
|
||||||
@@ -20,104 +20,105 @@ import getConfig from './../../Config/config'
|
|||||||
function FeaturesHomeOne({ className }) {
|
function FeaturesHomeOne({ className }) {
|
||||||
var site = getConfig()[0];
|
var site = getConfig()[0];
|
||||||
return (
|
return (
|
||||||
<section className={`appie-service-area features-section pt-50 pb-100 ${className}`} id="service">
|
<></>
|
||||||
<div className="container">
|
// <section className={`appie-service-area features-section pt-50 pb-100 ${className}`} id="service">
|
||||||
<div className="row">
|
// <div className="container">
|
||||||
<div className="col-xl-3 col-md-6 mb-50">
|
// <div className="row">
|
||||||
<div
|
// <div className="col-xl-3 col-md-6 mb-50">
|
||||||
className="appie-features-content wow animated fadeInRight"
|
// <div
|
||||||
data-wow-duration="2000ms"
|
// className="appie-features-content wow animated fadeInRight"
|
||||||
data-wow-delay="600ms"
|
// data-wow-duration="2000ms"
|
||||||
>
|
// data-wow-delay="600ms"
|
||||||
<div className='text-center'>
|
// >
|
||||||
<img className='pb-2' src={accountThumbnail} alt='image thumbnail' />
|
// <div className='text-center'>
|
||||||
</div>
|
// <img className='pb-2' src={accountThumbnail} alt='image thumbnail' />
|
||||||
|
// </div>
|
||||||
|
|
||||||
<h3 className="title">
|
// <h3 className="title">
|
||||||
Create free account.
|
// Create free account.
|
||||||
</h3>
|
// </h3>
|
||||||
<p>
|
// <p>
|
||||||
If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.
|
// If you are either currently employed, unemployed or unsatisfied with your job or want extra cash on the side, consider WrenchBoard as a reliable partner to connect you with new opportunities.
|
||||||
</p>
|
// </p>
|
||||||
<Link className="main-btn" to="/about-us">
|
// <Link className="main-btn" to="/about-us">
|
||||||
Learn More
|
// Learn More
|
||||||
</Link>
|
// </Link>
|
||||||
{/* <div
|
// {/* <div
|
||||||
className="appie-features-thumb text-center wow animated fadeInUp"
|
// className="appie-features-thumb text-center wow animated fadeInUp"
|
||||||
data-wow-duration="2000ms"
|
// data-wow-duration="2000ms"
|
||||||
data-wow-delay="200ms"
|
// data-wow-delay="200ms"
|
||||||
>
|
// >
|
||||||
<img className='p-3' src={freeAccount} alt="" />
|
// <img className='p-3' src={freeAccount} alt="" />
|
||||||
</div> */}
|
// </div> */}
|
||||||
</div>
|
// </div>
|
||||||
</div>
|
// </div>
|
||||||
<div className="col-xl-3 col-md-6 mb-50">
|
// <div className="col-xl-3 col-md-6 mb-50">
|
||||||
<div
|
// <div
|
||||||
className="appie-features-content animated fadeInRight"
|
// className="appie-features-content animated fadeInRight"
|
||||||
data-wow-duration="2000ms"
|
// data-wow-duration="2000ms"
|
||||||
data-wow-delay="600ms"
|
// data-wow-delay="600ms"
|
||||||
>
|
// >
|
||||||
<div className='text-center'>
|
// <div className='text-center'>
|
||||||
<img className='pb-2' src={marketThumbnail} alt='image thumbnail' />
|
// <img className='pb-2' src={marketThumbnail} alt='image thumbnail' />
|
||||||
</div>
|
// </div>
|
||||||
|
|
||||||
<h3 className="title">
|
// <h3 className="title">
|
||||||
Browse Marketplace
|
// Browse Marketplace
|
||||||
</h3>
|
// </h3>
|
||||||
<p>
|
// <p>
|
||||||
WrenchBoard platform connects you with quality service that need articles writing, blog management, photography, product testing research and surveys and more to deliver your project with ease.
|
// WrenchBoard platform connects you with quality service that need articles writing, blog management, photography, product testing research and surveys and more to deliver your project with ease.
|
||||||
</p>
|
// </p>
|
||||||
<a className="main-btn" href={site.dash_url_login}>
|
// <a className="main-btn" href={site.dash_url_login}>
|
||||||
Learn More
|
// Learn More
|
||||||
</a>
|
// </a>
|
||||||
</div>
|
// </div>
|
||||||
</div>
|
// </div>
|
||||||
<div className="col-xl-3 col-md-6 mb-50">
|
// <div className="col-xl-3 col-md-6 mb-50">
|
||||||
<div
|
// <div
|
||||||
className="appie-features-content animated fadeInRight"
|
// className="appie-features-content animated fadeInRight"
|
||||||
data-wow-duration="2000ms"
|
// data-wow-duration="2000ms"
|
||||||
data-wow-delay="600ms"
|
// data-wow-delay="600ms"
|
||||||
>
|
// >
|
||||||
<div className='text-center'>
|
// <div className='text-center'>
|
||||||
<img className='pb-2' src={taskThumbnail} alt='image thumbnail' />
|
// <img className='pb-2' src={taskThumbnail} alt='image thumbnail' />
|
||||||
</div>
|
// </div>
|
||||||
|
|
||||||
<h3 className="title">
|
// <h3 className="title">
|
||||||
Complete Task
|
// Complete Task
|
||||||
</h3>
|
// </h3>
|
||||||
<p>
|
// <p>
|
||||||
Cash in the Pocket with WrenchBoard as a reliable partner to connect you with new opportunities.Track, Organize your Portfolio and Manage your Skills, preferred workgroup and teams efficiently.
|
// Cash in the Pocket with WrenchBoard as a reliable partner to connect you with new opportunities.Track, Organize your Portfolio and Manage your Skills, preferred workgroup and teams efficiently.
|
||||||
</p>
|
// </p>
|
||||||
<a className="main-btn" href={site.dash_url_login}>
|
// <a className="main-btn" href={site.dash_url_login}>
|
||||||
Learn More
|
// Learn More
|
||||||
</a>
|
// </a>
|
||||||
</div>
|
// </div>
|
||||||
</div>
|
// </div>
|
||||||
<div className="col-xl-3 col-md-6 mb-50">
|
// <div className="col-xl-3 col-md-6 mb-50">
|
||||||
<div
|
// <div
|
||||||
className="appie-features-content animated fadeInRight"
|
// className="appie-features-content animated fadeInRight"
|
||||||
data-wow-duration="2000ms"
|
// data-wow-duration="2000ms"
|
||||||
data-wow-delay="600ms"
|
// data-wow-delay="600ms"
|
||||||
>
|
// >
|
||||||
<div className='text-center'>
|
// <div className='text-center'>
|
||||||
<img className='pb-2' src={getPaidThumbnail} alt='image thumbnail' />
|
// <img className='pb-2' src={getPaidThumbnail} alt='image thumbnail' />
|
||||||
</div>
|
// </div>
|
||||||
|
|
||||||
<h3 className="title">
|
// <h3 className="title">
|
||||||
Get Paid
|
// Get Paid
|
||||||
</h3>
|
// </h3>
|
||||||
<p>
|
// <p>
|
||||||
Get paid Instantly for completed task using WrenchBoard. Achieve your short-term goals or long-term income by Connecting with WrenchBoard. Complete access to your earnings.
|
// Get paid Instantly for completed task using WrenchBoard. Achieve your short-term goals or long-term income by Connecting with WrenchBoard. Complete access to your earnings.
|
||||||
</p>
|
// </p>
|
||||||
<a className="main-btn" href={site.dash_url_login}>
|
// <a className="main-btn" href={site.dash_url_login}>
|
||||||
Learn More
|
// Learn More
|
||||||
</a>
|
// </a>
|
||||||
</div>
|
// </div>
|
||||||
</div>
|
// </div>
|
||||||
</div>
|
// </div>
|
||||||
</div>
|
// </div>
|
||||||
{/* <hr className='mt-50'/> */}
|
// {/* <hr className='mt-50'/> */}
|
||||||
</section>
|
// </section>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,14 +0,0 @@
|
|||||||
diff a/src/components/HomeOne/FeaturesHomeOne.js b/src/components/HomeOne/FeaturesHomeOne.js (rejected hunks)
|
|
||||||
@@ -1,9 +1,9 @@
|
|
||||||
import React, { useState } from 'react';
|
|
||||||
import { Link } from 'react-router-dom';
|
|
||||||
-import thumb from '../../assets/images/HowItWorks.jpg';
|
|
||||||
+import thumb from '../../assets/images/ACC.jpg';
|
|
||||||
import thumb2 from '../../assets/images/MarketPlace004.jpg';
|
|
||||||
-import thumb3 from '../../assets/images/CompleteTask.jpg';
|
|
||||||
-import thumb4 from '../../assets/images/MoneyPay.jpg';
|
|
||||||
+import thumb3 from '../../assets/images/CompleteTask002.jpg';
|
|
||||||
+import thumb4 from '../../assets/images/MoneyBitPay.jpg';
|
|
||||||
|
|
||||||
import shapeSix from '../../assets/images/shape/shape-6.png';
|
|
||||||
import shapeSeven from '../../assets/images/shape/shape-7.png';
|
|
||||||
@@ -5,6 +5,7 @@ import getConfig from './../../Config/config'
|
|||||||
|
|
||||||
function FooterHomeOne({ className }) {
|
function FooterHomeOne({ className }) {
|
||||||
var site = getConfig()[0];
|
var site = getConfig()[0];
|
||||||
|
let newDate = new Date().getFullYear()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@@ -124,7 +125,7 @@ function FooterHomeOne({ className }) {
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div className="copyright-text">
|
<div className="copyright-text">
|
||||||
<p>Copyright © 2022 WrenchBoard. All rights reserved.</p>
|
<p>Copyright © {newDate} WrenchBoard. All rights reserved.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -18,11 +18,8 @@ function HeroHomeOne() {
|
|||||||
<div className="appie-hero-content">
|
<div className="appie-hero-content">
|
||||||
<span>Welcome To WrenchBoard..</span>
|
<span>Welcome To WrenchBoard..</span>
|
||||||
<h1 className="appie-title">
|
<h1 className="appie-title">
|
||||||
Make money with any skill.
|
Earn Money with Any Skill.
|
||||||
</h1>
|
</h1>
|
||||||
<p>
|
|
||||||
The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
|
|
||||||
</p>
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href={site.apple_app}>
|
<a href={site.apple_app}>
|
||||||
@@ -36,6 +33,9 @@ function HeroHomeOne() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<p className='mt-3'>
|
||||||
|
The marketplace to make money from your skills, find, buy and sell professional services. Connect with freelancers to get work done faster.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-lg-6">
|
<div className="col-lg-6">
|
||||||
|
|||||||
@@ -52,13 +52,13 @@ function TrafficHomeOne() {
|
|||||||
<p>Get your account credited when the job is completed, and the client authorizes payment.</p>
|
<p>Get your account credited when the job is completed, and the client authorizes payment.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-lg-12">
|
{/* <div className="col-lg-12">
|
||||||
<div className="traffic-btn mt-50">
|
<div className="traffic-btn mt-50">
|
||||||
<a className="main-btn" href={site.dash_url_login}>
|
<a className="main-btn" href={site.dash_url_login}>
|
||||||
Login <i className="fal fa-arrow-right" />
|
Login <i className="fal fa-arrow-right" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user