Compare commits

...

10 Commits

Author SHA1 Message Date
Chukwumdiebube 0430e0d27d modifying templates in users and business 2023-03-27 14:53:34 +01:00
jenkins a8e0a8aa46 browser-edit image added 2023-03-26 15:39:06 -04:00
tokslaw ea6cefdbae Merge branch 'replacement_of_images' of FloatSystems/float-www into master 2023-03-25 20:53:12 +00:00
DESKTOP-GBA0BK8\Admin 12207f6d1e Links added 2023-03-25 08:06:47 -04:00
victorAnumudu f8c26ead28 replaced some images 2023-03-25 11:08:44 +01:00
tokslaw 825dd284f1 Merge branch 'Float_homeImages_changes' of FloatSystems/float-www into master 2023-03-23 05:04:48 +00:00
Chukwumdiebube ba40756eee changed image 2023-03-22 06:25:45 +01:00
Chukwumdiebube b2e7d994a4 Merge branch 'master' of https://gitlab.chiefsoft.net/FloatSystems/float-www into Float_homeImages_changes 2023-03-22 06:01:56 +01:00
tokslaw 8ad7d75ff7 Merge branch 'image_replacements' of FloatSystems/float-www into master 2023-03-22 03:28:05 +00:00
Chukwumdiebube 44641e816b modified home section for Recommendation engine
replaced images and added an overlay for proper readability.
2023-03-21 23:31:34 +01:00
22 changed files with 49 additions and 71 deletions
+5 -1
View File
@@ -1,2 +1,6 @@
REACT_APP_APPSITE='http://welcome.float.sg'
REACT_APP_EMAIL='support@float.sg'
REACT_APP_EMAIL='support@float.sg'
REACT_APP_WWW='http://float-www.dev.chiefsoft.net'
REACT_APP_FLEET='http://float-flt.dev.chiefsoft.net'
REACT_APP_USERS='http://float-usr.dev.chiefsoft.net'
REACT_APP_APIGATE='http://float-gat.dev.chiefsoft.net'
+4 -2
View File
@@ -414,8 +414,8 @@ p {
background-attachment: fixed!important;
}
.bg_chat { background-image: url(../images/bg_chat.jpg); background-attachment: scroll!important; }
.bg_fit_01 { background-image: url(../images/bg_fit_01.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_sblue_img.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*/
.bg_mobile { background-image: url(../images/bg_mobile.jpg); background-attachment: scroll!important; }
@@ -3809,6 +3809,8 @@ h2.statistic-number {
background-color: #fafafa!important;
}
#pricing-2{display: none;}
#pricing-2 .pricing-plan {
padding: 45px 40px 40px;
border: 1px solid #ddd;
Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 447 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 262 KiB

+1 -1
View File
@@ -303,7 +303,7 @@ class Features 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>
+6 -6
View File
@@ -49,7 +49,7 @@ class Fleet 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-16.png" alt="content-image" />
<img className="img-fluid" src="assets/images/Welcome.png" alt="content-image" />
</div>
</div>
{/* TEXT BLOCK */}
@@ -67,7 +67,7 @@ class Fleet extends React.Component {
congue magna impedit ligula risus. Mauris donec ligula an impedit magnis
</p>
{/* Button */}
<a href="#features-5" className="btn btn-tra-grey skyblue-hover">Find Out More</a>
<a href={`${process.env.REACT_APP_FLEET}/`} className="btn btn-tra-grey skyblue-hover">Find Out More</a>
</div>
</div> {/* END TEXT BLOCK */}
</div> {/* End row */}
@@ -220,7 +220,7 @@ class Fleet extends React.Component {
{/* 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/img-17_new.png" alt="content-image" />
<img className="img-fluid" src="assets/images/img_05.png" alt="content-image" />
</div>
</div>
</div> {/* End row */}
@@ -829,7 +829,7 @@ class Fleet 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> {/* END TEXT BLOCK */}
@@ -1096,14 +1096,14 @@ class Fleet extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6 m-bottom">
<div className="img-block right-column pc-25 wow fadeInUp" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/img-15-fit.png" alt="content-image" />
<img className="img-fluid" src="assets/images/img_15_fit.png" alt="content-image" />
</div>
</div>
{/* TEXT BLOCK */}
<div className="col-md-7 col-lg-6 m-top">
<div className="txt-block left-column pc-20 wow fadeInLeft" data-wow-delay="0.6s">
{/* Title */}
<h2 className="h2-md">Take your fitness to the next level</h2>
<h2 className="h2-md">Take your fleet to the next level</h2>
{/* Text */}
<p className="p-xl">Augue egestas volutpat egestas augue purus cubilia laoreet and magna suscipit luctus dolor tempus</p>
{/* STORE BADGES */}
+16 -48
View File
@@ -367,7 +367,7 @@ class FloatHome extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6 m-top">
<div className="img-block right-column pc-20 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/img-05.png" alt="content-image" />
<img className="img-fluid" src="assets/images/img_05.png" alt="content-image" />
</div>
</div>
</div> {/* End row */}
@@ -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 */}
@@ -1292,7 +1260,7 @@ class FloatHome extends React.Component {
</div>
{/* Image */}
<div className="download-5-img wow fadeInUp" data-wow-delay="0.8s">
<img className="img-fluid" src="assets/images/img-20.png" alt="download-image" />
<img className="img-fluid" src="assets/images/img_20.png" alt="download-image" />
</div>
</div>
</div> {/* End row */}
+1 -1
View File
@@ -1007,7 +1007,7 @@ class Home 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>
+1 -1
View File
@@ -904,7 +904,7 @@ class Home_10 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> {/* END TEXT BLOCK */}
+1 -1
View File
@@ -518,7 +518,7 @@ class Home_2 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>
+1 -1
View File
@@ -505,7 +505,7 @@ class Home_4 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>
+1 -1
View File
@@ -282,7 +282,7 @@ class Home_7 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> {/* END TEXT BLOCK */}
+12 -8
View File
@@ -64,12 +64,16 @@ class Users extends React.Component {
<p className="txt-rating">Based on 7.296 user reviews</p>
</div>
</div>
{/* USER PORTAL */}
<div>
<a className='btn btn-rose tra-grey-hover' href={`${process.env.REACT_APP_USERS}/`} target='_blank' >This leads to users PORTAL</a>
</div>
</div>
</div> {/* END HERO TEXT */}
{/* HERO IMAGE */}
<div className="col-lg-6 col-xl-6 11offset-xl-1 m-top">
<div className="hero-8-img pr-20 text-center wow fadeInDown" data-wow-delay="0.4s">
<img className="img-fluid" src="assets/images/hero-8-img.png" alt="hero-image" />
<img className="img-fluid" src="assets/images/hero-8-img.png" alt="hero-image" />
</div>
</div>
</div> {/* End row */}
@@ -283,7 +287,7 @@ class Users extends React.Component {
{/* IMAGE BLOCK */}
<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/img-12.png" alt="content-image" />
<img className="img-fluid" src="assets/images/info-pair.png" alt="content-image" />
</div>
</div>
</div>
@@ -300,7 +304,7 @@ class Users extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6">
<div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/img-07.png" alt="content-image" />
<img className="img-fluid" src="assets/images/route-mockup.jpeg" alt="content-image" />
</div>
</div>
{/* TEXT BLOCK */}
@@ -343,7 +347,7 @@ class Users extends React.Component {
{/* 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/img-05.png" alt="content-image" />
<img className="img-fluid" src="assets/images/info-pair2.jpeg" alt="content-image" />
</div>
</div>
</div> {/* End row */}
@@ -484,7 +488,7 @@ class Users extends React.Component {
<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">Voice &amp; Video Calls</span>
<span className="section-id">Built For Speed</span>
{/* Title */}
<h2 className="h2-md">Keep Your Favorite People Close to You</h2>
{/* Text */}
@@ -527,7 +531,7 @@ class Users 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-02.png" alt="content-image" />
<img className="img-fluid" src="assets/images/how-it-works-recomment-engine.png" alt="content-image" />
</div>
</div>
{/* TEXT BLOCK */}
@@ -593,7 +597,7 @@ class Users 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/tablet-2.png" alt="content-image" />
</div>
</div>
</div> {/* End row */}
@@ -757,7 +761,7 @@ class Users extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6 m-top">
<div className="img-block right-column pc-20 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/img-01.png" alt="content-image" />
<img className="img-fluid" src="assets/images/img-float.png" alt="content-image" />
</div>
</div>
</div> {/* End row */}