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