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

img added

Browse Source
This commit is contained in:
Olu Amey
2023-03-19 17:25:34 -04:00
parent dfe9e209ef
commit a34ad13df8
2 changed files with 16 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/images-demo/hero-img2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 342 KiB

src/pages/Fleet.js
+16 -55
View File
@@ -8,7 +8,7 @@ class Fleet extends React.Component {
<div id="loader-wrapper"> <div id="loader-wrapper">
<div id="loading"> <div ido="loading">
<span className="cssload-loader"><span className="cssload-loader-inner" /></span> <span className="cssload-loader"><span className="cssload-loader-inner" /></span>
</div> </div>
</div> </div>
@@ -33,7 +33,7 @@ class Fleet extends React.Component {
</p> </p>
</div> </div>
{/* HERO IMAGE */} {/* HERO IMAGE */}
<div className="hero-img"><img className="img-fluid" src="assets/images-demo/hero-img.png" alt="hero-image" /></div> <div className="hero-img"><img className="img-fluid" src="assets/images-demo/hero-img2.png" alt="hero-image" /></div>
</div> </div>
</div> {/* End row */} </div> {/* End row */}
</div> {/* End container */} </div> {/* End container */}
@@ -105,7 +105,7 @@ class Fleet extends React.Component {
{/* Title */} {/* Title */}
<h5 className="h5-sm">Metrics</h5> <h5 className="h5-sm">Metrics</h5>
{/* Text */} {/* Text */}
<p className="p-lg">We guide a company through the EV conversion process, starting with insights on current performance of their existing fleet.</p> <p className="p-lg">We guide a company through the EV conversion process, starting with insights on current performance of their existing fleet existing fleet.performance of their existing fleet existing fleet.</p>
</div> </div>
{/* FEATURE BOX #2 */} {/* FEATURE BOX #2 */}
<div id="fb-13-2" className="fbox-13 wow fadeInUp" data-wow-delay="0.6s"> <div id="fb-13-2" className="fbox-13 wow fadeInUp" data-wow-delay="0.6s">
@@ -134,7 +134,7 @@ class Fleet extends React.Component {
{/* Title */} {/* Title */}
<h5 className="h5-sm">Stay Motivated</h5> <h5 className="h5-sm">Stay Motivated</h5>
{/* Text */} {/* Text */}
<p className="p-lg">Take the complexity out of electrifying your fleet with industry-leading support.Porta semper lacus cursus feugiat primis ultrice ligula risus auctor ultrice ociis</p> <p className="p-lg">Take the complexity out of electrifying your fleet with industry-leading support.Porta semper lacus cursus feugiat primis ultrice ligula risus ultrice ligula risus auctor ultrice ociis</p>
</div> </div>
</div> </div>
</div> </div>
@@ -234,7 +234,7 @@ class Fleet extends React.Component {
<div className="row"> <div className="row">
<div className="col text-center pc-25"> <div className="col text-center pc-25">
{/* Text */} {/* Text */}
<p className="p-xl">You might know NordEx from:</p> <p className="p-xl">You might know Float from:</p>
{/* Brands Carousel */} {/* Brands Carousel */}
<div className="owl-carousel brands-carousel"> <div className="owl-carousel brands-carousel">
{/* BRAND LOGO IMAGE */} {/* BRAND LOGO IMAGE */}
@@ -326,7 +326,7 @@ class Fleet extends React.Component {
{/* Title */} {/* Title */}
<h5 className="h5-sm">User-Friendly</h5> <h5 className="h5-sm">User-Friendly</h5>
{/* Text */} {/* Text */}
<p className="p-lg">Our software takes you through the daily process of transitioning your fleet to Float. <p className="p-lg">Our software takes you through the daily process of transitioning your fleet to Float.process of transitioning your fleet to Float
</p> </p>
</div> </div>
</div> </div>
@@ -404,7 +404,7 @@ class Fleet extends React.Component {
{/* Title */} {/* Title */}
<h5 className="h5-sm">Ongoing Support</h5> <h5 className="h5-sm">Ongoing Support</h5>
{/* Text */} {/* Text */}
<p className="p-lg">We guide you step by step to convert to Electronic vehicles. <p className="p-lg">We guide you step by step to convert to Electronic vehicles.We guide you step by step to convert
</p> </p>
</div> </div>
</div> </div>
@@ -421,7 +421,7 @@ class Fleet extends React.Component {
<div className="row"> <div className="row">
<div className="col-lg-10 col-xl-8 offset-lg-1 offset-xl-2"> <div className="col-lg-10 col-xl-8 offset-lg-1 offset-xl-2">
<div className="section-title text-center mb-60"> <div className="section-title text-center mb-60">
<h3 className="h3-sm">Custom workouts on your own time and in your own space</h3> <h3 className="h3-sm">Custom fleet on your own time and in your own space</h3>
</div> </div>
</div> </div>
</div> </div>
@@ -482,46 +482,7 @@ class Fleet extends React.Component {
</div> {/* End row */} </div> {/* End row */}
</div> {/* End container */} </div> {/* End container */}
</section> {/* END CONTENT-1 */} </section> {/* END CONTENT-1 */}
{/* CONTENT-11
============================================= */}
<section id="content-11" className="pb-100 content-section division">
<div className="container">
{/* SECTION TITLE */}
<div className="row">
<div className="col-lg-10 offset-lg-1">
<div className="section-title text-center mb-60">
{/* Title */}
<h2 className="h2-md">Connect with Like-Minded People</h2>
{/* Text */}
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
tempus, blandit and cursus varius magna tempus a dolor
</p>
</div>
</div>
</div>
{/* IMAGE BLOCK */}
<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/socials.png" alt="content-image" />
</div>
</div>
</div>
{/* DOWNLOAD BUTTON */}
<div className="row">
<div className="col-md-12">
<div className="content-11-btn ico-20 ico-right mt-60 wow fadeInUp" data-wow-delay="0.6s">
{/* Button */}
<a href="https://www.youtube.com/watch?v=7e90gBu4pas" className="video-popup2 btn btn-md btn-skyblue tra-grey-hover">
See NordEx in Action <span className="flaticon-play-button" />
</a>
{/* OS Prerequisite */}
<span className="os-version">Available on Android, iOS and macOS</span>
</div>
</div>
</div> {/* END DOWNLOAD BUTTON */}
</div> {/* End container */}
</section> {/* END CONTENT-11 */}
{/* TESTIMONIALS-2 {/* TESTIMONIALS-2
============================================= */} ============================================= */}
<section id="reviews-2" className="reviews-section division"> <section id="reviews-2" className="reviews-section division">
@@ -748,7 +709,7 @@ class Fleet extends React.Component {
<div className="pricing-table mb-40 wow fadeInUp" data-wow-delay="0.4s"> <div className="pricing-table mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* Plan Price */} {/* Plan Price */}
<div className="pricing-plan bg_white"> <div className="pricing-plan bg_white">
<h5 className="h5-xs">NordEx Free</h5> <h5 className="h5-xs">Float Free</h5>
<sup className="dark-color">$</sup> <sup className="dark-color">$</sup>
<span className="dark-color">0</span> <span className="dark-color">0</span>
<sup className="validity dark-color"><span>.00</span> / month</sup> <sup className="validity dark-color"><span>.00</span> / month</sup>
@@ -900,7 +861,7 @@ class Fleet extends React.Component {
{/* QUESTION #1 */} {/* QUESTION #1 */}
<div className="question wow fadeInUp" data-wow-delay="0.4s"> <div className="question wow fadeInUp" data-wow-delay="0.4s">
{/* Question */} {/* Question */}
<h5 className="h5-sm">Can I see NordEx in action before purchasing it?</h5> <h5 className="h5-sm">Can I see Float in action before purchasing it?</h5>
{/* Answer */} {/* Answer */}
<p className="p-lg">Etiam amet mauris suscipit in odio integer congue metus vitae arcu mollis blandit <p className="p-lg">Etiam amet mauris suscipit in odio integer congue metus vitae arcu mollis blandit
ultrice ligula egestas and magna suscipit lectus magna suscipit luctus blandit vitae ultrice ligula egestas and magna suscipit lectus magna suscipit luctus blandit vitae
@@ -909,7 +870,7 @@ class Fleet extends React.Component {
{/* QUESTION #2 */} {/* QUESTION #2 */}
<div className="question wow fadeInUp" data-wow-delay="0.6s"> <div className="question wow fadeInUp" data-wow-delay="0.6s">
{/* Question */} {/* Question */}
<h5 className="h5-sm">What are the requirements for using NordEx?</h5> <h5 className="h5-sm">What are the requirements for using Float?</h5>
{/* Answer */} {/* Answer */}
<p className="p-lg">An enim nullam tempor sapien gravida donec ipsum enim an porta justo integer at velna <p className="p-lg">An enim nullam tempor sapien gravida donec ipsum enim an porta justo integer at velna
vitae auctor integer congue undo magna at pretium purus pretium ligula vitae auctor integer congue undo magna at pretium purus pretium ligula
@@ -918,7 +879,7 @@ class Fleet extends React.Component {
{/* QUESTION #3 */} {/* QUESTION #3 */}
<div className="question wow fadeInUp" data-wow-delay="0.8s"> <div className="question wow fadeInUp" data-wow-delay="0.8s">
{/* Question */} {/* Question */}
<h5 className="h5-sm">Can I use NordEx on different devices?</h5> <h5 className="h5-sm">Can I use Float on different devices?</h5>
{/* Answer */} {/* Answer */}
<ul className="simple-list"> <ul className="simple-list">
<li className="list-item"> <li className="list-item">
@@ -950,7 +911,7 @@ class Fleet extends React.Component {
{/* QUESTION #5 */} {/* QUESTION #5 */}
<div className="question wow fadeInUp" data-wow-delay="0.6s"> <div className="question wow fadeInUp" data-wow-delay="0.6s">
{/* Question */} {/* Question */}
<h5 className="h5-sm">How does NordEx handle my privacy?</h5> <h5 className="h5-sm">How does Float handle my privacy?</h5>
{/* Answer */} {/* Answer */}
<p className="p-lg">Etiam amet mauris suscipit sit amet in odio. Integer congue leo metus. Vitae arcu mollis <p className="p-lg">Etiam amet mauris suscipit sit amet in odio. Integer congue leo metus. Vitae arcu mollis
blandit ultrice ligula blandit ultrice ligula
@@ -1053,7 +1014,7 @@ class Fleet extends React.Component {
{/* BLOG POST TEXT */} {/* BLOG POST TEXT */}
<div className="blog-post-txt"> <div className="blog-post-txt">
{/* Post Tag */} {/* Post Tag */}
<p className="p-md post-tag">NordEx News</p> <p className="p-md post-tag">Float News</p>
{/* Post Link */} {/* Post Link */}
<h5 className="h5-sm"> <h5 className="h5-sm">
<a href="single-post.html">Tempor sapien donec gravida ipsum 300 Calories justo</a> <a href="single-post.html">Tempor sapien donec gravida ipsum 300 Calories justo</a>
@@ -1110,7 +1071,7 @@ class Fleet extends React.Component {
<p className="p-md post-tag">Tutorials</p> <p className="p-md post-tag">Tutorials</p>
{/* Post Link */} {/* Post Link */}
<h5 className="h5-sm"> <h5 className="h5-sm">
<a href="single-post.html">Tempor sapien NordEx, donec 950 Calories an ipsum porta</a> <a href="single-post.html">Tempor sapien Float, donec 950 Calories an ipsum porta</a>
</h5> </h5>
{/* Text */} {/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor