WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

content

Browse Source
This commit is contained in:
Toks Law
2021-12-23 04:00:42 -05:00
parent 3bb74ab465
commit 4bb6316f88
16 changed files with 215 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/images/Actualize.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

src/assets/images/HowItWorks.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

src/assets/images/Olu-Amey-001.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

src/assets/images/PerformingTask.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

src/assets/images/Toks-Law.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

src/components/HomeOne/BlogHomeOne.js
+9 -9
View File
@@ -28,15 +28,15 @@ function BlogHomeOne() {
<div className="content"> <div className="content">
<div className="blog-meta"> <div className="blog-meta">
<ul> <ul>
<li>March 10, 2022</li> <li>December 10, 2021</li>
<li> <li>
<a href="#">Saas & App</a> <a href="#">Online Jobs</a>
</li> </li>
</ul> </ul>
</div> </div>
<h3 className="title"> <h3 className="title">
<a href="/news/single-news"> <a href="/news/single-news">
Introducing New Apps Design for our iOS App Online Jobs for University Students
</a> </a>
</h3> </h3>
<a href="#"> <a href="#">
@@ -57,15 +57,15 @@ function BlogHomeOne() {
<div className="content"> <div className="content">
<div className="blog-meta"> <div className="blog-meta">
<ul> <ul>
<li>March 10, 2022</li> <li>December 17, 2021</li>
<li> <li>
<a href="#">Saas & App</a> <a href="#">Time and price management </a>
</li> </li>
</ul> </ul>
</div> </div>
<h3 className="title"> <h3 className="title">
<a href="/news/single-news"> <a href="/news/single-news">
How to bring Dolce to your company Time and price management when working an online job
</a> </a>
</h3> </h3>
<a href="#"> <a href="#">
@@ -86,15 +86,15 @@ function BlogHomeOne() {
<div className="content"> <div className="content">
<div className="blog-meta"> <div className="blog-meta">
<ul> <ul>
<li>March 10, 2022</li> <li>December 21, 2021</li>
<li> <li>
<a href="#">Saas & App</a> <a href="#"> online career strategy</a>
</li> </li>
</ul> </ul>
</div> </div>
<h3 className="title"> <h3 className="title">
<a href="/news/single-news"> <a href="/news/single-news">
17 Effective Ways to Monetize Mobile Apps How to implement an effective online career strategy
</a> </a>
</h3> </h3>
<a href="#"> <a href="#">
src/components/HomeOne/FaqHomeOne.js
+53 -142
View File
@@ -1,158 +1,69 @@
import React, { useState } from 'react'; import React from 'react';
import thumb from '../../assets/images/traffic-thumb.png';
function FaqHomeOne({ className }) { function TrafficHomeOne({ className }) {
const [showQues, setQues] = useState(1);
const openQuestion = (value) => {
setQues(value);
};
return ( return (
<> <section section className={`appie-faq-area pt-90 pb-95 ${className}`}>
<section className={`appie-faq-area pb-95 ${className || ''}`}> <div className="container">
<div className="container"> <div className="row">
<div className="row"> <div className="col-lg-7">
<div className="col-lg-12"> <div className="appie-traffic-title">
<div className="appie-section-title text-center"> <span>Post</span>
<h3 className="appie-title">Frequently asked questions</h3> <h3 className="title">Posting Jobs.</h3>
<p>Different layouts and styles for team sections.</p> <p>
</div> WrenchBoard platform connects you with quality service to deliver your project with ease.
</p>
</div> </div>
</div> <div className="row">
<div className="row"> <div className="col-lg-6 col-md-6">
<div className="col-lg-6"> <div className="appie-traffic-service mb-30">
<div <div className="icon">
className="faq-accordion wow fadeInRight mt-30" <i className="fal fa-check" />
data-wow-duration="1500ms"
>
<div
className="accrodion-grp animated fadeIn faq-accrodion wow"
data-wow-duration="1500ms"
data-grp-name="faq-accrodion"
>
<div
onClick={() => openQuestion(1)}
className={`accrodion ${showQues === 1 ? 'active' : ''}`}
>
<div className="accrodion-inner">
<div className="accrodion-title">
<h4>Where do I usually find FAQs in a page?</h4>
</div>
<div
className="accrodion-content"
style={{
display: showQues === 1 ? 'block' : 'none',
}}
>
<div className="inner">
<p>
Naff Oxford vagabond in my flat chinwag
blatant grub tomfoolery that I bits and bobs
up the duff cras boot bevvy no biggie.
</p>
</div>
</div>
</div>
</div>
<div
onClick={() => openQuestion(2)}
className={`accrodion ${showQues === 2 ? 'active' : ''}`}
>
<div className="accrodion-inner">
<div className="accrodion-title">
<h4>Where do I usually find FAQs in a page?</h4>
</div>
<div
className="accrodion-content"
style={{
display: showQues === 2 ? 'block' : 'none',
}}
>
<div className="inner">
<p>
Naff Oxford vagabond in my flat chinwag
blatant grub tomfoolery that I bits and bobs
up the duff cras boot bevvy no biggie.
</p>
</div>
</div>
</div>
</div> </div>
<h5 className="title">Create your projects</h5>
<p>from complex to most basic task as targeted offering or market place posting</p>
</div> </div>
</div> </div>
</div> <div className="col-lg-6 col-md-6">
<div className="col-lg-6"> <div className="appie-traffic-service item-2 mb-30">
<div <div className="icon">
className="faq-accordion wow fadeInRight mt-30" <i className="fal fa-check" />
data-wow-duration="1500ms"
>
<div
className="accrodion-grp animated fadeIn faq-accrodion wow"
data-wow-duration="1500ms"
data-grp-name="faq-accrodion"
>
<div
onClick={() => openQuestion(3)}
className={`accrodion ${showQues === 3 ? 'active' : ''}`}
>
<div className="accrodion-inner">
<div className="accrodion-title">
<h4>Where do I usually find FAQs in a page?</h4>
</div>
<div
className="accrodion-content"
style={{
display: showQues === 3 ? 'block' : 'none',
}}
>
<div className="inner">
<p>
Naff Oxford vagabond in my flat chinwag
blatant grub tomfoolery that I bits and bobs
up the duff cras boot bevvy no biggie.
</p>
</div>
</div>
</div>
</div>
<div
onClick={() => openQuestion(4)}
className={`accrodion ${showQues === 4 ? 'active' : ''}`}
>
<div className="accrodion-inner">
<div className="accrodion-title">
<h4>Where do I usually find FAQs in a page?</h4>
</div>
<div
className="accrodion-content"
style={{
display: showQues === 4 ? 'block' : 'none',
}}
>
<div className="inner">
<p>
Naff Oxford vagabond in my flat chinwag
blatant grub tomfoolery that I bits and bobs
up the duff cras boot bevvy no biggie.
</p>
</div>
</div>
</div>
</div> </div>
<h5 className="title">Hire experts</h5>
<p>from reviewed profiles, accept interest in your project from qualified members.</p>
</div> </div>
</div> </div>
</div> <div className="col-lg-6 col-md-6">
<div className="col-lg-12"> <div className="appie-traffic-service item-3">
<div className="faq-text text-center pt-40"> <div className="icon">
<p> <i className="fal fa-check" />
Can't find an answer?{' '} </div>
<a href="mailto:demo@gmail.com">Email us</a> <h5 className="title">Monitor Progress</h5>
</p> <p>Monitor work progress and track performance with real time tools from your account</p>
</div>
</div>
<div className="col-lg-6 col-md-6">
<div className="appie-traffic-service item-4">
<div className="icon">
<i className="fal fa-check" />
</div>
<h5 className="title">Get Pay </h5>
<p>Pay: Make payment easily and securely by milestones or project completion.</p>
</div>
</div>
<div className="col-lg-12">
<div className="traffic-btn mt-50">
<a className="main-btn" href="#">
Learn more about what you can do with WrenchBoard <i className="fal fa-arrow-right" />
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
</> </section>
); );
} }
export default FaqHomeOne; export default TrafficHomeOne;
src/components/HomeOne/FeaturesHomeOne.js
+18 -22
View File
@@ -1,6 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import thumb from '../../assets/images/features-thumb-1.png'; import thumb from '../../assets/images/HowItWorks.jpg';
import shapeSix from '../../assets/images/shape/shape-6.png'; import shapeSix from '../../assets/images/shape/shape-6.png';
import shapeSeven from '../../assets/images/shape/shape-7.png'; import shapeSeven from '../../assets/images/shape/shape-7.png';
import shapeEight from '../../assets/images/shape/shape-8.png'; import shapeEight from '../../assets/images/shape/shape-8.png';
@@ -12,7 +12,7 @@ function FeaturesHomeOne({ className }) {
setTab(value); setTab(value);
}; };
return ( return (
<section className={`appie-features-area pt-100 ${className}`} id="features"> <section className={`appie-features-area pt-100 pb-90 ${className}`} id="features">
<div className="container"> <div className="container">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-lg-3"> <div className="col-lg-3">
@@ -33,7 +33,7 @@ function FeaturesHomeOne({ className }) {
aria-controls="v-pills-home" aria-controls="v-pills-home"
aria-selected="true" aria-selected="true"
> >
<i className="fas fa-cog" /> Settings <i className="fas fa-cog" /> Create free Account
</a> </a>
<a <a
onClick={(e) => handleClick(e, 'report')} onClick={(e) => handleClick(e, 'report')}
@@ -45,7 +45,7 @@ function FeaturesHomeOne({ className }) {
aria-controls="v-pills-profile" aria-controls="v-pills-profile"
aria-selected="false" aria-selected="false"
> >
<i className="fas fa-exclamation-triangle" /> Report <i className="fas fa-exclamation-triangle" /> WrenchBoard Marketplace
</a> </a>
<a <a
onClick={(e) => handleClick(e, 'notice')} onClick={(e) => handleClick(e, 'notice')}
@@ -57,7 +57,7 @@ function FeaturesHomeOne({ className }) {
aria-controls="v-pills-messages" aria-controls="v-pills-messages"
aria-selected="false" aria-selected="false"
> >
<i className="fas fa-bell" /> Saeety Notices <i className="fas fa-bell" /> Complete Task
</a> </a>
<a <a
onClick={(e) => handleClick(e, 'app')} onClick={(e) => handleClick(e, 'app')}
@@ -69,7 +69,7 @@ function FeaturesHomeOne({ className }) {
aria-controls="v-pills-settings" aria-controls="v-pills-settings"
aria-selected="false" aria-selected="false"
> >
<i className="fas fa-lock" /> App Lock <i className="fas fa-lock" /> Get Paid
</a> </a>
</div> </div>
</div> </div>
@@ -100,13 +100,12 @@ function FeaturesHomeOne({ className }) {
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="600ms" data-wow-delay="600ms"
> >
<span>Custom Reacyions</span> <span>Turn Up your Talent </span>
<h3 className="title"> <h3 className="title">
Let the <br /> Conversation flow How It Works
</h3> </h3>
<p> <p>
Car boot absolutely bladdered posh burke the 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.
wireless mush some dodg.
</p> </p>
<Link className="main-btn" to="/about-us"> <Link className="main-btn" to="/about-us">
Learn More Learn More
@@ -137,13 +136,12 @@ function FeaturesHomeOne({ className }) {
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="600ms" data-wow-delay="600ms"
> >
<span>Custom Reacyions</span> <span>Turn Up your Talent </span>
<h3 className="title"> <h3 className="title">
Let the <br /> Conversation flow How It Works
</h3> </h3>
<p> <p>
Car boot absolutely bladdered posh burke the 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.
wireless mush some dodg.
</p> </p>
<a className="main-btn" href="#"> <a className="main-btn" href="#">
Learn More Learn More
@@ -174,13 +172,12 @@ function FeaturesHomeOne({ className }) {
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="600ms" data-wow-delay="600ms"
> >
<span>Custom Reacyions</span> <span>Turn Up your Talent </span>
<h3 className="title"> <h3 className="title">
Let the <br /> Conversation flow How It Works
</h3> </h3>
<p> <p>
Car boot absolutely bladdered posh burke the 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.
wireless mush some dodg.
</p> </p>
<a className="main-btn" href="#"> <a className="main-btn" href="#">
Learn More Learn More
@@ -211,13 +208,12 @@ function FeaturesHomeOne({ className }) {
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="600ms" data-wow-delay="600ms"
> >
<span>Custom Reacyions</span> <span>Turn Up your Talent </span>
<h3 className="title"> <h3 className="title">
Let the <br /> Conversation flow How It Works
</h3> </h3>
<p> <p>
Car boot absolutely bladdered posh burke the 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.
wireless mush some dodg.
</p> </p>
<a className="main-btn" href="#"> <a className="main-btn" href="#">
Learn More Learn More
src/components/HomeOne/HeroHomeOne.js
+3 -4
View File
@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import heroThumbOne from '../../assets/images/hero-thumb-1.png'; import heroThumbOne from '../../assets/images/Actualize.jpg';
import heroThumbTwo from '../../assets/images/hero-thumb-2.png'; import heroThumbTwo from '../../assets/images/hero-thumb-2.png';
import shapeTwo from '../../assets/images/shape/shape-2.png'; import shapeTwo from '../../assets/images/shape/shape-2.png';
import shapeThree from '../../assets/images/shape/shape-3.png'; import shapeThree from '../../assets/images/shape/shape-3.png';
@@ -15,11 +15,10 @@ 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">
Manage it all, in this all new system. Actualize your Creativity to Earning Power.
</h1> </h1>
<p> <p>
Hanky panky lavatory up the duff jolly good cack brolly 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.
chinwag zonked happy days sloshed.
</p> </p>
<ul> <ul>
<li> <li>
src/components/HomeOne/ProjectHomeOne.js
+2 -2
View File
@@ -16,9 +16,9 @@ function ProjectHomeOne() {
<div className="col-lg-6"> <div className="col-lg-6">
<div className="appie-project-content"> <div className="appie-project-content">
<h3 className="title"> <h3 className="title">
Start your project with appie. Start your project with WrenchBoard.
</h3> </h3>
<p>We will email you only about this product.</p> <p>Manage your small, medium and big projects with WrenchBoard.<br/> WrenchBoard Platform enables you to organize teams of freelancers as well as dedicated skills sets for your goals.</p>
<form action="#"> <form action="#">
<div className="input-box mt-30"> <div className="input-box mt-30">
<input type="text" placeholder="Your email" /> <input type="text" placeholder="Your email" />
src/components/HomeOne/ServicesHomeOne.js
+11 -11
View File
@@ -12,9 +12,9 @@ function ServicesHomeOne({ className }) {
<div className="col-lg-6"> <div className="col-lg-6">
<div className="appie-section-title text-center"> <div className="appie-section-title text-center">
<h3 className="appie-title"> <h3 className="appie-title">
Designed with <br /> The applicant in mind. Reward possibility <br/> from self-commitment.
</h3> </h3>
<p>The full monty spiffing good time no biggie cack grub fantastic. </p> <p> Influence your talent skills with the creativity in you </p>
</div> </div>
</div> </div>
</div> </div>
@@ -29,8 +29,8 @@ function ServicesHomeOne({ className }) {
<img src={IconOne} alt="" /> <img src={IconOne} alt="" />
<span>1</span> <span>1</span>
</div> </div>
<h4 className="appie-title">Searching</h4> <h4 className="appie-title">Create Account</h4>
<p>Mucker plastered bugger all mate morish are.</p> <p>Join WrenchBoard to connect with businesses that need articles writing, blog management, photography, product testing research and surveys and more. </p>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6"> <div className="col-lg-3 col-md-6">
@@ -43,8 +43,8 @@ function ServicesHomeOne({ className }) {
<img src={IconTwo} alt="" /> <img src={IconTwo} alt="" />
<span>2</span> <span>2</span>
</div> </div>
<h4 className="appie-title">Designing</h4> <h4 className="appie-title">Skills Scout</h4>
<p>Mucker plastered bugger all mate morish are.</p> <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>
</div> </div>
<div className="col-lg-3 col-md-6"> <div className="col-lg-3 col-md-6">
@@ -52,13 +52,13 @@ function ServicesHomeOne({ className }) {
className="appie-single-service text-center mt-30 item-3 wow animated fadeInUp" className="appie-single-service text-center mt-30 item-3 wow animated fadeInUp"
data-wow-duration="2000ms" data-wow-duration="2000ms"
data-wow-delay="600ms" data-wow-delay="600ms"
> >
<div className="icon"> <div className="icon">
<img src={IconThree} alt="" /> <img src={IconThree} alt="" />
<span>3</span> <span>3</span>
</div> </div>
<h4 className="appie-title">Building</h4> <h4 className="appie-title">Perform</h4>
<p>Mucker plastered bugger all mate morish are.</p> <p>You can do more with WrenchBoard.Create and manage your preferred workgroup.Organize and manage your teams efficiently.Get started </p>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6"> <div className="col-lg-3 col-md-6">
@@ -71,8 +71,8 @@ function ServicesHomeOne({ className }) {
<img src={IconFour} alt="" /> <img src={IconFour} alt="" />
<span>4</span> <span>4</span>
</div> </div>
<h4 className="appie-title">Suporting</h4> <h4 className="appie-title">Payment</h4>
<p>Mucker plastered bugger all mate morish are.</p> <p>You can do more with WrenchBoard.Create and manage your preferred workgroup.Organize and manage your teams efficiently.Get started </p>
</div> </div>
</div> </div>
</div> </div>
src/components/HomeOne/TeamHomeOne.js
+17 -17
View File
@@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import teamOne from '../../assets/images/team-1.jpg'; import teamOne from '../../assets/images/Olu-Amey-001.jpg';
import teamTwo from '../../assets/images/team-2.jpg'; import teamTwo from '../../assets/images/team-2.jpg';
import teamThree from '../../assets/images/team-3.jpg'; import teamThree from '../../assets/images/Toks-Law.jpg';
import teamFour from '../../assets/images/team-4.jpg'; import teamFour from '../../assets/images/team-4.jpg';
function TeamHomeOne() { function TeamHomeOne() {
@@ -12,13 +12,13 @@ function TeamHomeOne() {
<div className="row"> <div className="row">
<div className="col-lg-12"> <div className="col-lg-12">
<div className="appie-section-title text-center"> <div className="appie-section-title text-center">
<h3 className="appie-title">Meet our Team Members</h3> <h3 className="appie-title">Meet Our Team Members</h3>
<p>Different layouts and styles for team sections.</p> <p>Helping you reaching your full potential.</p>
</div> </div>
</div> </div>
</div> </div>
<div className="row"> <div className="row">
<div className="col-lg-3 col-md-6"> <div className="col-lg-4 col-md-6">
<div <div
className="appie-team-item mt-30 wow animated fadeInUp" className="appie-team-item mt-30 wow animated fadeInUp"
data-wow-duration="2000ms" data-wow-duration="2000ms"
@@ -38,19 +38,19 @@ function TeamHomeOne() {
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="https://www.oluameye.com/" target ="_blank">
<i className="fab fa-pinterest-p" /> <i className="fab fa-pinterest-p" />
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div className="content text-center"> <div className="content text-center">
<h5 className="title">Benjamin Evalent</h5> <h5 className="title">Olu Amey</h5>
<span>CEO-Founder</span> <span>Co-Founder & Director</span>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6"> <div className="col-lg-4 col-md-6">
<div <div
className="appie-team-item mt-30 wow animated fadeInUp" className="appie-team-item mt-30 wow animated fadeInUp"
data-wow-duration="2000ms" data-wow-duration="2000ms"
@@ -77,12 +77,12 @@ function TeamHomeOne() {
</ul> </ul>
</div> </div>
<div className="content text-center"> <div className="content text-center">
<h5 className="title">Benjamin Evalent</h5> <h5 className="title">Obax Noma </h5>
<span>CEO-Founder</span> <span>Co-Founder & CEO</span>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6"> <div className="col-lg-4 col-md-6">
<div <div
className="appie-team-item mt-30 wow animated fadeInUp" className="appie-team-item mt-30 wow animated fadeInUp"
data-wow-duration="2000ms" data-wow-duration="2000ms"
@@ -102,19 +102,19 @@ function TeamHomeOne() {
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="https://www.tokslaw.com/" target = "_blank" >
<i className="fab fa-pinterest-p" /> <i className="fab fa-pinterest-p" />
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div className="content text-center"> <div className="content text-center">
<h5 className="title">Benjamin Evalent</h5> <h5 className="title">Toks Law</h5>
<span>CEO-Founder</span> <span>Mobile App Design & Development</span>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6"> {/* <div className="col-lg-3 col-md-6">
<div <div
className="appie-team-item mt-30 wow animated fadeInUp" className="appie-team-item mt-30 wow animated fadeInUp"
data-wow-duration="2000ms" data-wow-duration="2000ms"
@@ -145,7 +145,7 @@ function TeamHomeOne() {
<span>CEO-Founder</span> <span>CEO-Founder</span>
</div> </div>
</div> </div>
</div> </div> */}
<div className="col-lg-12"> <div className="col-lg-12">
<div className="team-btn text-center mt-50"> <div className="team-btn text-center mt-50">
<a className="main-btn" href="#"> <a className="main-btn" href="#">
src/components/HomeOne/TestimonialHomeOne.js
+3 -5
View File
@@ -31,14 +31,12 @@ function TestimonialHomeOne() {
<div className="appie-testimonial-item text-center"> <div className="appie-testimonial-item text-center">
<div className="author-info"> <div className="author-info">
<img src={user} alt="" /> <img src={user} alt="" />
<h5 className="title">Jason Response</h5> <h5 className="title">Lanta Greece</h5>
<span>April 14, 2022</span> <span>July, 2021</span>
</div> </div>
<div className="text"> <div className="text">
<p> <p>
Why I say old chap that is spiffing lurgy Oxford Loving what you do to earn an income is the new word of mouth. I would absolutely recommend WrenchBoard.It 's so easy to use and you get paid instantly.
cracking goal bleeder, bog-standard Harry brilliant mush
a blinding shot starkers.
</p> </p>
<ul> <ul>
<li> <li>
src/components/HomeOne/TrafficHomeOne.js
+14 -15
View File
@@ -1,18 +1,17 @@
import React from 'react'; import React from 'react';
import thumb from '../../assets/images/traffic-thumb.png'; import thumb from '../../assets/images/traffic-thumb.png';
function TrafficHomeOne() { function TrafficHomeTwo() {
return ( return (
<section className="appie-traffic-area pt-140 pb-180"> <section className="appie-traffic-area pt-140 pb-180">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-7"> <div className="col-lg-7">
<div className="appie-traffic-title"> <div className="appie-traffic-title">
<span>Traffic</span> <span>Post</span>
<h3 className="title">Stage reporting with 50k queries.</h3> <h3 className="title">Posting Jobs.</h3>
<p> <p>
He nicked it tickety boo harry the cras bargy chap mush spiffing WrenchBoard platform connects you with quality service to deliver your project with ease.
spend a penny the full monty burke butty.
</p> </p>
</div> </div>
<div className="row"> <div className="row">
@@ -21,8 +20,8 @@ function TrafficHomeOne() {
<div className="icon"> <div className="icon">
<i className="fal fa-check" /> <i className="fal fa-check" />
</div> </div>
<h5 className="title">Carefully designed</h5> <h5 className="title">Create your projects</h5>
<p>Mucker plastered bugger all mate morish are.</p> <p>from complex to most basic task as targetted offering or market place posting</p>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-6"> <div className="col-lg-6 col-md-6">
@@ -30,8 +29,8 @@ function TrafficHomeOne() {
<div className="icon"> <div className="icon">
<i className="fal fa-check" /> <i className="fal fa-check" />
</div> </div>
<h5 className="title">Choose a App</h5> <h5 className="title">Hire experts</h5>
<p>Mucker plastered bugger all mate morish are.</p> <p>from reviewed profiles, accept interest in your project from qualified members.</p>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-6"> <div className="col-lg-6 col-md-6">
@@ -39,8 +38,8 @@ function TrafficHomeOne() {
<div className="icon"> <div className="icon">
<i className="fal fa-check" /> <i className="fal fa-check" />
</div> </div>
<h5 className="title">Seamless Sync</h5> <h5 className="title">Monitor Progress</h5>
<p>Mucker plastered bugger all mate morish are.</p> <p>Monitor work progress and track performance with real time tools from your account</p>
</div> </div>
</div> </div>
<div className="col-lg-6 col-md-6"> <div className="col-lg-6 col-md-6">
@@ -48,14 +47,14 @@ function TrafficHomeOne() {
<div className="icon"> <div className="icon">
<i className="fal fa-check" /> <i className="fal fa-check" />
</div> </div>
<h5 className="title">User Interactive</h5> <h5 className="title">Get Pay </h5>
<p>Mucker plastered bugger all mate morish are.</p> <p>Pay: Make payment easily and securely by milestones or project completion.</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="#"> <a className="main-btn" href="#">
Learn More <i className="fal fa-arrow-right" /> Learn more about what you can do with WrenchBoard <i className="fal fa-arrow-right" />
</a> </a>
</div> </div>
</div> </div>
@@ -76,4 +75,4 @@ function TrafficHomeOne() {
); );
} }
export default TrafficHomeOne; export default TrafficHomeTwo;
src/components/HomeOne/TrafficHomeTwo.js
+78
View File
@@ -0,0 +1,78 @@
import React from 'react';
import thumb from '../../assets/images/PerformingTask.jpg';
function TrafficHomeOne() {
return (
<section className="appie-traffic-area pt-140 pb-180">
<div className="container">
<div className="row">
<div className="col-lg-7">
<div className="appie-traffic-title">
<span>Task</span>
<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.
</p>
</div>
<div className="row">
<div className="col-lg-6 col-md-6">
<div className="appie-traffic-service mb-30">
<div className="icon">
<i className="fal fa-check" />
</div>
<h5 className="title">Create free account</h5>
<p> To publish your skills to be hired. Your ratings will grow with performance.</p>
</div>
</div>
<div className="col-lg-6 col-md-6">
<div className="appie-traffic-service item-2 mb-30">
<div className="icon">
<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>
</div>
</div>
<div className="col-lg-6 col-md-6">
<div className="appie-traffic-service item-3">
<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>
</div>
</div>
<div className="col-lg-6 col-md-6">
<div className="appie-traffic-service item-4">
<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>
</div>
</div>
<div className="col-lg-12">
<div className="traffic-btn mt-50">
<a className="main-btn" href="#">
Login <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="traffic-thumb ">
<img
className="wow animated fadeInRight"
data-wow-duration="2000ms"
data-wow-delay="200ms"
src={thumb}
alt=""
/>
</div>
</section>
);
}
export default TrafficHomeOne;
src/components/HomeOne/index.js
+7 -5
View File
@@ -8,12 +8,13 @@ import FeaturesHomeOne from './FeaturesHomeOne';
import FooterHomeOne from './FooterHomeOne'; import FooterHomeOne from './FooterHomeOne';
import HeroHomeOne from './HeroHomeOne'; import HeroHomeOne from './HeroHomeOne';
import HomeOneHeader from './HomeOneHeader'; import HomeOneHeader from './HomeOneHeader';
import PricingHomeOne from './PricingHomeOne'; //import PricingHomeOne from './PricingHomeOne';
import ProjectHomeOne from './ProjectHomeOne'; import ProjectHomeOne from './ProjectHomeOne';
import ServicesHomeOne from './ServicesHomeOne'; import ServicesHomeOne from './ServicesHomeOne';
import TeamHomeOne from './TeamHomeOne'; import TeamHomeOne from './TeamHomeOne';
import TestimonialHomeOne from './TestimonialHomeOne'; import TestimonialHomeOne from './TestimonialHomeOne';
import TrafficHomeOne from './TrafficHomeOne'; //import TrafficHomeOne from './TrafficHomeOne';
import TrafficHomeTwo from './TrafficHomeTwo';
function HomeOne() { function HomeOne() {
const [drawer, drawerAction] = useToggle(false); const [drawer, drawerAction] = useToggle(false);
@@ -25,11 +26,12 @@ function HomeOne() {
<HeroHomeOne /> <HeroHomeOne />
<ServicesHomeOne /> <ServicesHomeOne />
<FeaturesHomeOne /> <FeaturesHomeOne />
<TrafficHomeOne /> <FaqHomeOne />
{/*<TrafficHomeOne />*/}
<TrafficHomeTwo />
<TestimonialHomeOne /> <TestimonialHomeOne />
<TeamHomeOne /> <TeamHomeOne />
<PricingHomeOne /> {/*<PricingHomeOne />*/}
<FaqHomeOne />
<BlogHomeOne /> <BlogHomeOne />
<ProjectHomeOne /> <ProjectHomeOne />
<FooterHomeOne /> <FooterHomeOne />