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

about icons and faq API added

Browse Source
This commit was merged in pull request #7.
This commit is contained in:
victorAnumudu
2023-06-27 04:55:42 +01:00
parent e00f07c1d5
commit 5d45cee0cf
13 changed files with 73 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AboutUs/ServicesAbout.js
+24 -51
View File
@@ -31,13 +31,11 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<div className="icon d-flex justify-content-center align-items-center">
{/* <div className='container'>
<i className="fal fa-tv"></i>
</div>
<div className='container'>
<img src={Design} />
</div>
</div> */}
<img src={Design} />
</div>
<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>
@@ -49,16 +47,11 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="400ms"
>
{/* <div className="icon">
<i className="fal fa-code"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<div className="icon d-flex justify-content-center align-items-center">
{/* <div className='container'>
<i className="fal fa-code"></i>
</div>
<div className='container'>
<img src={Approach} />
</div>
</div> */}
<img src={Approach} />
</div>
<h4 className="title">Modern Approach</h4>
<p>Our target is to present a cutting-edge solution that serves the users at all times.</p>
@@ -70,16 +63,11 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
{/* <div className="icon">
<i className="fal fa-user-friends"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<div className="icon d-flex justify-content-center align-items-center">
{/* <div className='container'>
<i className="fal fa-user-friends"></i>
</div>
<div className='container'>
<img src={Interactive} />
</div>
</div> */}
<img src={Interactive} />
</div>
<h4 className="title">User Interactive</h4>
<p>Email, notifications, and alerts to get you engaged in the process.</p>
@@ -91,16 +79,11 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
{/* <div className="icon">
<i className="fal fa-mobile"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<div className="icon d-flex justify-content-center align-items-center">
{/* <div className='container'>
<i className="fal fa-mobile"></i>
</div>
<div className='container'>
<img src={Mobility} />
</div>
</div> */}
<img src={Mobility} />
</div>
<h4 className="title">Mobility Approach</h4>
<p>Web and native app solution for your continuously moving life.</p>
@@ -112,16 +95,11 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="400ms"
>
{/* <div className="icon">
<i className="fal fa-retweet"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<div className="icon d-flex justify-content-center align-items-center">
{/* <div className='container'>
<i className="fal fa-retweet"></i>
</div>
<div className='container'>
<img src={Seamless} />
</div>
</div> */}
<img src={Seamless} />
</div>
<h4 className="title">Seamless Sync</h4>
<p> Changes across platforms is simplified and streamlined.</p>
@@ -133,16 +111,11 @@ function ServicesAbout() {
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
{/* <div className="icon">
<i className="fal fa-bell"></i>
</div> */}
<div className="icon d-flex justify-content-between align-items-end">
<div className='container'>
<div className="icon d-flex justify-content-center align-items-center">
{/* <div className='container'>
<i className="fal fa-bell"></i>
</div>
<div className='container'>
<img src={Privacy} />
</div>
</div> */}
<img src={Privacy} />
</div>
<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>