85 lines
4.0 KiB
JavaScript
85 lines
4.0 KiB
JavaScript
import React from 'react';
|
|
import IconOne from '../../assets/images/icon/1.png';
|
|
import IconTwo from '../../assets/images/icon/2.png';
|
|
import IconThree from '../../assets/images/icon/3.png';
|
|
import IconFour from '../../assets/images/icon/4.png';
|
|
|
|
function ServicesHomeOne({ className }) {
|
|
return (
|
|
<section className={`appie-service-area pt-90 pb-100 ${className}`} id="service">
|
|
<div className="container">
|
|
<div className="row justify-content-center">
|
|
<div className="col-lg-8">
|
|
<div className="appie-section-title text-center">
|
|
<h3 className="appie-title">
|
|
Start getting paid in easy steps.
|
|
</h3>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="row">
|
|
<div className="col-lg-3 col-md-6">
|
|
<div
|
|
className="appie-single-service text-center mt-30 wow animated fadeInUp"
|
|
data-wow-duration="2000ms"
|
|
data-wow-delay="200ms"
|
|
>
|
|
<div className="icon">
|
|
<img src={IconOne} alt="" />
|
|
<span>1</span>
|
|
</div>
|
|
<h4 className="appie-title">Free Account</h4>
|
|
<p>Join WrenchBoard.<span>Create an account for income.</span></p>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-3 col-md-6">
|
|
<div
|
|
className="appie-single-service text-center mt-30 item-2 wow animated fadeInUp"
|
|
data-wow-duration="2000ms"
|
|
data-wow-delay="400ms"
|
|
>
|
|
<div className="icon">
|
|
<img src={IconTwo} alt="" />
|
|
<span>2</span>
|
|
</div>
|
|
<h4 className="appie-title">Find Task </h4>
|
|
<p>Build a Self-Portfolio <span>with sole purpose to Cash-Out.</span></p>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-3 col-md-6">
|
|
<div
|
|
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">Complete</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">
|
|
<div
|
|
className="appie-single-service text-center mt-30 item-4 wow animated fadeInUp"
|
|
data-wow-duration="2000ms"
|
|
data-wow-delay="800ms"
|
|
>
|
|
<div className="icon">
|
|
<img src={IconFour} alt="" />
|
|
<span>4</span>
|
|
</div>
|
|
<h4 className="appie-title">Get Paid</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>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|
|
|
|
export default ServicesHomeOne;
|