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; 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_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.jpg); } */
.bg_fit_02 { background-image: url(../images/bg_fit_02.png); } /*changed image*/ .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 */} {/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6"> <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"> <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>
</div> </div>
{/* TEXT BLOCK */} {/* TEXT BLOCK */}
<div className="col-md-7 col-lg-6"> <div className="col-md-7 col-lg-6">
<div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s"> <div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */} {/* Section ID */}
<span className="section-id grey-color">Beauty of Simplicity</span> <span className="section-id grey-color">RECOMMENDATION ENGINE</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">Beautiful, award-winning design</h2> <h2 className="h2-md">Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.</h2>
{/* List */} <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>
<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>
</div> </div>
</div> {/* END TEXT BLOCK */} </div> {/* END TEXT BLOCK */}
</div> {/* End row */} </div> {/* End row */}
@@ -694,7 +679,7 @@ class FloatHome extends React.Component {
<div className="row"> <div className="row">
<div className="col-md-12"> <div className="col-md-12">
<div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s"> <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> </div>
</div> </div>
@@ -720,40 +705,23 @@ class FloatHome extends React.Component {
<div className="row"> <div className="row">
{/* DOWNLOAD TXT */} {/* DOWNLOAD TXT */}
<div className="col-lg-6"> <div className="col-lg-6">
<div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s"> <div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">
{/* Section ID */} <span className="section-id">Built For Speed</span>
<span className="section-id">Built For Speed</span> <h2 className="h2-md">Share text, voice, photos, videos, GIFs and files for free</h2>
{/* Title */}
<h2 className="h2-md">Share text, voice, photos, videos, GIFs and files for free</h2>
{/* Text */}
<p className="p-xl">Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit <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 posuere orci auctor purus euismod an aliquam quaerat purus
</p> </p>
{/* STORE BADGES */} <div className="stores-badge">
<div className="stores-badge">
{/* AppStore */}
<a href="#" className="store"> <a href="#" className="store">
<img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" /> <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
</a> </a>
{/* Google Play */}
<a href="#" className="store"> <a href="#" className="store">
<img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" /> <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
</a> </a>
{/* Aamazon Market </div>
<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 row */}
</div> {/* End container */} </div> {/* End container */}
</section> {/* END DOWNLOAD-6 */} </section> {/* END DOWNLOAD-6 */}