Added Icons

This commit is contained in:
Chukwumdiebube
2023-04-04 23:18:40 +01:00
parent d3500e1640
commit 360f60c1f2
3 changed files with 10 additions and 7 deletions
+10 -7
View File
@@ -1,4 +1,7 @@
import React, {Component} from 'react';
import SaveMoney from '../pages/assests/images/save-money.png'
import GetReward from '../pages/assests/images/get-rewarded.png'
class FloatHome extends React.Component {
render() {
@@ -100,7 +103,7 @@ class FloatHome extends React.Component {
<div id="fb-1-1" className="col-md-4">
<div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* Icon */}
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-mobile-phone" /></div>
<div className="fbox-1-ico ico-80 stateblue-color"><img src={SaveMoney} /></div>
{/* Title */}
<h5 className="h5-sm">{message.access.heading}</h5>
{/* Text */}
@@ -111,7 +114,7 @@ class FloatHome extends React.Component {
<div id="fb-1-2" className="col-md-4">
<div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* Icon */}
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-chat-4" /></div>
<div className="fbox-1-ico ico-80 stateblue-color"><img src={SaveMoney} /></div>
{/* Title */}
<h5 className="h5-sm">{message.notification.heading}</h5>
{/* Text */}
@@ -122,7 +125,7 @@ class FloatHome extends React.Component {
<div id="fb-1-3" className="col-md-4">
<div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* Icon */}
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-spam" /></div>
<div className="fbox-1-ico ico-80 stateblue-color"><img src={GetReward} /></div>
{/* Title */}
<h5 className="h5-sm">{message.spam.heading}</h5>
{/* Text */}
@@ -1240,7 +1243,7 @@ export default FloatHome
//HERO SECTION
let heroSection = {
header: `ravel Smarter. Save Money.`,
header: `Travel Smarter. Save Money.`,
description: `Travel smarter and safer, with Float's rideshare comparison, ride hailing and budgeting app. Available on IOS and Android.`,
heroLink: 'Watch the Overview',
button: `Intelligent Mobility Choices!`,
@@ -1250,13 +1253,13 @@ export default FloatHome
//SECTION TWO
let message = {
access: {
heading: `Quick Access`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
heading: `Smart Options`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
ociis ligula blandit`
},
notification: {heading: `Smart Notifications`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
notification: {heading: `Save Money`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
ociis ligula blandit`
},
spam: {heading: `Spam Protection`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
spam: {heading: `Get Rewarded`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
ociis ligula blandit`
}
};
Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB