Compare commits
24 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
d1be17ccfa | ||
|
victorAnumudu
|
87e42238be | ||
|
victorAnumudu
|
d4d4ac482f | ||
|
victorAnumudu
|
a23d05ad82 | ||
|
victorAnumudu
|
ad3314dceb | ||
 tokslaw
|
95ecc0d3d8 | ||
|
tokslaw
|
10f84c5d74 | ||
|
Chukwumdiebube
|
0430e0d27d | ||
|
victorAnumudu
|
84a57f5141 | ||
 jenkins
|
a8e0a8aa46 | ||
|
tokslaw
|
ea6cefdbae | ||
|
DESKTOP-GBA0BK8\Admin
|
12207f6d1e | ||
|
victorAnumudu
|
f8c26ead28 | ||
|
tokslaw
|
825dd284f1 | ||
|
Chukwumdiebube
|
ba40756eee | ||
|
Chukwumdiebube
|
b2e7d994a4 | ||
|
tokslaw
|
8ad7d75ff7 | ||
|
Chukwumdiebube
|
44641e816b | ||
|
victorAnumudu
|
a4a629222c | ||
|
victorAnumudu
|
e6fcf6e05f | ||
|
tokslaw
|
98e43ba40f | ||
|
tokslaw
|
fc9ed5e4b5 | ||
|
Chukwumdiebube
|
212b7ae3e9 | ||
|
Chukwumdiebube
|
76447fd025 |
@@ -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'
|
||||
@@ -1422,4 +1422,26 @@ video {
|
||||
padding-left: 22px;
|
||||
padding-right: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.h2-md span{
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.about-2-txt .h5-lg{
|
||||
font-style: 40px;
|
||||
}
|
||||
|
||||
.about-2-txt .h5-lg span,
|
||||
.reviews-1 .section-title p{
|
||||
font-size: 18px;
|
||||
line-height: 120%;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
|
||||
.about-2-txt p {
|
||||
font-size: 20px;
|
||||
line-height: 154%;
|
||||
letter-spacing: -0.2px;
|
||||
max-width: 90%;
|
||||
}
|
||||
@@ -414,9 +414,10 @@ 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_fit_02 { background-image: url(../images/bg_fit_02.jpg); }
|
||||
.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; }
|
||||
.bg_bank_01 { background-image: url(../images/bg_bank_01.jpg); background-attachment: scroll!important; }
|
||||
.bg_bank_02 { background-image: url(../images/bg_bank_02.jpg); background-attachment: scroll!important; }
|
||||
@@ -3637,6 +3638,7 @@ h2.statistic-number {
|
||||
margin: 0 10px 20px;
|
||||
-webkit-box-shadow: 0px 5px 10px 0 rgba(10, 10, 10, .05);
|
||||
box-shadow: 0px 5px 10px 0 rgba(10, 10, 10, .05);
|
||||
min-height: 33rem;
|
||||
}
|
||||
|
||||
.review-3 {
|
||||
@@ -3801,12 +3803,17 @@ h2.statistic-number {
|
||||
-webkit-box-shadow: 0px 5px 10px 0 rgba(10, 10, 10, .05);
|
||||
box-shadow: 0px 5px 10px 0 rgba(10, 10, 10, .05);
|
||||
}
|
||||
.pricing-table{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#pricing-1.bg_whitesmoke .pricing-plan,
|
||||
#pricing-3.bg_whitesmoke .pricing-plan {
|
||||
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: 184 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 456 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 405 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
@@ -0,0 +1,9 @@
|
||||
<svg width="150" height="147" viewBox="0 0 150 147" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<rect width="150" height="146.165" fill="url(#pattern0)"/>
|
||||
<defs>
|
||||
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
|
||||
<use xlink:href="#image0_125_2" transform="matrix(0.031321 0 0 0.0321429 -1.84091 0.031013)"/>
|
||||
</pattern>
|
||||
<image id="image0_125_2" width="160" height="29" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAdCAYAAAAtm2eGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgLSURBVHgB7VxdaxRnFD7nfTdaS8FZY69dMd7HX5Ax/oCuF14nXhSk1I+UUuyVK70RWkzEG6GFbP5BQmmhFJrtH2hzX4sbKHhTyQpSse47p+f9mpkk75r9mOhsNw+uk/ncryfnOc85Z4Izp+YbUAC6SdJsd1ptGBAzp+JbACIq6nqTgHPTcR1JzAZ3iqT1+O9WCwpELYqjihC34BBQAYQ7UAAqAC1etGFAEIqbyO+xqOsVhadX7s8RqbpAiFEkNf5iT6JQyD93AJItkGqrgrBeXf3qV3jrEMv8vdWCuwjnwH52RSIqiid7UYEj7MLTy/cXEKFBlNSEAAImHWACKIgQiQApYjLGvIwTTG4++/j2NoG6e/rbr5vwFnA+imcJepDPAGMdsVg9OjAGOCKgw9P6co0QVkFQzAQDNKRLkNd5b6KlDckS0ezTxzAxNTmZqLS688lnc5Akd6uPVtpwiEikUYw3wsllA8YAAo4Af9WXZ5lVvzG5YhvlUoKx8iSEMiUkL5XZp4mYLvXxSIswRZs7167V4HARH3gE0hyMCSaegDrycZ63ySSKLPE4z0Mrt5Zkfj0hE/kkq7LQJLVE5P28zvuEIl7W8LjY3Ll1OCScOR3H+Eb59cD4bDR/BsYAPSW4q5KzMBjGIufIw8nuJstsBC7CGVJBKq8m9zN5oIt0TEazz0gxP4iPJZZnwQTVEs3LM3wsk3DxQnWlWehnQiQWDpJfDyngKhQkw64a8cannpmep9D2g3hUOeBJ/++4w4bjjCMW6TwPMZNXJ8WWbKgo/RmUJhsTVEdDfy4HQU1IzhS1axbyUPKwuO8jSyLDB/FoYiVYRz+W00WT1+mHtG7XympGRPvgKOciIrH0kjQkAy27moRgzIqOnIrQGRgp6AZHwQgKQi/5Zcqv8X+BSIvxTBTHUHJMbg4okzs6cpGt7QGkJkPne8rJrbKmA0x+Z3JC4XJBPpasFFvSmm3SRkq3rVp5v1tY8VbLb2g7/w6s8JNuBU8SIoaSYyIJ+KS+zDkfLUCOfJZwjoSGbGZdS6vLDZl3RobJnUMuL1RenlO5BktSkpJuQHGI927gX5/2H53WFuooGACnFwtQckwkAd+rdGfRyaav6ZlCs3W16MmVJ6chmpNryIhqI6EjJ6Y5o7m2luzoRePKLIyIc9OX6kH3i7ihF69Vsh6SYV2wLrsM9zQh/faIx7Fnyx2OOfKyiV5KdS5Hrq6nwEc5RzL0ble7YJf7oSVctkydNPjoqYkImoBbMBLoo+D7UElTL3XX49ypixv8AvZFPJKiDsW35gpD705In72/d92zHQqiW0OkrJuRRjVPPl9cNnmfiYYCErKRMUc2Q17l5dkS2EdMoUzJRqIauR7Hl6nvK4IQbWn5TY8R1GSHtI+AfJrediiDBEVgIiU4QWXl10mvMRYmuqndEdDKKJ+RroPPDc26dBERMwk37Tqp5Zj/yYTNC4yE89Pzi8yigJvGXXlft8tRNuiGISqzDE8kATUpcpHKk5GyXI/SiChMh4NyLtlGzVS+pYugtnRDXp6z6NqFUcDPHJRfTn3W8+tahrkksxG8hpXhUmIyCYj0JBcBXR3Py2viSynG2eqIRsIZEFDkSJavF5IrzdicDzNDYt20asOQ0FMtvNhPHpbfUN5tZDgAJ8OlRM8ckPrM6/ptDZUJhP9uc+/MGwaT5/kSiy2tEHop1p0Ostt87kco9VWyTgk48hnCoZ6a4UtK27JTCW7DkJjiyBXsbyF0giYxgV5fiJHhx51iB1WLQE8C/vnsl0F7wWODKSnXlVCraPu36KOXNRW0qzANJsdT4CKbJSFkfeNc6UWbDhNFRVak7pz44ocWDAkyrjZEQYyZaDEMgLK64YmU4Gqz0QHstrLCceZg09qfsNtsjkepXKcDC6mEK8pcs0oL2ta80DoMCZbfGp8fQ0EoqwxPbCuOZfJuaiwkGFNB0k/AGBdrOxygyG/LDar6+qGT67QTknVN2AFPieGHEVh+YygWpXTDE0vAD7+712KytHJ9XzLDp8bF+h6vJpKeckkLzpSX3dzgKu6KnqZ/nKzh5z8Onf9RoKg8KviNlC4KlnYkn3OWmpWh/jBMNwahe5Ut8e9MnpO2x+vMhu1s8C49duWMh5mGUb4/jNkwQlqiMbVEZ0i2p47LBgyJnvLLdT5+NX3NGAYnZxDqfO2lMt0vUloC8ge4WpH9BWi0jn1g06Tv39i5fn2JSbfq7vVw7TObD5Jxvc54pJEvI1/aQZFuWtpK9fNXgi4f+/SnUdxvHLIe/CrW2Bz21dWYmb60GSBxxF+4bg22oCSY+JH86sOHTRI6EmZ1PcAsn9NF66zOZ+TYREO7L70nxMtxh8l38YOln0fq/XLYvRna7nu/fQEpeLto2WT46KYkRnXlUTNh4jCB2iB2T73odW1O9I1JQtqyDeRHuEzP15Bvmx8jk8/IL9K+CRo/egV9otsNk9XJcGGDsqPiiIAO1W8etZR8fZEd8QNjKEzXw3Y+bF3PT7uQy/fSXLHDUt2YEq8uHBuRfBoVAcG2Ge7p/R4EmxNjK7ArkiVqzR3dF5xD9V6zzYull7cXH6gKxtwDXmCSzaZ3zPmxfEie874t/mn92It/1rBRZFIvg8VnPfYGg0LLMO0vWCOQluEmlAAVTuCvwjtFsoSBvw0z0BUAC3V1JywRm+4BLxv1ml6Srq4cRzjx5fdtOARYaaQNJs3eoYLOMC6fZXilEhzHKfbzMlcckkf/AeKBXuZb8fncAAAAAElFTkSuQmCC"/>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 470 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 200 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 |
+83
-349
@@ -1,4 +1,5 @@
|
||||
import React, {Component} from 'react';
|
||||
import { Testimonial } from './assests/data/about';
|
||||
|
||||
class About extends React.Component {
|
||||
render() {
|
||||
@@ -25,10 +26,9 @@ class About extends React.Component {
|
||||
<div className="col-lg-8 offset-lg-2">
|
||||
<div className="hero-txt text-center white-color">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Some Words About Us</h2>
|
||||
<h2 className="h2-md">No, we are <span>not just another travel app.</span> </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
|
||||
<p className="p-xl">Float is a global Start Up working on improving everyone’s city life.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -45,7 +45,7 @@ class About extends React.Component {
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="txt-block mb-35">
|
||||
<h5 className="h5-lg">We believe in the power of simple design</h5>
|
||||
<h5 className="h5-lg text-justify">With AI and other unique technology we want to help and encourage people to improve their travel behavior for the better. Whether you want to save time, save money, reduce your carbon footprint, look for great deals or just explore your hood - we’ve got you covered.</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -53,37 +53,23 @@ class About extends React.Component {
|
||||
{/* LEFT COLUMN */}
|
||||
<div className="col-md-6">
|
||||
<div className="txt-block top-box">
|
||||
{/* Title */}
|
||||
<h5 className="h5-lg">OUR VISION</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Gravida porta velna vitae auctor congue undo impedit nihil ligula risus. Mauris
|
||||
donec and ligula magnis sapien. Sagittis congue augue egestas volutpat egestas suscipit egestas a magna ipsum vitae a purus efficitur ipsum
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Gravida porta and vitae auctor congue magna an impedit nihil ligula risus mauris
|
||||
donec ligula magnis aliqum undo mullam at ligula risus. Vitae donec ligula magnis
|
||||
<p className="p-lg lh-lg">Improve quality of life for the world's population by building the future global transportation platform. Increasing accessibility and personal choices, while reducing travel time, traffic congestion, pollution, and loss to local GDP.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div> {/* END LEFT COLUMN */}
|
||||
{/* RIGHT COLUMN */}
|
||||
<div className="col-md-6">
|
||||
<div className="txt-block">
|
||||
{/* Title */}
|
||||
<h5 className="h5-lg">OUR MISSION</h5>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Aliqum mullam blandit tempor sapien gravida a donec ipsum, porta justo.
|
||||
Velna vitae auctor a congue magna and donec nihil impedit ligula risus.mauris donec
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Fringilla risus, luctus mauris orci auctor purus euismod and pretium
|
||||
purus pretium ligula rutrum tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Quaerat sodales sapien an euismod purus blandit purus ipsum primis in
|
||||
cubilia laoreet augue luctus dolor
|
||||
</p>
|
||||
</li>
|
||||
</ul> {/* End List */}
|
||||
{/* Text */}
|
||||
<p className="p-lg lg-lh">We empower travelers to move easier and faster by analyzing their past trips, with traffic and external factors - allowing them to customize travel and receive rewards for sharing their data for the greater good.
|
||||
</p> {/* End List */}
|
||||
</div>
|
||||
</div> {/* END RIGHT COLUMN */}
|
||||
</div>
|
||||
@@ -92,25 +78,22 @@ class About extends React.Component {
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="img-block mt-50 mb-70">
|
||||
<img className="img-fluid" src="assets/images/about-2-img.jpg" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/about-us-made-for-you.jpg" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="about-2-txt pc-50">
|
||||
<h5 className="h5-lg"> <span>MADE FOR YOU</span><br />Created for urbanists</h5>
|
||||
<div className="row">
|
||||
{/* LEFT COLUMN */}
|
||||
<div className="col-md-6">
|
||||
<div className="txt-block top-box">
|
||||
{/* Title */}
|
||||
<h5 className="h5-lg">We care about the details</h5>
|
||||
{/* <h5 className="h5-lg">We care about the details</h5> */}
|
||||
{/* Text */}
|
||||
<p className="p-lg">Gravida porta velna vitae auctor congue undo impedit nihil ligula risus. Mauris
|
||||
donec and ligula magnis sapien. Sagittis congue augue egestas volutpat egestas suscipit egestas a magna ipsum vitae a purus efficitur ipsum
|
||||
</p>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Gravida porta and vitae auctor congue magna an impedit nihil ligula risus mauris
|
||||
donec ligula magnis aliqum undo mullam at ligula risus. Vitae donec ligula magnis
|
||||
<p className="p-lg">A classic day in your urban life:<br />
|
||||
You drive to work, drive to the store, maybe drive your kids to school, drive back home, meet some friends if there is little time left. Distances are so vast, it takes forever to get anywhere and there’s little chance for spontaneity and diversity in daily routines - Vibrating urban Citylife is just passing you by.
|
||||
</p>
|
||||
</div>
|
||||
</div> {/* END LEFT COLUMN */}
|
||||
@@ -118,25 +101,9 @@ class About extends React.Component {
|
||||
<div className="col-md-6">
|
||||
<div className="txt-block">
|
||||
{/* Title */}
|
||||
<h5 className="h5-lg">With knowledge, skill and hard work</h5>
|
||||
{/* <h5 className="h5-lg">With knowledge, skill and hard work</h5> */}
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Aliqum mullam blandit tempor sapien gravida a donec ipsum, porta justo.
|
||||
Velna vitae auctor a congue magna and donec nihil impedit ligula risus.mauris donec
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Fringilla risus, luctus mauris orci auctor purus euismod and pretium
|
||||
purus pretium ligula rutrum tempor
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Quaerat sodales sapien an euismod purus blandit purus ipsum primis in
|
||||
cubilia laoreet augue luctus dolor
|
||||
</p>
|
||||
</li>
|
||||
</ul> {/* End List */}
|
||||
<p className="p-lg">You are interested in public infrastructure and promote eco-friendly alternatives - however keeping track of what is the fastest, cheapest and greenest way to get somewhere isn’t easily done while being in a rush. We feel you - we are here to support you with by finding a better way to go.</p> {/* End List */}
|
||||
</div>
|
||||
</div> {/* END RIGHT COLUMN */}
|
||||
</div>
|
||||
@@ -158,13 +125,13 @@ class About extends React.Component {
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
<div className="section-title text-center mb-60">
|
||||
<p>MADE FOR US</p>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Why Customers Love Us</h2>
|
||||
<h2 className="h2-md">Created from urbanists</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>
|
||||
{/* <p className="p-xl">Our Team is as vibrating and diversified as your urban life. */}
|
||||
{/* </p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -172,185 +139,43 @@ class About extends React.Component {
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="owl-carousel owl-theme reviews-1-wrapper">
|
||||
{Testimonial.map(({title, desc, name, image}, idx) => (
|
||||
<>
|
||||
{/* TESTIMONIAL #1 */}
|
||||
<div className="review-1 radius-08">
|
||||
<div className="review-1 radius-08" key={idx}>
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
{/* <div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
</div> */}
|
||||
<div style={{
|
||||
width: '50px',
|
||||
marginInline: 'auto',
|
||||
padding: 3,
|
||||
}}>
|
||||
<img src={image} style={{
|
||||
borderRadius: '100%'
|
||||
}} />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Great Flexibility!</h5>
|
||||
<h5 className="h5-sm">{title}</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Etiam sapien sem at sagittis congue an augue massa varius egestas
|
||||
undo suscipit magna tempus undo aliquet
|
||||
<p className="p-lg grey-color">{desc}
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Scott Boxer</h5>
|
||||
<h5 className="h5-xs">{name}</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #1 */}
|
||||
{/* TESTIMONIAL #2 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Simple and Useful!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">At sagittis congue augue undo egestas magna ipsum vitae purus and
|
||||
ipsum primis suscipit
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Wendy T.</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #2 */}
|
||||
{/* TESTIMONIAL #3 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">I love this App!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Mauris donec ociis magnis and sapien etiam sapien congue undo
|
||||
augue pretium and ligula augue a lectus aenean magna
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- pebz13</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #3 */}
|
||||
{/* TESTIMONIAL #4 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-1" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Best App for iOS!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">An augue in cubilia laoreet magna and suscipit egestas magna
|
||||
ipsum purus ipsum and suscipit
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Scott Boxer</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #4 */}
|
||||
{/* TESTIMONIAL #5 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Awesome Design!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Mauris donec magnis sapien undo etiam sapien and congue augue
|
||||
egestas ultrice a vitae purus velna integer tempor
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- John Sweet</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #5 */}
|
||||
{/* TESTIMONIAL #6 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Simply Amazing App!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">An augue cubilia laoreet undo magna a suscipit undo egestas
|
||||
magna ipsum ligula vitae purus ipsum primis cubilia blandit
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Leslie D.</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #6 */}
|
||||
{/* TESTIMONIAL #7 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Powerful Features!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Augue egestas volutpat and egestas augue in cubilia laoreet
|
||||
magna undo suscipit luctus
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- Marisol19</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #7 */}
|
||||
{/* TESTIMONIAL #8 */}
|
||||
<div className="review-1 radius-08">
|
||||
{/* App Rating */}
|
||||
<div className="app-rating ico-20 yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Super Support!</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Aliquam augue suscipit luctus neque purus ipsum neque dolor
|
||||
primis libero tempus at blandit posuere varius magna
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">- AJ</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #8 */}
|
||||
</>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIALS CONTENT */}
|
||||
</div>
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TESTIMONIALS-1 */}
|
||||
{/* CONTENT-2
|
||||
@@ -361,21 +186,32 @@ class About 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/about-annouce.jpg" 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">Values</span>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">All we do is dream and craft amazing digital products</h2>
|
||||
<h3 className="h2-xs">Put the User first</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia
|
||||
laoreet augue luctus magna dolor luctus at egestas sapien vitae nemo egestas volute and
|
||||
turpis dolores aliquam quaerat sodales a sapien
|
||||
</p>
|
||||
<p className="p-lg">We are fully independent. We will only show you recommendations, tips, and deals customized for you.</p>
|
||||
</div>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h3 className="h2-xs">Together is Better</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">AI and personal behavior are better together. Together we can make better decisions.</p>
|
||||
</div>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h3 className="h2-xs">There is no planet B</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">There are more and more green alternatives especially in transportation we want to encourage everyone to use these.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* End row */}
|
||||
@@ -476,135 +312,33 @@ class About extends React.Component {
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">One Team Many Talents</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>
|
||||
<p className="p-xl">Our Team is as vibrating and diversified as your urban life.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TEAM MEMBERS HOLDER */}
|
||||
<div className="team-members-holder pc-20 text-center">
|
||||
<div className="row">
|
||||
{/* TEAM MEMBER #1 */}
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src="assets/images/team-1.jpg" alt="team-member-foto" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm">Jonathan Barnes</h5>
|
||||
<p>Founder and CEO</p>
|
||||
<span><a href="#" className="grey-color">@jonatanbarnes</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #1 */}
|
||||
{/* TEAM MEMBER #2 */}
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src="assets/images/team-2.jpg" alt="team-member-foto" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm">Jamie Bartlett</h5>
|
||||
<p>Software Engineer</p>
|
||||
<span><a href="#" className="grey-color">@jamiebartlett</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #2 */}
|
||||
{/* TEAM MEMBER #3 */}
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src="assets/images/team-3.jpg" alt="team-member-foto" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm">Matthew Anderson</h5>
|
||||
<p>Software Engineer</p>
|
||||
<span><a href="#" className="grey-color">@matthewanderson</a></span>
|
||||
</div>
|
||||
<div className="row justify-content-center">
|
||||
{Testimonial.map(({name, title, image, link: {domain, href}}, idx) => (
|
||||
<>
|
||||
{/* TEAM MEMBER #1 */}
|
||||
<div className="col-sm-6 col-lg-3" key={idx}>
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src={image} alt="team-member-photo" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm">{name}</h5>
|
||||
<p>{title}</p>
|
||||
<span><a href={href} className="grey-color">@{domain}</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #3 */}
|
||||
{/* TEAM MEMBER #4 */}
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="1s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src="assets/images/team-4.jpg" alt="team-member-foto" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm">Megan Coleman</h5>
|
||||
<p>UX / UI Designer</p>
|
||||
<span><a href="#" className="grey-color">@megancoleman</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #4 */}
|
||||
{/* TEAM MEMBER #5 */}
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src="assets/images/team-5.jpg" alt="team-member-foto" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm">Charlotte Johnson</h5>
|
||||
<p>Quality Assurance</p>
|
||||
<span><a href="#" className="grey-color">@charlottejohnson</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #5 */}
|
||||
{/* TEAM MEMBER #6 */}
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src="assets/images/team-6.jpg" alt="team-member-foto" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm">Olivia Steiner</h5>
|
||||
<p>Head of Marketing</p>
|
||||
<span><a href="#" className="grey-color">@oliviasteiner</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #6 */}
|
||||
{/* TEAM MEMBER #7 */}
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src="assets/images/team-7.jpg" alt="team-member-foto" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm">Mark Brayton</h5>
|
||||
<p>Customer Care</p>
|
||||
<span><a href="#" className="grey-color">@markbrayton</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #7 */}
|
||||
{/* TEAM MEMBER #8 */}
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="team-member wow fadeInUp" data-wow-delay="1s">
|
||||
{/* Team Member Photo */}
|
||||
<div className="team-member-photo pc-10">
|
||||
<img className="img-fluid" src="assets/images/team-8.jpg" alt="team-member-foto" />
|
||||
</div>
|
||||
{/* Team Member Data */}
|
||||
<div className="team-member-data">
|
||||
<h5 className="h5-sm ">Grow With Us</h5>
|
||||
<span><a href="mailto:youremail@mail.com" className="grey-color">hireme@domain.com</a></span>
|
||||
<span><a href="mailto:youremail@mail.com" className="grey-color">hireme1@domain.com</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEAM MEMBER #8 */}
|
||||
{/* END TEAM MEMBER #1 */}
|
||||
</>
|
||||
))}
|
||||
</div> {/* End row */}
|
||||
</div> {/* TEAM MEMBERS HOLDER */}
|
||||
</div> {/* End container */}
|
||||
|
||||
+2
-1
@@ -193,7 +193,8 @@ class Faqs extends React.Component {
|
||||
<div className="download-2-txt white-color">
|
||||
{/* Icon */}
|
||||
<div className="download-2-logo">
|
||||
<img className="img-fluid" src="assets/images/app-logo.png" alt="app-logo" />
|
||||
{/* <img className="img-fluid" src="assets/images/app-logo.png" alt="app-logo" /> */}
|
||||
<img className="img-fluid" src="assets/images/favicon.svg" alt="app-logo" />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<div className="d2-txt">
|
||||
|
||||
@@ -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
@@ -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.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 */}
|
||||
|
||||
+291
-167
@@ -27,13 +27,13 @@ class FloatHome extends React.Component {
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="hero-5-txt wow fadeInRight" data-wow-delay="0.4s">
|
||||
{/* Title */}
|
||||
<h3 className="h3-lg">Travel Smarter. Save Money.</h3>
|
||||
<h3 className="h3-lg">{heroSection.header}</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">Travel smarter and safer, with Float's rideshare comparison, ride hailing and budgeting app. Available on IOS and Android.</p>
|
||||
<p className="p-lg grey-color">{heroSection.description}</p>
|
||||
{/* HERO LINKS */}
|
||||
<div className="hero-video-link">
|
||||
<a href="https://www.youtube.com/embed/7e90gBu4pas" className="video-popup2 btn btn-md btn-video-link ico-30">
|
||||
<span className="flaticon-play-button" /> Watch the Overview
|
||||
<span className="flaticon-play-button" /> {heroSection.heroLink}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -48,7 +48,7 @@ class FloatHome extends React.Component {
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="hero-5-btns wow fadeInLeft" data-wow-delay="0.4s">
|
||||
{/* Title */}
|
||||
<h3 className="h3-lg">Intelligent Mobility Choices!</h3>
|
||||
<h3 className="h3-lg">{heroSection.button}</h3>
|
||||
{/* STORE BADGES */}
|
||||
<div className="stores-badge">
|
||||
{/* AppStore */}
|
||||
@@ -75,13 +75,13 @@ class FloatHome extends React.Component {
|
||||
{/* Rating */}
|
||||
<div className="txt-block-rating">
|
||||
<div className="stars-rating grey-color">
|
||||
All Versions Rating
|
||||
{heroSection.badge.rating}
|
||||
<span className="flaticon-star ml-5" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star" />
|
||||
<span className="flaticon-star-half-empty" />
|
||||
<p className="txt-rating">Based on 7.296 user reviews</p>
|
||||
<p className="txt-rating">{heroSection.badge.review}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -102,11 +102,9 @@ class FloatHome extends React.Component {
|
||||
{/* Icon */}
|
||||
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-mobile-phone" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Quick Access</h5>
|
||||
<h5 className="h5-sm">{message.access.heading}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit
|
||||
</p>
|
||||
<p className="p-lg">{message.access.description}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #2 */}
|
||||
@@ -115,11 +113,9 @@ class FloatHome extends React.Component {
|
||||
{/* Icon */}
|
||||
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-chat-4" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Smart Notifications</h5>
|
||||
<h5 className="h5-sm">{message.notification.heading}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit
|
||||
</p>
|
||||
<p className="p-lg">{message.notification.description}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #3 */}
|
||||
@@ -128,15 +124,13 @@ class FloatHome extends React.Component {
|
||||
{/* Icon */}
|
||||
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-spam" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Spam Protection</h5>
|
||||
<h5 className="h5-sm">{message.spam.heading}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit
|
||||
</p>
|
||||
<p className="p-lg">{message.spam.description}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> END FEATURES-1 WRAPPER
|
||||
</div> {/* END FEATURES-1 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END FEATURES-1 */}
|
||||
{/* CONTENT-3
|
||||
@@ -150,15 +144,13 @@ class FloatHome extends React.Component {
|
||||
<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">FROM A TO B</span>
|
||||
<span className="section-id grey-color">{travelGuide.location.leadTitle}</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Travel your way, with your local travel app.</h2>
|
||||
<h2 className="h2-md">{travelGuide.location.title}</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">The struggle is real and you know it, there have never been more options to move from A to B. Take back control!
|
||||
</p>
|
||||
<p className="p-lg">{travelGuide.location.desc}</p>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Compare transport options and access ridesharing services directly in app, all whilst keeping track of your travel budget and traveling safely.
|
||||
</p>
|
||||
<p className="p-lg">{travelGuide.location.descTwo}</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
@@ -182,12 +174,11 @@ class FloatHome extends React.Component {
|
||||
<div className="col-md-7 col-lg-6">
|
||||
<div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
|
||||
{/* Section ID */}
|
||||
<span className="section-id grey-color">SMART VISUALS</span>
|
||||
<span className="section-id grey-color">{travelGuide.history.leadTitle}</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Your travel data at a glance.</h2>
|
||||
<h2 className="h2-md">{travelGuide.history.title}</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Keep track of the money, time and emissions you spend on your everyday travel. Float reviews your travel and analyzes your behavior to provide you with an easy overview.
|
||||
</p>
|
||||
<p className="p-lg">{travelGuide.history.desc}</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* End row */}
|
||||
@@ -204,21 +195,19 @@ class FloatHome extends React.Component {
|
||||
<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>
|
||||
<span className="section-id grey-color">{travelGuide.travelTips.leadTitle}</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Explore your city smarter with Float.</h2>
|
||||
<h2 className="h2-md">{travelGuide.travelTips.title}</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>
|
||||
<p className="p-lg">{travelGuide.travelTips.desc}</p>
|
||||
{/* Text */}
|
||||
<p className="p-lg">traveling around your city. Get smart tips and alerts customized to your travel behaviour.
|
||||
</p>
|
||||
<p className="p-lg">{travelGuide.travelTips.descTwo}</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" />
|
||||
<img className="img-fluid" src="assets/images/home-sta-desktop1.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -234,11 +223,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Ready to Try Float?</h2>
|
||||
<h2 className="h2-md">{tryFloatSec.title}</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>
|
||||
<p className="p-xl">{tryFloatSec.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -253,11 +240,9 @@ class FloatHome extends React.Component {
|
||||
{/* Icon */}
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-user-1" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-md">Multiple Accounts</h5>
|
||||
<h5 className="h5-md">{tryFloatSec.accounts.title}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit
|
||||
</p>
|
||||
<p className="p-lg">{tryFloatSec.accounts.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #2 */}
|
||||
@@ -266,11 +251,9 @@ class FloatHome extends React.Component {
|
||||
{/* Icon */}
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-smiley" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-md">Stickers & Emojis</h5>
|
||||
<h5 className="h5-md">{tryFloatSec.emojis.title}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit
|
||||
</p>
|
||||
<p className="p-lg">{tryFloatSec.emojis.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #3 */}
|
||||
@@ -279,11 +262,9 @@ class FloatHome extends React.Component {
|
||||
{/* Icon */}
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-image" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-md">Share Files & Media</h5>
|
||||
<h5 className="h5-md">{tryFloatSec.files.title}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit
|
||||
</p>
|
||||
<p className="p-lg">{tryFloatSec.files.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -306,12 +287,11 @@ class FloatHome extends React.Component {
|
||||
<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">CUSTOM DEALS FOR YOU</span>
|
||||
<span className="section-id grey-color">{customDeals.leadTitle}</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Get rewarded with Float points for traveling smarter.</h2>
|
||||
<h2 className="h2-md">{customDeals.title}</h2>
|
||||
{/* Text */}
|
||||
<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>
|
||||
<p className="p-lg">{customDeals.desc}</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT TXT */}
|
||||
</div> {/* End row */}
|
||||
@@ -332,10 +312,8 @@ class FloatHome extends React.Component {
|
||||
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-video-player" /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">Text, Voice & Video Calls</h5>
|
||||
<p className="p-lg">Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at
|
||||
suscipit quaerat ultrice tellus viverra
|
||||
</p>
|
||||
<h5 className="h5-sm">{customDeals.text.title}</h5>
|
||||
<p className="p-lg">{customDeals.text.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTENT BOX #2 */}
|
||||
@@ -344,10 +322,8 @@ class FloatHome extends React.Component {
|
||||
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-smiley" /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">Stickers, Emojis, Themes</h5>
|
||||
<p className="p-lg">Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at
|
||||
suscipit quaerat ultrice tellus viverra
|
||||
</p>
|
||||
<h5 className="h5-sm">{customDeals.stickers.title}</h5>
|
||||
<p className="p-lg">{customDeals.stickers.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CONTENT BOX #3 */}
|
||||
@@ -356,10 +332,8 @@ class FloatHome extends React.Component {
|
||||
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-image" /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">Share Files & Media</h5>
|
||||
<p className="p-lg">Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at
|
||||
suscipit quaerat ultrice tellus viverra
|
||||
</p>
|
||||
<h5 className="h5-sm">{customDeals.media.title}</h5>
|
||||
<p className="p-lg">{customDeals.media.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -367,7 +341,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 */}
|
||||
@@ -387,11 +361,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">More Features to Expect</h2>
|
||||
<h2 className="h2-md">{moreFeatures.title}</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>
|
||||
<p className="p-xl">{moreFeatures.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -406,11 +378,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-8 m-bottom">
|
||||
<div className="fbox-4-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Dark & Light Modes</h5>
|
||||
<h5 className="h5-sm">{moreFeatures.mode.title}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
|
||||
at vitae congue tempus
|
||||
</p>
|
||||
<p className="p-md">{moreFeatures.mode.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* ICON */}
|
||||
@@ -430,11 +400,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-8 m-bottom">
|
||||
<div className="fbox-4-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Group Messaging</h5>
|
||||
<h5 className="h5-sm">{moreFeatures.groupMes.title}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
|
||||
at vitae congue tempus
|
||||
</p>
|
||||
<p className="p-md">{moreFeatures.groupMes.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* ICON */}
|
||||
@@ -454,11 +422,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-8 m-bottom">
|
||||
<div className="fbox-4-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Strong Encryption</h5>
|
||||
<h5 className="h5-sm">{moreFeatures.strongEncry.title}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
|
||||
at vitae congue tempus
|
||||
</p>
|
||||
<p className="p-md">{moreFeatures.strongEncry.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* ICON */}
|
||||
@@ -478,11 +444,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-8 m-bottom">
|
||||
<div className="fbox-4-txt">
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Voice Assistant</h5>
|
||||
<h5 className="h5-sm">{moreFeatures.voiceAsst.title}</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
|
||||
at vitae congue tempus
|
||||
</p>
|
||||
<p className="p-md">{moreFeatures.voiceAsst.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* ICON */}
|
||||
@@ -509,36 +473,36 @@ class FloatHome extends React.Component {
|
||||
<div id="sb-2-1" className="col-sm-6 col-lg-3">
|
||||
<div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Digit */}
|
||||
<h2 className="h2-title-sm statistic-number"><span className="count-element">28</span>%</h2>
|
||||
<h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.fastAccess.count}</span>%</h2>
|
||||
{/* Text */}
|
||||
<h5 className="h5-xs">Faster Access</h5>
|
||||
<h5 className="h5-xs">{stats.fastAccess.title}</h5>
|
||||
</div>
|
||||
</div>
|
||||
{/* STATISTIC BLOCK #2 */}
|
||||
<div id="sb-2-2" className="col-sm-6 col-lg-3">
|
||||
<div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Digit */}
|
||||
<h2 className="h2-title-sm statistic-number"><span className="count-element">47</span>%</h2>
|
||||
<h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.appPro.count}</span>%</h2>
|
||||
{/* Text */}
|
||||
<h5 className="h5-xs">App Productivity</h5>
|
||||
<h5 className="h5-xs">{stats.appPro.title}</h5>
|
||||
</div>
|
||||
</div>
|
||||
{/* STATISTIC BLOCK #3 */}
|
||||
<div id="sb-2-3" className="col-sm-6 col-lg-3">
|
||||
<div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Digit */}
|
||||
<h2 className="h2-title-sm statistic-number"><span className="count-element">54</span>%</h2>
|
||||
<h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.secureAccess.count}</span>%</h2>
|
||||
{/* Text */}
|
||||
<h5 className="h5-xs">Secure Access</h5>
|
||||
<h5 className="h5-xs">{stats.secureAccess.title}</h5>
|
||||
</div>
|
||||
</div>
|
||||
{/* STATISTIC BLOCK #4 */}
|
||||
<div id="sb-2-4" className="col-sm-6 col-lg-3">
|
||||
<div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="1s">
|
||||
{/* Digit */}
|
||||
<h2 className="h2-title-sm statistic-number"><span className="count-element">36</span>%</h2>
|
||||
<h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.batSaving.count}</span>%</h2>
|
||||
{/* Text */}
|
||||
<h5 className="h5-xs">Battery Saving</h5>
|
||||
<h5 className="h5-xs">{stats.batSaving.title}</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -553,32 +517,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">{artIntel.artificialEngine.leadTitle}</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">{artIntel.artificialEngine.title}</h2>
|
||||
<p className="p-lg">{artIntel.artificialEngine.desc}</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* End row */}
|
||||
@@ -593,27 +542,25 @@ class FloatHome extends React.Component {
|
||||
<div className="col-md-6 col-xl-6">
|
||||
<div className="txt-block left-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Totally Optimized</span>
|
||||
<span className="section-id">{artIntel.optimization.leadTitle}</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Intuitive features, powerful results</h2>
|
||||
<h2 className="h2-md">{artIntel.optimization.title}</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 className="p-lg">{artIntel.optimization.desc}
|
||||
</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="p-lg">Quaerat sodales sapien euismod purus blandit</p>
|
||||
<p className="p-lg">{artIntel.optimization.desc2}</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 className="p-lg">{artIntel.optimization.desc3}
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/* Button */}
|
||||
<a href="#faqs-1" className="btn btn-tra-grey rose-hover">Read The FAQs</a>
|
||||
<a href="#faqs-1" className="btn btn-tra-grey rose-hover">{artIntel.optimization.btn}</a>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
@@ -682,10 +629,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Accessible for All Platforms</h2>
|
||||
<h2 className="h2-md">{accessibilitySec.title}</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 className="p-xl">A{accessibilitySec.desc}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -694,7 +640,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>
|
||||
@@ -704,10 +650,10 @@ class FloatHome extends React.Component {
|
||||
<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-tra-grey rose-hover">
|
||||
See Float in Action <span className="flaticon-play-button" />
|
||||
{accessibilitySec.youtubeLink} <span className="flaticon-play-button" />
|
||||
</a>
|
||||
{/* OS Prerequisite */}
|
||||
<span className="os-version">Available on Android, iOS and macOS</span>
|
||||
<span className="os-version">{accessibilitySec.leadTitle}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END DOWNLOAD BUTTON */}
|
||||
@@ -720,40 +666,22 @@ 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 */}
|
||||
<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 */}
|
||||
<div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">
|
||||
<span className="section-id">{floatForSpeed.leadTitle}</span>
|
||||
<h2 className="h2-md">{floatForSpeed.title}</h2>
|
||||
<p className="p-xl">{floatForSpeed.desc}
|
||||
</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 */}
|
||||
@@ -971,7 +899,7 @@ class FloatHome extends React.Component {
|
||||
</a> */}
|
||||
</div> {/* END STORE BADGES */}
|
||||
{/* OS Prerequisite */}
|
||||
<span className="os-version">Available for iOS 8 and Android Devices From 5.5</span>
|
||||
<span className="os-version">{downloadPlatform.leadTitle}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END DOWNLOAD BUTTON */}
|
||||
@@ -1127,9 +1055,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-6">
|
||||
<div className="newsletter-txt">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Subscribe to Our Newsletter</span>
|
||||
<span className="section-id">{subscribeSec.leadTitle}</span>
|
||||
{/* Title */}
|
||||
<h4 className="h4-xl">Stay up to date with our news, ideas and updates</h4>
|
||||
<h4 className="h4-xl">{subscribeSec.title}</h4>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
@@ -1138,7 +1066,7 @@ class FloatHome extends React.Component {
|
||||
<div className="input-group">
|
||||
<input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
|
||||
<span className="input-group-btn">
|
||||
<button type="submit" className="btn btn-md btn-rose tra-rose-hover">Subscribe Now</button>
|
||||
<button type="submit" className="btn btn-md btn-rose tra-rose-hover">{subscribeSec.btn}</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
@@ -1261,10 +1189,9 @@ class FloatHome extends React.Component {
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="download-5-txt text-center wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Lightning Fast. Super Powerful</h2>
|
||||
<h2 className="h2-md">{floatMight.title}</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque dolor primis libero tempus, blandit
|
||||
posuere and ligula varius magna porta
|
||||
<p className="p-xl">{floatMight.desc}
|
||||
</p>
|
||||
{/* STORE BADGES */}
|
||||
<div className="stores-badge mb-50">
|
||||
@@ -1292,7 +1219,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 */}
|
||||
@@ -1306,4 +1233,201 @@ class FloatHome extends React.Component {
|
||||
)
|
||||
}
|
||||
}
|
||||
export default FloatHome
|
||||
export default FloatHome
|
||||
|
||||
|
||||
// PAGE TEXT/CONTENT VARIABLES
|
||||
|
||||
//HERO SECTION
|
||||
let heroSection = {
|
||||
header: `ravel Smarter. Save Money.`,
|
||||
description: `Travel smarter and safer, with Float's rideshare comparison, ride hailing and budgeting app. Available on IOS and Android.`,
|
||||
heroLink: 'Watch the Overview',
|
||||
button: `Intelligent Mobility Choices!`,
|
||||
badge: {rating: `All Versions Rating`, review: 'Based on 7.296 user reviews'}
|
||||
};
|
||||
|
||||
//SECTION TWO
|
||||
let message = {
|
||||
access: {
|
||||
heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit`
|
||||
},
|
||||
notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit`
|
||||
},
|
||||
spam: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit`
|
||||
}
|
||||
};
|
||||
|
||||
//SECTION THREE (TRAVEL GUIDE SECTION)
|
||||
let travelGuide = {
|
||||
location: {
|
||||
leadTitle: `FROM A TO B`,
|
||||
title: `Travel your way, with your local travel app.`,
|
||||
desc: `The struggle is real and you know it, there have never been more options to move from A to B. Take back control!`,
|
||||
descTwo: `Compare transport options and access ridesharing services directly in app, all whilst keeping track of your travel budget and traveling safely.`
|
||||
},
|
||||
|
||||
history:{
|
||||
leadTitle: `SMART VISUALS`,
|
||||
title: `Your travel data at a glance.`,
|
||||
desc: `The struggle is real and you know it, Keep track of the money, time and emissions you spend on your everyday travel. Float reviews your travel and analyzes your behavior to provide you with an easy overview.
|
||||
there have never been more options to move from A to B. Take back control!`
|
||||
},
|
||||
|
||||
travelTips:{
|
||||
leadTitle: `SMART TIPS & ALERTS`,
|
||||
title: `Explore your city smarter with Float.`,
|
||||
desc: `Stay on top of how you travel. Start saving money and time, reduce your emissions, all whilst making the safest choice when`,
|
||||
descTwo: `traveling around your city. Get smart tips and alerts customized to your travel behaviour.`
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
//SECTION FOUR (READY TO TRY FLOAT SECTION)
|
||||
let tryFloatSec = {
|
||||
title: `Ready to Try Float?`,
|
||||
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor`,
|
||||
accounts: {
|
||||
title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit`
|
||||
},
|
||||
emojis: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit`
|
||||
},
|
||||
files: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
|
||||
ociis ligula blandit`
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//SECTION FIVE (CUSTOM DEALS FOR YOU SECTION)
|
||||
let customDeals = {
|
||||
leadTitle: `CUSTOM DEALS FOR YOU`,
|
||||
title: `Get rewarded with Float points for traveling smarter.`,
|
||||
desc: `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!)`,
|
||||
|
||||
text: {title: `float Messaging and Calls`,
|
||||
desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
|
||||
},
|
||||
stickers: {title: `Stickers, Emojis, Themes`,
|
||||
desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
|
||||
},
|
||||
media: {title: `Share Files & Media`,
|
||||
desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
|
||||
}
|
||||
}
|
||||
|
||||
//MORE FEATURES
|
||||
let moreFeatures = {
|
||||
title: `More Features to Expect`,
|
||||
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor`,
|
||||
|
||||
mode: {
|
||||
title: `Dark & Light Modes`,
|
||||
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
|
||||
at vitae congue tempus`
|
||||
},
|
||||
|
||||
groupMes: {
|
||||
title: `Group Messaging`,
|
||||
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
|
||||
at vitae congue tempus`
|
||||
},
|
||||
|
||||
strongEncry: {
|
||||
title: `Strong Encryption`,
|
||||
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
|
||||
at vitae congue tempus`
|
||||
},
|
||||
|
||||
voiceAsst: {
|
||||
title: `float Assistant`,
|
||||
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
|
||||
at vitae congue tempus`
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//STATISTICS
|
||||
let stats = {
|
||||
fastAccess:{
|
||||
count: `28`,
|
||||
title: `Faster Access`
|
||||
},
|
||||
|
||||
appPro:{
|
||||
count: `47`,
|
||||
title: `App Productivity`
|
||||
},
|
||||
|
||||
secureAccess:{
|
||||
count: `54`,
|
||||
title: `Secure Access`
|
||||
},
|
||||
|
||||
batSaving:{
|
||||
count: `36`,
|
||||
title: `Battery Saving`
|
||||
},
|
||||
}
|
||||
|
||||
//AI SECTION
|
||||
let artIntel = {
|
||||
artificialEngine: {
|
||||
leadTitle: `RECOMMENDATION ENGINE`,
|
||||
title: `Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.`,
|
||||
desc: `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.`
|
||||
},
|
||||
|
||||
optimization: {
|
||||
leadTitle: `Totally Optimized`,
|
||||
title: `Intuitive features, powerful results`,
|
||||
desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium
|
||||
ligula rutrum tempor sapien`,
|
||||
desc2: `Quaerat sodales sapien euismod purus blandit`,
|
||||
desc3: `Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo
|
||||
pretium a purus mauris`,
|
||||
btn: `Read The FAQs`
|
||||
}
|
||||
}
|
||||
|
||||
//ACCESSIBILITY SECTION
|
||||
let accessibilitySec = {
|
||||
title: `Accessible for All Platforms`,
|
||||
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor`,
|
||||
youtubeLink: `See Float in Action`,
|
||||
leadTitle: `Available on Android, iOS and macOS`,
|
||||
}
|
||||
|
||||
//BULIT FOR SPEED
|
||||
let floatForSpeed = {
|
||||
leadTitle: `Built For Speed`,
|
||||
title: `Easy Navigation`,
|
||||
desc: `Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit
|
||||
posuere orci auctor purus euismod an aliquam quaerat purus`
|
||||
}
|
||||
|
||||
//DOWNLOAD SECTION TWO
|
||||
let downloadPlatform = {
|
||||
leadTitle: `Available for iOS 8 and Android Devices From 5.5`
|
||||
}
|
||||
|
||||
//SUBSCRIBE SECTION
|
||||
let subscribeSec = {
|
||||
leadTitle: `Subscribe to Our Newsletter`,
|
||||
title: `Stay up to date with our news, ideas and updates`,
|
||||
btn: 'Subscribe Now'
|
||||
}
|
||||
|
||||
// LIGHT & POWERFUL
|
||||
let floatMight = {
|
||||
title: `Lightning Fast. Super Powerful`,
|
||||
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque dolor primis libero tempus, blandit
|
||||
posuere and ligula varius magna porta`,
|
||||
}
|
||||
+1
-1
@@ -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>
|
||||
|
||||
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 & 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 */}
|
||||
|
||||
@@ -0,0 +1,62 @@
|
||||
export const Testimonial = [
|
||||
{
|
||||
name: 'Stew Langille',
|
||||
title: 'Founder & CEO',
|
||||
desc: 'Stew is our San Fran based entrepreneur and dad who has a busy lifestyle juggling his many responsibilities. Stew knows the importance of having multiple transport options available at the touch of a button, a dream that’s now turning into a reality.',
|
||||
image: 'assets/images/team-8.jpg',
|
||||
link: {
|
||||
href: '#',
|
||||
domain: 'matthewanderson'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'Olu Ameye',
|
||||
title: 'CTO',
|
||||
desc: 'Living in the outskirts of Atlanta, Olu is the resident driver of the team and works on reducing his carbon emissions by carpooling. Olu provides the perspective of fellow car owners that he weaves into Float’s technical infrastructure.',
|
||||
image: 'assets/images/team-8.jpg',
|
||||
link: {
|
||||
href: '#',
|
||||
domain: 'matthewanderson'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'Cornel Vaideanu',
|
||||
title: 'Development',
|
||||
desc: 'Residing high above the rest of us in his apartment in Cluj-Napoca, Romania, Cornel’s constant transport battle is with parking. But being the savvy problem solver that he is, Cornel loves to ditch his car and check out the alternative more accessible transport options to get around Cluj’s urban sprawl.',
|
||||
image: 'assets/images/team-8.jpg',
|
||||
link: {
|
||||
href: '#',
|
||||
domain: 'matthewanderson'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'Anatoli Okhotnikov',
|
||||
title: 'Development',
|
||||
desc: 'Living in the fairy-tale like town of Ivano-Frankivsk, Ukraine, Tolik brings the unique perspective of smaller urban living to the table. With the tempting Chornohora mountain range on his back doorstep, Tolik clocks up the miles jumping in his car and escaping to the mountains all year round.',
|
||||
image: 'assets/images/team-8.jpg',
|
||||
link: {
|
||||
href: '#',
|
||||
domain: 'matthewanderson'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'Maxie Jensen',
|
||||
title: 'Design & Brand',
|
||||
desc: 'Living smack bang in the middle of Berlin, Maxie knows the hustle and bustle of the big city and cannot wait for Float to be launched in Germany to help navigate her way around the concrete jungle.',
|
||||
image: 'assets/images/team-8.jpg',
|
||||
link: {
|
||||
href: '#',
|
||||
domain: 'matthewanderson'
|
||||
}
|
||||
},
|
||||
{
|
||||
name: 'Chelse Smith',
|
||||
title: 'Project Management',
|
||||
desc: 'Chelsea has just moved into a new house in central Auckland, NZ so she can be closer to EVERYTHING; restaurants, bars and public transport. She loves exploring the many transit options that come with the new territory.',
|
||||
image: 'assets/images/team-8.jpg',
|
||||
link: {
|
||||
href: '#',
|
||||
domain: 'matthewanderson'
|
||||
}
|
||||
}
|
||||
]
|
||||
Reference in New Issue
Block a user