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="blog-meta">
<ul>
<li>March 10, 2022</li>
<li>December 10, 2021</li>
<li>
<a href="#">Saas & App</a>
<a href="#">Online Jobs</a>
</li>
</ul>
</div>
<h3 className="title">
<a href="/news/single-news">
Introducing New Apps Design for our iOS App
Online Jobs for University Students
</a>
</h3>
<a href="#">
@@ -57,15 +57,15 @@ function BlogHomeOne() {
<div className="content">
<div className="blog-meta">
<ul>
<li>March 10, 2022</li>
<li>December 17, 2021</li>
<li>
<a href="#">Saas & App</a>
<a href="#">Time and price management </a>
</li>
</ul>
</div>
<h3 className="title">
<a href="/news/single-news">
How to bring Dolce to your company
Time and price management when working an online job
</a>
</h3>
<a href="#">
@@ -86,15 +86,15 @@ function BlogHomeOne() {
<div className="content">
<div className="blog-meta">
<ul>
<li>March 10, 2022</li>
<li>December 21, 2021</li>
<li>
<a href="#">Saas & App</a>
<a href="#"> online career strategy</a>
</li>
</ul>
</div>
<h3 className="title">
<a href="/news/single-news">
17 Effective Ways to Monetize Mobile Apps
How to implement an effective online career strategy
</a>
</h3>
<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 }) {
const [showQues, setQues] = useState(1);
const openQuestion = (value) => {
setQues(value);
};
function TrafficHomeOne({ className }) {
return (
<>
<section className={`appie-faq-area pb-95 ${className || ''}`}>
<div className="container">
<div className="row">
<div className="col-lg-12">
<div className="appie-section-title text-center">
<h3 className="appie-title">Frequently asked questions</h3>
<p>Different layouts and styles for team sections.</p>
</div>
<section section className={`appie-faq-area pt-90 pb-95 ${className}`}>
<div className="container">
<div className="row">
<div className="col-lg-7">
<div className="appie-traffic-title">
<span>Post</span>
<h3 className="title">Posting Jobs.</h3>
<p>
WrenchBoard platform connects you with quality service to deliver your project with ease.
</p>
</div>
</div>
<div className="row">
<div className="col-lg-6">
<div
className="faq-accordion wow fadeInRight mt-30"
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 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 your projects</h5>
<p>from complex to most basic task as targeted offering or market place posting</p>
</div>
</div>
</div>
<div className="col-lg-6">
<div
className="faq-accordion wow fadeInRight mt-30"
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 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">Hire experts</h5>
<p>from reviewed profiles, accept interest in your project from qualified members.</p>
</div>
</div>
</div>
<div className="col-lg-12">
<div className="faq-text text-center pt-40">
<p>
Can't find an answer?{' '}
<a href="mailto:demo@gmail.com">Email us</a>
</p>
<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">Monitor Progress</h5>
<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>
</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 { 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 shapeSeven from '../../assets/images/shape/shape-7.png';
import shapeEight from '../../assets/images/shape/shape-8.png';
@@ -12,7 +12,7 @@ function FeaturesHomeOne({ className }) {
setTab(value);
};
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="row align-items-center">
<div className="col-lg-3">
@@ -33,7 +33,7 @@ function FeaturesHomeOne({ className }) {
aria-controls="v-pills-home"
aria-selected="true"
>
<i className="fas fa-cog" /> Settings
<i className="fas fa-cog" /> Create free Account
</a>
<a
onClick={(e) => handleClick(e, 'report')}
@@ -45,7 +45,7 @@ function FeaturesHomeOne({ className }) {
aria-controls="v-pills-profile"
aria-selected="false"
>
<i className="fas fa-exclamation-triangle" /> Report
<i className="fas fa-exclamation-triangle" /> WrenchBoard Marketplace
</a>
<a
onClick={(e) => handleClick(e, 'notice')}
@@ -57,7 +57,7 @@ function FeaturesHomeOne({ className }) {
aria-controls="v-pills-messages"
aria-selected="false"
>
<i className="fas fa-bell" /> Saeety Notices
<i className="fas fa-bell" /> Complete Task
</a>
<a
onClick={(e) => handleClick(e, 'app')}
@@ -69,7 +69,7 @@ function FeaturesHomeOne({ className }) {
aria-controls="v-pills-settings"
aria-selected="false"
>
<i className="fas fa-lock" /> App Lock
<i className="fas fa-lock" /> Get Paid
</a>
</div>
</div>
@@ -100,13 +100,12 @@ function FeaturesHomeOne({ className }) {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<span>Custom Reacyions</span>
<span>Turn Up your Talent </span>
<h3 className="title">
Let the <br /> Conversation flow
How It Works
</h3>
<p>
Car boot absolutely bladdered posh burke the
wireless mush some dodg.
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>
<Link className="main-btn" to="/about-us">
Learn More
@@ -137,13 +136,12 @@ function FeaturesHomeOne({ className }) {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<span>Custom Reacyions</span>
<span>Turn Up your Talent </span>
<h3 className="title">
Let the <br /> Conversation flow
How It Works
</h3>
<p>
Car boot absolutely bladdered posh burke the
wireless mush some dodg.
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>
<a className="main-btn" href="#">
Learn More
@@ -174,13 +172,12 @@ function FeaturesHomeOne({ className }) {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<span>Custom Reacyions</span>
<span>Turn Up your Talent </span>
<h3 className="title">
Let the <br /> Conversation flow
How It Works
</h3>
<p>
Car boot absolutely bladdered posh burke the
wireless mush some dodg.
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>
<a className="main-btn" href="#">
Learn More
@@ -211,13 +208,12 @@ function FeaturesHomeOne({ className }) {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<span>Custom Reacyions</span>
<span>Turn Up your Talent </span>
<h3 className="title">
Let the <br /> Conversation flow
How It Works
</h3>
<p>
Car boot absolutely bladdered posh burke the
wireless mush some dodg.
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>
<a className="main-btn" href="#">
Learn More
src/components/HomeOne/HeroHomeOne.js
+3 -4
View File
@@ -1,5 +1,5 @@
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 shapeTwo from '../../assets/images/shape/shape-2.png';
import shapeThree from '../../assets/images/shape/shape-3.png';
@@ -15,11 +15,10 @@ function HeroHomeOne() {
<div className="appie-hero-content">
<span>Welcome To WrenchBoard</span>
<h1 className="appie-title">
Manage it all, in this all new system.
Actualize your Creativity to Earning Power.
</h1>
<p>
Hanky panky lavatory up the duff jolly good cack brolly is
chinwag zonked happy days sloshed.
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.
</p>
<ul>
<li>
src/components/HomeOne/ProjectHomeOne.js
+2 -2
View File
@@ -16,9 +16,9 @@ function ProjectHomeOne() {
<div className="col-lg-6">
<div className="appie-project-content">
<h3 className="title">
Start your project with appie.
Start your project with WrenchBoard.
</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="#">
<div className="input-box mt-30">
<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="appie-section-title text-center">
<h3 className="appie-title">
Designed with <br /> The applicant in mind.
Reward possibility <br/> from self-commitment.
</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>
@@ -29,8 +29,8 @@ function ServicesHomeOne({ className }) {
<img src={IconOne} alt="" />
<span>1</span>
</div>
<h4 className="appie-title">Searching</h4>
<p>Mucker plastered bugger all mate morish are.</p>
<h4 className="appie-title">Create 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>
<div className="col-lg-3 col-md-6">
@@ -43,8 +43,8 @@ function ServicesHomeOne({ className }) {
<img src={IconTwo} alt="" />
<span>2</span>
</div>
<h4 className="appie-title">Designing</h4>
<p>Mucker plastered bugger all mate morish are.</p>
<h4 className="appie-title">Skills Scout</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>
<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"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
>
<div className="icon">
<img src={IconThree} alt="" />
<span>3</span>
</div>
<h4 className="appie-title">Building</h4>
<p>Mucker plastered bugger all mate morish are.</p>
<h4 className="appie-title">Perform</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>
<div className="col-lg-3 col-md-6">
@@ -71,8 +71,8 @@ function ServicesHomeOne({ className }) {
<img src={IconFour} alt="" />
<span>4</span>
</div>
<h4 className="appie-title">Suporting</h4>
<p>Mucker plastered bugger all mate morish are.</p>
<h4 className="appie-title">Payment</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>
</div>
src/components/HomeOne/TeamHomeOne.js
+17 -17
View File
@@ -1,7 +1,7 @@
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 teamThree from '../../assets/images/team-3.jpg';
import teamThree from '../../assets/images/Toks-Law.jpg';
import teamFour from '../../assets/images/team-4.jpg';
function TeamHomeOne() {
@@ -12,13 +12,13 @@ function TeamHomeOne() {
<div className="row">
<div className="col-lg-12">
<div className="appie-section-title text-center">
<h3 className="appie-title">Meet our Team Members</h3>
<p>Different layouts and styles for team sections.</p>
<h3 className="appie-title">Meet Our Team Members</h3>
<p>Helping you reaching your full potential.</p>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-3 col-md-6">
<div className="col-lg-4 col-md-6">
<div
className="appie-team-item mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
@@ -38,19 +38,19 @@ function TeamHomeOne() {
</a>
</li>
<li>
<a href="#">
<a href="https://www.oluameye.com/" target ="_blank">
<i className="fab fa-pinterest-p" />
</a>
</li>
</ul>
</div>
<div className="content text-center">
<h5 className="title">Benjamin Evalent</h5>
<span>CEO-Founder</span>
<h5 className="title">Olu Amey</h5>
<span>Co-Founder & Director</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div className="col-lg-4 col-md-6">
<div
className="appie-team-item mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
@@ -77,12 +77,12 @@ function TeamHomeOne() {
</ul>
</div>
<div className="content text-center">
<h5 className="title">Benjamin Evalent</h5>
<span>CEO-Founder</span>
<h5 className="title">Obax Noma </h5>
<span>Co-Founder & CEO</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6">
<div className="col-lg-4 col-md-6">
<div
className="appie-team-item mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
@@ -102,19 +102,19 @@ function TeamHomeOne() {
</a>
</li>
<li>
<a href="#">
<a href="https://www.tokslaw.com/" target = "_blank" >
<i className="fab fa-pinterest-p" />
</a>
</li>
</ul>
</div>
<div className="content text-center">
<h5 className="title">Benjamin Evalent</h5>
<span>CEO-Founder</span>
<h5 className="title">Toks Law</h5>
<span>Mobile App Design & Development</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6">
{/* <div className="col-lg-3 col-md-6">
<div
className="appie-team-item mt-30 wow animated fadeInUp"
data-wow-duration="2000ms"
@@ -145,7 +145,7 @@ function TeamHomeOne() {
<span>CEO-Founder</span>
</div>
</div>
</div>
</div> */}
<div className="col-lg-12">
<div className="team-btn text-center mt-50">
<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="author-info">
<img src={user} alt="" />
<h5 className="title">Jason Response</h5>
<span>April 14, 2022</span>
<h5 className="title">Lanta Greece</h5>
<span>July, 2021</span>
</div>
<div className="text">
<p>
Why I say old chap that is spiffing lurgy Oxford
cracking goal bleeder, bog-standard Harry brilliant mush
a blinding shot starkers.
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.
</p>
<ul>
<li>
src/components/HomeOne/TrafficHomeOne.js
+14 -15
View File
@@ -1,18 +1,17 @@
import React from 'react';
import thumb from '../../assets/images/traffic-thumb.png';
function TrafficHomeOne() {
function TrafficHomeTwo() {
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>Traffic</span>
<h3 className="title">Stage reporting with 50k queries.</h3>
<span>Post</span>
<h3 className="title">Posting Jobs.</h3>
<p>
He nicked it tickety boo harry the cras bargy chap mush spiffing
spend a penny the full monty burke butty.
WrenchBoard platform connects you with quality service to deliver your project with ease.
</p>
</div>
<div className="row">
@@ -21,8 +20,8 @@ function TrafficHomeOne() {
<div className="icon">
<i className="fal fa-check" />
</div>
<h5 className="title">Carefully designed</h5>
<p>Mucker plastered bugger all mate morish are.</p>
<h5 className="title">Create your projects</h5>
<p>from complex to most basic task as targetted offering or market place posting</p>
</div>
</div>
<div className="col-lg-6 col-md-6">
@@ -30,8 +29,8 @@ function TrafficHomeOne() {
<div className="icon">
<i className="fal fa-check" />
</div>
<h5 className="title">Choose a App</h5>
<p>Mucker plastered bugger all mate morish are.</p>
<h5 className="title">Hire experts</h5>
<p>from reviewed profiles, accept interest in your project from qualified members.</p>
</div>
</div>
<div className="col-lg-6 col-md-6">
@@ -39,8 +38,8 @@ function TrafficHomeOne() {
<div className="icon">
<i className="fal fa-check" />
</div>
<h5 className="title">Seamless Sync</h5>
<p>Mucker plastered bugger all mate morish are.</p>
<h5 className="title">Monitor Progress</h5>
<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">
@@ -48,14 +47,14 @@ function TrafficHomeOne() {
<div className="icon">
<i className="fal fa-check" />
</div>
<h5 className="title">User Interactive</h5>
<p>Mucker plastered bugger all mate morish are.</p>
<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 <i className="fal fa-arrow-right" />
Learn more about what you can do with WrenchBoard <i className="fal fa-arrow-right" />
</a>
</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 HeroHomeOne from './HeroHomeOne';
import HomeOneHeader from './HomeOneHeader';
import PricingHomeOne from './PricingHomeOne';
//import PricingHomeOne from './PricingHomeOne';
import ProjectHomeOne from './ProjectHomeOne';
import ServicesHomeOne from './ServicesHomeOne';
import TeamHomeOne from './TeamHomeOne';
import TestimonialHomeOne from './TestimonialHomeOne';
import TrafficHomeOne from './TrafficHomeOne';
//import TrafficHomeOne from './TrafficHomeOne';
import TrafficHomeTwo from './TrafficHomeTwo';
function HomeOne() {
const [drawer, drawerAction] = useToggle(false);
@@ -25,11 +26,12 @@ function HomeOne() {
<HeroHomeOne />
<ServicesHomeOne />
<FeaturesHomeOne />
<TrafficHomeOne />
<FaqHomeOne />
{/*<TrafficHomeOne />*/}
<TrafficHomeTwo />
<TestimonialHomeOne />
<TeamHomeOne />
<PricingHomeOne />
<FaqHomeOne />
{/*<PricingHomeOne />*/}
<BlogHomeOne />
<ProjectHomeOne />
<FooterHomeOne />