Flt-mgr icons added

src/pages/Fleet.js

@@ -1,13 +1,16 @@
 import React, {Component} from 'react';
 import Motivated from '../pages/assests/images/motivated.ico'
 import Instruction from '../pages/assests/images/instructions.ico'
-// import UserFriendly from '../pages/assests/images/user-friendly.ico'
+import UserFriendly from '../pages/assests/images/user-friendly.ico'
 import Guide from '../pages/assests/images/guide-book.ico'
-// import Tracking from '../pages/assests/images/tracking3.ico'
+import Tracking from '../pages/assests/images/tracking3.ico'
-// import Support from '../pages/assests/images/support.ico'
+import Support from '../pages/assests/images/support.ico'
-import QuickAccess from '../pages/assests/images/charging-station.ico'
+import QuickAccess from '../pages/assests/images/access.ico'
 import Metrics from '../pages/assests/images/metrics.ico'
-// import Follow from '../pages/assests/images/self-driving.ico'
+import SmartLoc from '../pages/assests/images/ev-driving-range.ico'
+import Follow from '../pages/assests/images/self-driving-vehicle.ico'
+import Func from '../pages/assests/images/server-room.ico'
+import TrackAnalyze from '../pages/assests/images/road-infographic.ico'
 
 class Fleet extends React.Component {
     render() {
@@ -169,7 +172,7 @@ class Fleet extends React.Component {
                       {/* CONTENT BOX #1 */}
                       <div className="cbox mb-30">
                         {/* Icon */}
-                        <div className="cbox-ico ico-65 skyblue-color"><span className="flaticon-video-player-2" /></div> 
+                        <div className="cbox-ico ico-65 skyblue-color"><img src={Instruction} /></div> 
                         {/* Text */}
                         <div className="cbox-txt">
                           <h5 className="h5-sm">{specialFeaturesSection.firstFeature.title}</h5>
@@ -179,7 +182,7 @@ class Fleet extends React.Component {
                       {/* CONTENT BOX #2 */}
                       <div className="cbox mb-30">
                         {/* Icon */}
-                        <div className="cbox-ico ico-65 skyblue-color"><span className="flaticon-percentage" /></div> 
+                        <div className="cbox-ico ico-65 skyblue-color"><img src={SmartLoc} /></div> 
                         {/* Text */}
                         <div className="cbox-txt">
                           <h5 className="h5-sm">{specialFeaturesSection.secondFeature.title}</h5>
@@ -189,7 +192,7 @@ class Fleet extends React.Component {
                       {/* CONTENT BOX #3 */}
                       <div className="cbox">
                         {/* Icon */}
-                        <div className="cbox-ico ico-65 skyblue-color"><span className="flaticon-smartphone-9" /></div> 
+                        <div className="cbox-ico ico-65 skyblue-color"><img src={Tracking} /></div> 
                         {/* Text */}
                         <div className="cbox-txt">
                           <h5 className="h5-sm">{specialFeaturesSection.thirdFeature.title}</h5>
@@ -230,7 +233,7 @@ class Fleet 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 skyblue-color"><span className="flaticon-ads" /></div>
+                      <div className="fbox-ico ico-70 skyblue-color"><img src={UserFriendly} /></div>
                       {/* Text */}
                       <div className="fbox-txt">
                         {/* Title */}
@@ -244,7 +247,7 @@ class Fleet 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 skyblue-color"><span className="flaticon-switch" /></div>
+                      <div className="fbox-ico ico-70 skyblue-color"><img src={Func} /></div>
                       {/* Text */}
                       <div className="fbox-txt">
                         {/* Title */}
@@ -258,7 +261,7 @@ class Fleet 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 skyblue-color"><span className="flaticon-call" /></div>
+                      <div className="fbox-ico ico-70 skyblue-color"><img src={QuickAccess} /></div>
                       {/* Text */}
                       <div className="fbox-txt">
                         {/* Title */}
@@ -272,7 +275,7 @@ class Fleet 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 skyblue-color"><span className="flaticon-analytics-3" /></div>
+                      <div className="fbox-ico ico-70 skyblue-color"><img src={TrackAnalyze} /></div>
                       {/* Text */}
                       <div className="fbox-txt">
                         {/* Title */}
@@ -286,7 +289,7 @@ class Fleet 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 skyblue-color"><span className="flaticon-weight" /></div>
+                      <div className="fbox-ico ico-70 skyblue-color"><img src={Follow} /></div>
                       {/* Text */}
                       <div className="fbox-txt">
                         {/* Title */}
@@ -300,7 +303,7 @@ class Fleet 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 skyblue-color"><span className="flaticon-conversation" /></div>
+                      <div className="fbox-ico ico-70 skyblue-color"><img src={Support} /></div>
                       {/* Text */}
                       <div className="fbox-txt">
                         {/* Title */}