Home and users Icons added
This commit is contained in:
+20
-10
@@ -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 */}
|
||||
|
||||
Reference in New Issue
Block a user