Home and users Icons added

This commit is contained in:
2023-04-08 02:35:08 -04:00
parent be42244ce7
commit 5bc8ef4667
106 changed files with 43 additions and 26 deletions
+20 -10
View File
@@ -1,4 +1,14 @@
import React, {Component} from 'react';
import Multiple from '../pages/assests/images/multiple-accounts.ico'
import Connect from '../pages/assests/images/biometric-technology.ico'
import Analytics from '../pages/assests/images/analytics (5).ico'
import Schedule from '../pages/assests/images/schedule-management.ico'
import Monitoring from '../pages/assests/images/monitoring.ico'
import Assistant from '../pages/assests/images/assistant.ico'
import Verify from '../pages/assests/images/online-verification.ico'
import Perks from '../pages/assests/images/perks.ico'
import Charging from '../pages/assests/images/charging-station.ico'
import Fleet from '../pages/assests/images/fleet-signal.ico'
class Users extends React.Component {
render() {
@@ -69,7 +79,7 @@ class Users extends React.Component {
<div id="fb-5-1" className="col-md-6">
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* Icon */}
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-user-1" /></div>
<div className="fbox-ico ico-70 grey-color"><img src={Multiple} /></div>
{/* Text */}
<div className="fbox-txt">
{/* Title */}
@@ -83,7 +93,7 @@ class Users extends React.Component {
<div id="fb-5-2" className="col-md-6">
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* Icon */}
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-smartphone-1" /></div>
<div className="fbox-ico ico-70 grey-color"><img src={Analytics} /></div>
{/* Text */}
<div className="fbox-txt">
{/* Title */}
@@ -97,7 +107,7 @@ class Users extends React.Component {
<div id="fb-5-3" className="col-md-6">
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* Icon */}
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-image" /></div>
<div className="fbox-ico ico-70 grey-color"><img src={Connect} /></div>
{/* Text */}
<div className="fbox-txt">
{/* Title */}
@@ -111,7 +121,7 @@ class Users extends React.Component {
<div id="fb-5-4" className="col-md-6">
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1s">
{/* Icon */}
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-chat-4" /></div>
<div className="fbox-ico ico-70 grey-color"><img src={Monitoring} /></div>
{/* Text */}
<div className="fbox-txt">
{/* Title */}
@@ -125,7 +135,7 @@ class Users extends React.Component {
<div id="fb-5-5" className="col-md-6">
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1.2s">
{/* Icon */}
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-fingerprint" /></div>
<div className="fbox-ico ico-70 grey-color"><img src={Verify} /></div>
{/* Text */}
<div className="fbox-txt">
{/* Title */}
@@ -139,7 +149,7 @@ class Users extends React.Component {
<div id="fb-5-6" className="col-md-6">
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1.4s">
{/* Icon */}
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-spam" /></div>
<div className="fbox-ico ico-70 grey-color"><img src={Perks} /></div>
{/* Text */}
<div className="fbox-txt">
{/* Title */}
@@ -276,7 +286,7 @@ class Users extends React.Component {
{/* ICON */}
<div className="col-lg-4 m-top">
<div className="fbox-4-ico ico-100 grey-color text-center">
<span className="flaticon-paint-brush" />
<img src={Charging} />
</div>
</div>
</div> {/* End row */}
@@ -298,7 +308,7 @@ class Users extends React.Component {
{/* ICON */}
<div className="col-lg-4 m-top">
<div className="fbox-4-ico ico-100 grey-color text-center">
<span className="flaticon-smartphone-8" />
<img src={Fleet} />
</div>
</div>
</div> {/* End row */}
@@ -320,7 +330,7 @@ class Users extends React.Component {
{/* ICON */}
<div className="col-lg-4 m-top">
<div className="fbox-4-ico ico-100 grey-color text-center">
<span className="flaticon-voice-message-1" />
<img src={Assistant} />
</div>
</div>
</div> {/* End row */}
@@ -342,7 +352,7 @@ class Users extends React.Component {
{/* ICON */}
<div className="col-lg-4 m-top">
<div className="fbox-4-ico ico-100 grey-color text-center">
<span className="flaticon-tasks" />
<img src={Schedule} />
</div>
</div>
</div> {/* End row */}