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

Merge branch 'Float_homeImages_changes' of FloatSystems/float-www into master

Browse Source
This commit is contained in:
Toks Law
2023-03-23 05:04:48 +00:00
committed by Gogs
parent 8ad7d75ff7 ba40756eee
commit 825dd284f1
4 changed files with 15 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/css/style.css
+1 -1
View File
@@ -414,7 +414,7 @@ p {
background-attachment: fixed!important;
}
.bg_chat { background-image: url(../images/bg_chat.jpg); background-attachment: scroll!important; }
.bg_chat { background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.52), rgba(49, 46, 48, 0.73)),url(../images/personwithbackpack.png); background-attachment: scroll!important; background-position: top; }
.bg_fit_01 { background-image: url(../images/bg_fit_01.jpg); background-attachment: scroll!important; }
/* .bg_fit_02 { background-image: url(../images/bg_fit_02.jpg); } */
.bg_fit_02 { background-image: url(../images/bg_fit_02.png); } /*changed image*/
public/assets/images/browser-edit.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

public/assets/images/personwithbackpack.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 447 KiB

src/pages/FloatHome.js
+14 -46
View File
@@ -553,32 +553,17 @@ class FloatHome extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6">
<div className="img-block left-column pc-20 mb-40 wow fadeInRight" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/img-03.png" alt="content-image" />
<img className="img-fluid" src="assets/images/how-it-works-recomment-engine.png" alt="content-image" />
</div>
</div>
{/* TEXT BLOCK */}
<div className="col-md-7 col-lg-6">
<div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */}
<span className="section-id grey-color">Beauty of Simplicity</span>
<span className="section-id grey-color">RECOMMENDATION ENGINE</span>
{/* Title */}
<h2 className="h2-md">Beautiful, award-winning design</h2>
{/* List */}
<ul className="simple-list">
<li className="list-item">
<p className="p-lg">Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium
ligula rutrum tempor sapien
</p>
</li>
<li className="list-item">
<p className="p-lg">Quaerat sodales sapien euismod purus blandit</p>
</li>
<li className="list-item">
<p className="p-lg">Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo
pretium a purus mauris
</p>
</li>
</ul>
<h2 className="h2-md">Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.</h2>
<p className="p-lg">Become a travel expert. Float aggregates transport options and gives you the control to select the safest, cheapest, quickest or greenest route to improve your daily commute.</p>
</div>
</div> {/* END TEXT BLOCK */}
</div> {/* End row */}
@@ -694,7 +679,7 @@ class FloatHome extends React.Component {
<div className="row">
<div className="col-md-12">
<div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/browsers.png" alt="content-image" />
<img className="img-fluid" src="assets/images/browser-edit.png" alt="content-image" />
</div>
</div>
</div>
@@ -720,40 +705,23 @@ class FloatHome extends React.Component {
<div className="row">
{/* DOWNLOAD TXT */}
<div className="col-lg-6">
<div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">
{/* Section ID */}
<span className="section-id">Built For Speed</span>
{/* Title */}
<h2 className="h2-md">Share text, voice, photos, videos, GIFs and files for free</h2>
{/* Text */}
<div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">
<span className="section-id">Built For Speed</span>
<h2 className="h2-md">Share text, voice, photos, videos, GIFs and files for free</h2>
<p className="p-xl">Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit
posuere orci auctor purus euismod an aliquam quaerat purus
</p>
{/* STORE BADGES */}
<div className="stores-badge">
{/* AppStore */}
</p>
<div className="stores-badge">
<a href="#" className="store">
<img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
</a>
{/* Google Play */}
</a>
<a href="#" className="store">
<img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
</a>
{/* Aamazon Market
<a href="#" class="store">
<img class="amazon" src="assets/images/amazon.png" alt="amazon-badge" />
</a> */}
{/* Mac AppStore
<a href="#" class="store">
<img class="mac-appstore" src="assets/images/macstore.png" alt="macstore-badge" />
</a> */}
{/* Microsoft Store
<a href="#" class="store">
<img class="microsoft" src="assets/images/microsoft.png" alt="microsoft-badge" />
</a> */}
</div> {/* END STORE BADGES */}
</div>
</div>
</div> {/* END DOWNLOAD TXT */}
</div>
{/* END DOWNLOAD TXT */}
</div> {/* End row */}
</div> {/* End container */}
</section> {/* END DOWNLOAD-6 */}