FloatSystems/float-www
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Images+text added

Browse Source
This commit is contained in:
Olu Amey
2023-03-18 20:18:53 -04:00
parent 9b4f9638a4
commit 080ec3224f
5 changed files with 38 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/images/Explore.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

public/assets/images/dashboard-performance.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

public/assets/images/home-custom-deals.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 673 KiB

public/assets/images/home-sta-desktop.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 379 KiB

src/pages/FloatHome.js
+38 -9
View File
@@ -73,7 +73,7 @@ class FloatHome extends React.Component {
</a> */}
</div> {/* END STORE BADGES */}
{/* Rating */}
{/* <div className="txt-block-rating">
<div className="txt-block-rating">
<div className="stars-rating grey-color">
All Versions Rating
<span className="flaticon-star ml-5" />
@@ -83,7 +83,7 @@ class FloatHome extends React.Component {
<span className="flaticon-star-half-empty" />
<p className="txt-rating">Based on 7.296 user reviews</p>
</div>
</div> */}
</div>
</div>
</div> {/* END HERO-5 BUTTONS */}
</div> {/* End row */}
@@ -194,6 +194,37 @@ class FloatHome extends React.Component {
</div> {/* END CONTENT BOX-2 */}
</div> {/* End container */}
</section> {/* END CONTENT-3 */}
<section id="content-3" className="pb-60 content-section division">
<div className="container">
{/* CONTENT BOX-1 */}
<div id="cb-1-1" className="cbox-1 pb-15">
<div className="row d-flex align-items-center m-row">
{/* TEXT BLOCK */}
<div className="col-md-7 col-lg-6 m-bottom">
<div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s">
{/* Section ID */}
<span className="section-id grey-color">SMART TIPS & ALERTS</span>
{/* Title */}
<h2 className="h2-md">Explore your city smarter with Float.</h2>
{/* Text */}
<p className="p-lg">Stay on top of how you travel. Start saving money and time, reduce your emissions, all whilst making the safest choice when
</p>
{/* Text */}
<p className="p-lg">traveling around your city. Get smart tips and alerts customized to your travel behaviour.
</p>
</div>
</div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6 m-top">
<div className="img-block right-column pc-15 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/home-sta-desktop.png" alt="content-image" />
</div>
</div>
</div> {/* End row */}
</div> {/* END CONTENT BOX-1 */}
</div> {/* End container */}
</section>
{/* FEATURES-11
============================================= */}
<section id="features-11" className="bg_whitesmoke wide-100 features-section">
@@ -268,20 +299,18 @@ class FloatHome extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6">
<div className="content-5-img right-column pc-20 text-center wow fadeInRight" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/img-04.png" alt="content-image" />
<img className="img-fluid" src="assets/images/home-custom-deals.png" alt="content-image" />
</div>
</div>
{/* TEXT BLOCK */}
<div className="col-md-7 col-lg-6">
<div className="txt-block left-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */}
<span className="section-id grey-color">Fastest Messaging</span>
<span className="section-id grey-color">CUSTOM DEALS FOR YOU</span>
{/* Title */}
<h2 className="h2-md">Send text, voice, picture messages more faster</h2>
<h2 className="h2-md">Get rewarded with Float points for traveling smarter.</h2>
{/* Text */}
<p className="p-lg">Aliqum mullam blandit and tempor sapien donec ipsum gravida porta. Velna vitae auctor
congue magna impedit ligula risus. Mauris donec ligula and magnis undo sapien sagittis sapien pretium
enim gravida purus ligula
<p className="p-lg">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!)
</p>
</div>
</div> {/* END CONTENT TXT */}
@@ -590,7 +619,7 @@ class FloatHome extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-6 col-xl-6">
<div className="content-13-img wow fadeInRight" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/tablet.png" alt="content-image" />
<img className="img-fluid" src="assets/images/dashboard-performance.jpg" alt="content-image" />
</div>
</div>
</div> {/* End row */}