Home and users Icons added

src/pages/FloatHome.js

@@ -1,7 +1,17 @@
 import React, {Component} from 'react';
-import SaveMoney from '../pages/assests/images/save-money.png' 
-import GetReward from '../pages/assests/images/get-rewarded.png' 
-import Access from '../pages/assests/images/navigation.png' 
+import SaveMoney from '../pages/assests/images/save-money.ico' 
+import GetReward from '../pages/assests/images/earn-reward.ico' 
+import Access from '../pages/assests/images/smart-display.ico' 
+import Multiple from '../pages/assests/images/multiple-accounts.ico'
+import Service from '../pages/assests/images/service-options.ico'
+import Options from '../pages/assests/images/server-access-point.ico'
+import Connectivity from '../pages/assests/images/interactive-display.ico'
+import Connect from '../pages/assests/images/biometric-technology.ico'
+import Functionality from '../pages/assests/images/unlock-functionality.ico'
+import Analytics from '../pages/assests/images/analytics (5).ico'
+import Analysis from '../pages/assests/images/analytics.ico'
+import Monitoring from '../pages/assests/images/monitoring.ico'
+import Assistant from '../pages/assests/images/assistant (2).ico'
 
 
 class FloatHome extends React.Component {
@@ -230,7 +240,7 @@ class FloatHome extends React.Component {
                   <div id="fb-11-1" className="col-lg-4">
                     <div className="fbox-11 mb-40 wow fadeInUp" data-wow-delay="0.4s">
                       {/* Icon */}
-                      <div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-user-1" /></div>
+                      <div className="fbox-11-ico ico-60 bg_slateblue white-color"><img src={Multiple} /><span className="flaticon-user-1" /></div>
                       {/* Title */}
                       <h5 className="h5-md">{tryFloatSec.accounts.title}</h5>
                       {/* Text */}
@@ -241,7 +251,7 @@ class FloatHome extends React.Component {
                   <div id="fb-11-2" className="col-lg-4">
                     <div className="fbox-11 mb-40 wow fadeInUp" data-wow-delay="0.6s">
                       {/* Icon */}
-                      <div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-smiley" /></div>
+                      <div className="fbox-11-ico ico-60 bg_slateblue white-color"><img src={Service} /><span className="flaticon-smiley" /></div>
                       {/* Title */}
                       <h5 className="h5-md">{tryFloatSec.emojis.title}</h5>
                       {/* Text */}
@@ -252,7 +262,7 @@ class FloatHome extends React.Component {
                   <div id="fb-11-3" className="col-lg-4">
                     <div className="fbox-11 mb-40 wow fadeInUp" data-wow-delay="0.8s">
                       {/* Icon */}
-                      <div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-image" /></div>
+                      <div className="fbox-11-ico ico-60 bg_slateblue white-color"><img src={Connectivity} /><span className="flaticon-image" /></div>
                       {/* Title */}
                       <h5 className="h5-md">{tryFloatSec.files.title}</h5>
                       {/* Text */}
@@ -301,7 +311,7 @@ class FloatHome extends React.Component {
                     {/* CONTENT BOX #1 */}
                     <div className="cbox mb-30">
                       {/* Icon */}
-                      <div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-video-player" /></div> 
+                      <div className="cbox-ico ico-65 stateblue-color"><img src={Analytics} /></div> 
                       {/* Text */}
                       <div className="cbox-txt">
                         <h5 className="h5-sm">{customDeals.text.title}</h5>
@@ -311,7 +321,7 @@ class FloatHome extends React.Component {
                     {/* CONTENT BOX #2 */}
                     <div className="cbox mb-30">
                       {/* Icon */}
-                      <div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-smiley" /></div> 
+                      <div className="cbox-ico ico-65 stateblue-color"><img src={Options} /></div> 
                       {/* Text */}
                       <div className="cbox-txt">
                         <h5 className="h5-sm">{customDeals.stickers.title}</h5>
@@ -321,7 +331,7 @@ class FloatHome extends React.Component {
                     {/* CONTENT BOX #3 */}
                     <div className="cbox">
                       {/* Icon */}
-                      <div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-image" /></div> 
+                      <div className="cbox-ico ico-65 stateblue-color"><img src={Connect} /></div> 
                       {/* Text */}
                       <div className="cbox-txt">
                         <h5 className="h5-sm">{customDeals.media.title}</h5>
@@ -377,8 +387,7 @@ class FloatHome extends React.Component {
                         </div>
                         {/* ICON */}
                         <div className="col-lg-4 m-top">
-                          <div className="fbox-4-ico ico-100 grey-color text-center">
-                            <span className="flaticon-paint-brush" />
+                          <div className="fbox-4-ico ico-100 grey-color text-center"><img src={Monitoring} />
                           </div>
                         </div>
                       </div>	{/* End row */}
@@ -399,8 +408,7 @@ class FloatHome extends React.Component {
                         </div>
                         {/* ICON */}
                         <div className="col-lg-4 m-top">
-                          <div className="fbox-4-ico ico-100 stateblue-color text-center">
-                            <span className="flaticon-smartphone-8" />
+                          <div className="fbox-4-ico ico-100 stateblue-color text-center"><img src={Analysis} />
                           </div>
                         </div>
                       </div>	{/* End row */}
@@ -421,8 +429,7 @@ class FloatHome extends React.Component {
                         </div>
                         {/* ICON */}
                         <div className="col-lg-4 m-top">
-                          <div className="fbox-4-ico ico-100 stateblue-color text-center">
-                            <span className="flaticon-mobile-1" />
+                          <div className="fbox-4-ico ico-100 stateblue-color text-center"><img src={Functionality} />
                           </div>
                         </div>
                       </div>	{/* End row */}
@@ -444,7 +451,7 @@ class FloatHome 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 */}

src/pages/Users.js

@@ -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 */}