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
+23 -16
View File
@@ -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 */}