Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Chukwumdiebube
|
994613a5fa | ||
|
Chukwumdiebube
|
d947a24043 |
@@ -1,6 +1,2 @@
|
||||
REACT_APP_APPSITE='http://welcome.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'
|
||||
REACT_APP_EMAIL='support@float.sg'
|
||||
@@ -414,10 +414,9 @@ p {
|
||||
background-attachment: fixed!important;
|
||||
}
|
||||
|
||||
.bg_chat { background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.52), rgba(49, 46, 48, 0.73)),url(../images/personwithbackpack.png); background-attachment: scroll!important; background-position: top; }
|
||||
.bg_fit_01 { background-image: url(../images/bg_sblue_img.jpg); background-attachment: scroll!important; }
|
||||
/* .bg_fit_02 { background-image: url(../images/bg_fit_02.jpg); } */
|
||||
.bg_fit_02 { background-image: url(../images/bg_fit_02.png); } /*changed image*/
|
||||
.bg_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_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; }
|
||||
@@ -3809,8 +3808,6 @@ h2.statistic-number {
|
||||
background-color: #fafafa!important;
|
||||
}
|
||||
|
||||
#pricing-2{display: none;}
|
||||
|
||||
#pricing-2 .pricing-plan {
|
||||
padding: 45px 40px 40px;
|
||||
border: 1px solid #ddd;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 405 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 470 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 147 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 90 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 447 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 262 KiB |
+82
-35
@@ -3,6 +3,62 @@ import { Testimonial } from './assests/data/about';
|
||||
|
||||
class About extends React.Component {
|
||||
render() {
|
||||
let heroInfo = {
|
||||
title: {
|
||||
normal: 'No, we are ', //leave a space after writing for proper indentation
|
||||
bold: 'not just another travel app.'
|
||||
},
|
||||
desc: "Float is a global Start Up working on improving everyone’s city life."
|
||||
}
|
||||
let aboutDesc = {
|
||||
upperSection: {
|
||||
title: "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.",
|
||||
vision: {
|
||||
title: 'OUR VISION',
|
||||
text: "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."
|
||||
},
|
||||
mission: {
|
||||
title: "OUR MISSION",
|
||||
text: "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."
|
||||
}
|
||||
},
|
||||
lowerSection: {
|
||||
caption: {
|
||||
first: "MADE FOR YOU",
|
||||
second: "Created for urbanists"
|
||||
},
|
||||
left: {
|
||||
first: "A classic day in your urban life:",
|
||||
second: "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."
|
||||
},
|
||||
right: "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."
|
||||
},
|
||||
cta: "Read the Reviews"
|
||||
}
|
||||
let testimonials = {
|
||||
tag: 'MADE FOR US',
|
||||
title:'Created from urbanists'
|
||||
}
|
||||
let valueInfo = {
|
||||
id: 'Values',
|
||||
title1: 'Put the User first',
|
||||
text1: 'We are fully independent. We will only show you recommendations, tips, and deals customized for you.',
|
||||
title2: 'Together is Better',
|
||||
text2: 'AI and personal behavior are better together. Together we can make better decisions.',
|
||||
title3: 'There is no planet B',
|
||||
text3: 'There are more and more green alternatives especially in transportation we want to encourage everyone to use these.'
|
||||
}
|
||||
let brands = 'You might know Float from:'
|
||||
let team = {
|
||||
tag: 'One Team Many Talents',
|
||||
title: 'Our Team is as vibrating and diversified as your urban life.',
|
||||
}
|
||||
let newsletter = {
|
||||
tag: 'Subscribe to Our Newsletter',
|
||||
title: 'Stay up to date with our news, ideas and updates',
|
||||
cta: 'Subscribe Now'
|
||||
}
|
||||
|
||||
return(
|
||||
<div>
|
||||
|
||||
@@ -26,10 +82,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">No, we are <span>not just another travel app.</span> </h2>
|
||||
<h2 className="h2-md">{heroInfo.title.normal} <span>{heroInfo.title.bold}</span> </h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Float is a global Start Up working on improving everyone’s city life.
|
||||
</p>
|
||||
<p className="p-xl">{heroInfo.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -45,7 +100,7 @@ class About extends React.Component {
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="txt-block mb-35">
|
||||
<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>
|
||||
<h5 className="h5-lg text-justify">{aboutDesc.upperSection.title}</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -54,22 +109,19 @@ class About extends React.Component {
|
||||
<div className="col-md-6">
|
||||
<div className="txt-block top-box">
|
||||
{/* Title */}
|
||||
<h5 className="h5-lg">OUR VISION</h5>
|
||||
<h5 className="h5-lg">{aboutDesc.upperSection.vision.title}</h5>
|
||||
{/* Text */}
|
||||
<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>
|
||||
|
||||
<p className="p-lg lh-lg">{aboutDesc.upperSection.vision.text}</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>
|
||||
<h5 className="h5-lg">{aboutDesc.upperSection.mission.title}</h5>
|
||||
{/* 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 */}
|
||||
<p className="p-lg lg-lh">{aboutDesc.upperSection.mission.text}</p> {/* End List */}
|
||||
</div>
|
||||
</div> {/* END RIGHT COLUMN */}
|
||||
</div>
|
||||
@@ -84,7 +136,7 @@ class About extends React.Component {
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="about-2-txt pc-50">
|
||||
<h5 className="h5-lg"> <span>MADE FOR YOU</span><br />Created for urbanists</h5>
|
||||
<h5 className="h5-lg"> <span>{aboutDesc.lowerSection.caption.first}</span><br />{aboutDesc.lowerSection.caption.second}</h5>
|
||||
<div className="row">
|
||||
{/* LEFT COLUMN */}
|
||||
<div className="col-md-6">
|
||||
@@ -92,9 +144,7 @@ class About extends React.Component {
|
||||
{/* Title */}
|
||||
{/* <h5 className="h5-lg">We care about the details</h5> */}
|
||||
{/* Text */}
|
||||
<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>
|
||||
<p className="p-lg">{aboutDesc.lowerSection.left.first}<br />{aboutDesc.lowerSection.left.second}</p>
|
||||
</div>
|
||||
</div> {/* END LEFT COLUMN */}
|
||||
{/* RIGHT COLUMN */}
|
||||
@@ -103,7 +153,7 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
{/* Title */}
|
||||
{/* <h5 className="h5-lg">With knowledge, skill and hard work</h5> */}
|
||||
{/* 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 */}
|
||||
<p className="p-lg">{aboutDesc.lowerSection.right}</p> {/* End List */}
|
||||
</div>
|
||||
</div> {/* END RIGHT COLUMN */}
|
||||
</div>
|
||||
@@ -112,7 +162,7 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="about-2-btn text-center mt-40">
|
||||
<a href="#" className="btn btn-md btn-skyblue tra-skyblue-hover">Read the Reviews</a>
|
||||
<a href="#" className="btn btn-md btn-skyblue tra-skyblue-hover">{aboutDesc.cta}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BUTTON */}
|
||||
@@ -126,9 +176,9 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
<p>MADE FOR US</p>
|
||||
<p>{testimonials.tag}</p>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Created from urbanists</h2>
|
||||
<h2 className="h2-md">{testimonials.title}</h2>
|
||||
{/* Text */}
|
||||
{/* <p className="p-xl">Our Team is as vibrating and diversified as your urban life. */}
|
||||
{/* </p> */}
|
||||
@@ -193,24 +243,24 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<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">Values</span>
|
||||
<span className="section-id grey-color">{valueInfo.id}</span>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h3 className="h2-xs">Put the User first</h3>
|
||||
<h3 className="h2-xs">{valueInfo.title1}</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">We are fully independent. We will only show you recommendations, tips, and deals customized for you.</p>
|
||||
<p className="p-lg">{valueInfo.text1}</p>
|
||||
</div>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h3 className="h2-xs">Together is Better</h3>
|
||||
<h3 className="h2-xs">{valueInfo.title2}</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">AI and personal behavior are better together. Together we can make better decisions.</p>
|
||||
<p className="p-lg">{valueInfo.text2}</p>
|
||||
</div>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h3 className="h2-xs">There is no planet B</h3>
|
||||
<h3 className="h2-xs">{valueInfo.title3}</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>
|
||||
<p className="p-lg">{valueInfo.text3}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
@@ -225,7 +275,7 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="row">
|
||||
<div className="col-lg-8 offset-lg-2">
|
||||
<div className="brands-title text-center">
|
||||
<h4 className="h4-md">You might know Float from:</h4>
|
||||
<h4 className="h4-md">{brands}</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -310,9 +360,9 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-70">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">One Team Many Talents</h2>
|
||||
<h2 className="h2-md">{team.tag}</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Our Team is as vibrating and diversified as your urban life.</p>
|
||||
<p className="p-xl">{team.title}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -353,9 +403,9 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<div className="col-lg-6">
|
||||
<div className="newsletter-txt">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Subscribe to Our Newsletter</span>
|
||||
<span className="section-id">{newsletter.tag}</span>
|
||||
{/* Title */}
|
||||
<h4 className="h4-xl">Stay up to date with our news, ideas and updates</h4>
|
||||
<h4 className="h4-xl">{newsletter.title}</h4>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
@@ -364,7 +414,7 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
<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-skyblue tra-skyblue-hover">Subscribe Now</button>
|
||||
<button type="submit" className="btn btn-md btn-skyblue tra-skyblue-hover">{newsletter.cta}</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
@@ -377,9 +427,6 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba
|
||||
</section> {/* END NEWSLETTER-1 */}
|
||||
|
||||
</div> {/* END PAGE CONTENT */}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -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/browser-edit.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/browsers.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/Welcome.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-16.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={`${process.env.REACT_APP_FLEET}/`} className="btn btn-tra-grey skyblue-hover">Find Out More</a>
|
||||
<a href="#features-5" 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_05.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-17.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/browser-edit.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/browsers.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 fleet to the next level</h2>
|
||||
<h2 className="h2-md">Take your fitness 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 */}
|
||||
|
||||
+49
-17
@@ -218,7 +218,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-15 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
|
||||
<img className="img-fluid" src="assets/images/home-sta-desktop1.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/home-sta-desktop.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -367,7 +367,7 @@ class FloatHome extends React.Component {
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-5 col-lg-6 m-top">
|
||||
<div className="img-block right-column pc-20 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
|
||||
<img className="img-fluid" src="assets/images/img_05.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-05.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -553,17 +553,32 @@ 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/how-it-works-recomment-engine.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-03.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">RECOMMENDATION ENGINE</span>
|
||||
<span className="section-id grey-color">Beauty of Simplicity</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.</h2>
|
||||
<p className="p-lg">Become a travel expert. Float aggregates transport options and gives you the control to select the safest, cheapest, quickest or greenest route to improve your daily commute.</p>
|
||||
<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>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* End row */}
|
||||
@@ -679,7 +694,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/browser-edit.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/browsers.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -705,23 +720,40 @@ 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">
|
||||
<span className="section-id">Built For Speed</span>
|
||||
<h2 className="h2-md">Share text, voice, photos, videos, GIFs and files for free</h2>
|
||||
<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>
|
||||
<div className="stores-badge">
|
||||
</p>
|
||||
{/* STORE BADGES */}
|
||||
<div className="stores-badge">
|
||||
{/* AppStore */}
|
||||
<a href="#" className="store">
|
||||
<img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
|
||||
</a>
|
||||
</a>
|
||||
{/* Google Play */}
|
||||
<a href="#" className="store">
|
||||
<img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
|
||||
</a>
|
||||
</div>
|
||||
{/* 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>
|
||||
{/* END DOWNLOAD TXT */}
|
||||
</div> {/* END DOWNLOAD TXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END DOWNLOAD-6 */}
|
||||
@@ -1260,7 +1292,7 @@ class FloatHome extends React.Component {
|
||||
</div>
|
||||
{/* Image */}
|
||||
<div className="download-5-img wow fadeInUp" data-wow-delay="0.8s">
|
||||
<img className="img-fluid" src="assets/images/img_20.png" alt="download-image" />
|
||||
<img className="img-fluid" src="assets/images/img-20.png" alt="download-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
|
||||
+1
-1
@@ -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/browser-edit.png" alt="content-image"/>
|
||||
<img className="img-fluid" src="assets/images/browsers.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/browser-edit.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/browsers.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/browser-edit.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/browsers.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/browser-edit.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/browsers.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/browser-edit.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/browsers.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
|
||||
+8
-12
@@ -64,16 +64,12 @@ 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 */}
|
||||
@@ -287,7 +283,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/info-pair.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-12.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -304,7 +300,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/route-mockup.jpeg" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-07.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
@@ -347,7 +343,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/info-pair2.jpeg" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-05.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -488,7 +484,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">Built For Speed</span>
|
||||
<span className="section-id">Voice & Video Calls</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Keep Your Favorite People Close to You</h2>
|
||||
{/* Text */}
|
||||
@@ -531,7 +527,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/how-it-works-recomment-engine.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-02.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
@@ -597,7 +593,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-2.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/tablet.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -761,7 +757,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-float.png" alt="content-image" />
|
||||
<img className="img-fluid" src="assets/images/img-01.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
|
||||
Reference in New Issue
Block a user