Home customization #21

Merged
tokslaw merged 7 commits from home-customization into master 2023-04-05 12:51:45 +00:00
5 changed files with 20 additions and 15 deletions
+2 -2
View File
@@ -738,8 +738,8 @@
#content-14.aliceblue-shape, #content-14.whitesmoke-shape { padding-top: 80px; } #content-14.aliceblue-shape, #content-14.whitesmoke-shape { padding-top: 80px; }
.content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; } /* .content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; } */
.content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; } /* .content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; } */
.content-12-img { margin-right: 0; margin-bottom: -40px; } .content-12-img { margin-right: 0; margin-bottom: -40px; }
.cbox-txt { padding-left: 20px; } .cbox-txt { padding-left: 20px; }
Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

+4 -4
View File
@@ -1313,7 +1313,7 @@ export default FloatHome
title: `Get rewarded with Float points for traveling smarter.`, title: `Get rewarded with Float points for traveling smarter.`,
desc: `Gain access to exclusive deals on local transportation, neighborhood favorites, and international brands by staying on budget, avoiding peak commute times, or carpooling with friends to reduce your carbon emissions (and to stay safe!)`, desc: `Gain access to exclusive deals on local transportation, neighborhood favorites, and international brands by staying on budget, avoiding peak commute times, or carpooling with friends to reduce your carbon emissions (and to stay safe!)`,
text: {title: `Float Messaging and Calls`, text: {title: `Analytics`,
desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
}, },
stickers: {title: `Service Options`, stickers: {title: `Service Options`,
@@ -1331,19 +1331,19 @@ export default FloatHome
tempus, blandit and cursus varius magna tempus a dolor`, tempus, blandit and cursus varius magna tempus a dolor`,
mode: { mode: {
title: `Dark & Light Modes`, title: `Monitoring`,
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
at vitae congue tempus` at vitae congue tempus`
}, },
groupMes: { groupMes: {
title: `Group Messaging`, title: `Analytics`,
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
at vitae congue tempus` at vitae congue tempus`
}, },
strongEncry: { strongEncry: {
title: `Strong Encryption`, title: `Unlock Functionality`,
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
at vitae congue tempus` at vitae congue tempus`
}, },
+14 -9
View File
@@ -186,15 +186,20 @@ class Users extends React.Component {
<div className="container"> <div className="container">
{/* CONTENT BOX-1 */} {/* CONTENT BOX-1 */}
<div id="cb-1-1" className="cbox-1 pb-25"> <div id="cb-1-1" className="cbox-1 pb-25">
<div className="row d-flex align-items-center"> <div className="row align-items-center">
{/* IMAGE BLOCK */} {/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6"> <div className="col-md-6 col-lg-6">
<div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s"> <div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/route-mockup.jpeg" alt="content-image" /> <img className="img-fluid" src="assets/images/route-mockup2.png" alt="content-image" />
</div> </div>
</div> </div>
{/* <div className="col-lg-7">
<div className="content-12-img right-column wow fadeInLeft" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/info-pair.png" alt="content-image" />
</div>
</div> */}
{/* TEXT BLOCK */} {/* TEXT BLOCK */}
<div className="col-md-7 col-lg-6"> <div className="col-md-6 col-lg-6">
<div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s"> <div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */} {/* Section ID */}
<span className="section-id grey-color">{accessUnlimited.leadTitle}</span> <span className="section-id grey-color">{accessUnlimited.leadTitle}</span>
@@ -869,19 +874,19 @@ let heroSection = {
title: `Multiple Accounts`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat title: `Multiple Accounts`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
float: {title: `Float Messaging & Calls`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat float: {title: `Analytics`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
files: {title: `Share Files & Media`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat files: {title: `Connectivity`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
notification: {title: `Alerts & Notifications`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat notification: {title: `Monitoring`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
verification: {title: `Online Verification`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat verification: {title: `Online Verification`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
spam: {title: `Spam Protection`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat spam: {title: `Big Perks`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
} }
}; };
@@ -921,7 +926,7 @@ let fastMes = {
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
tempus, blandit and cursus varius magna tempus a dolor`, tempus, blandit and cursus varius magna tempus a dolor`,
mode: { mode: {
title: `Dark & Light Modes`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a title: `Charging`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a
sapien magna at vitae congue tempus` sapien magna at vitae congue tempus`
}, },
autoLink: {title: `Auto-Link Opening`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a autoLink: {title: `Auto-Link Opening`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a