Compare commits
18 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
477f47ef80 | ||
 tokslaw
|
ab1618cdab | ||
|
victorAnumudu
|
bc2e6f36b4 | ||
|
DESKTOP-GBA0BK8\Admin
|
1428ddd925 | ||
|
DESKTOP-GBA0BK8\Admin
|
163a29698f | ||
|
DESKTOP-GBA0BK8\Admin
|
f652304468 | ||
|
DESKTOP-GBA0BK8\Admin
|
929a1b316f | ||
 jenkins
|
a9f382eef7 | ||
|
jenkins
|
dfdb881db7 | ||
|
jenkins
|
202132e7a5 | ||
|
jenkins
|
f6c803024c | ||
|
jenkins
|
b1a0cbab6b | ||
|
jenkins
|
c2b4273512 | ||
|
DESKTOP-GBA0BK8\Admin
|
3272b60965 | ||
|
jenkins
|
4695e934e6 | ||
|
tokslaw
|
dee383efb5 | ||
|
jenkins
|
43b79a7aa6 | ||
|
jenkins
|
5bc8ef4667 |
@@ -7,3 +7,7 @@ REACT_APP_APIGATE='http://float-gat.dev.chiefsoft.net'
|
||||
|
||||
REACT_APP_APPLE_LINK='https://apps.apple.com/us/app/float-mobility/id1465369130'
|
||||
REACT_APP_GOOGLE_PLAY_LINK='https://apps.apple.com/us/app/float-mobility/id1465369130'
|
||||
|
||||
REACT_APP_AUX_ENDPOINT='https://float-gat.dev.chiefsoft.net/en/floatweb/api/v1/'
|
||||
|
||||
REACT_APP_IMAGE_LINK='https://blog.float.sg/wp-content/uploads/'
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "wwww-float",
|
||||
"version": "0.2.0",
|
||||
"version": "0.3.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@reduxjs/toolkit": "^1.8.2",
|
||||
|
||||
@@ -4714,8 +4714,8 @@ h5.posts-category {
|
||||
.featured-badge {
|
||||
z-index: 70;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
-webkit-border-radius: 100%;
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
+21
-3
@@ -5,7 +5,6 @@
|
||||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
|
||||
<meta name="author" content="Float Mobility">
|
||||
<meta name="description" content="Travel smarter with Float's ride sharing, hailing and budgeting app. Avaliable on IOS and Android." />
|
||||
<meta name="title" content="Ride Sharing, Hailing & Budgeting App by Float" />
|
||||
@@ -54,8 +53,8 @@
|
||||
<!-- RESPONSIVE CSS -->
|
||||
<link href="/assets/css/responsive.css" rel="stylesheet">
|
||||
|
||||
|
||||
<title>Float</title>
|
||||
|
||||
<title> Ride Sharing, Hailing & Budgeting App by Float</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
@@ -79,5 +78,24 @@
|
||||
<script src="/assets/js/wow.js"></script>
|
||||
<!-- Custom Script -->
|
||||
<script src="/assets/js/custom.js"></script>
|
||||
<script>
|
||||
function initFreshChat() {
|
||||
window.fcWidget.init({
|
||||
token: "e14dfaf8-473b-4882-a83f-e88f192f763d",
|
||||
host: "https://wchat.freshchat.com"
|
||||
});
|
||||
}
|
||||
function initialize(i,t){
|
||||
var e;
|
||||
i.getElementById(t) ? initFreshChat() :
|
||||
((e=i.createElement("script")).id=t,
|
||||
e.async=!0,e.src="https://wchat.freshchat.com/js/widget.js",
|
||||
e.onload=initFreshChat,i.head.appendChild(e))
|
||||
}
|
||||
function initiateCall() {
|
||||
initialize(document,"freshchat-js-sdk")
|
||||
}
|
||||
window.addEventListener ? window.addEventListener("load",initiateCall,!1): window.attachEvent("load",initiateCall,!1);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
+25
-5
@@ -29,15 +29,35 @@ import FindMobility from "./pages/FindMobility";
|
||||
// } from "react-router-dom";
|
||||
|
||||
import { Routes, Route } from "react-router-dom";
|
||||
|
||||
import { useState, useEffect } from "react";
|
||||
import SiteService from "./svs/SiteService";
|
||||
|
||||
function App() {
|
||||
const [blogData, setBlogData] = useState([]) // for holding
|
||||
const siteApi = new SiteService(); // instantiating the API SERVICE
|
||||
const getBlogData = async () => {
|
||||
try {
|
||||
const res = await siteApi.blogData();
|
||||
if(res.status == 200 /* && res.data.status > 0*/){
|
||||
console.log(res.data);
|
||||
setBlogData(res.data)
|
||||
return
|
||||
}
|
||||
}catch(error) {
|
||||
setBlogData({blogdata: []})
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
getBlogData();
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="App">
|
||||
|
||||
<Header/>
|
||||
<Routes>
|
||||
<Route path="/" element={<FloatHome/>} />
|
||||
<Route path="/" element={<FloatHome blogData={blogData} />} />
|
||||
<Route path="/about" element={<About/>} />
|
||||
<Route path="/faqs" element={<Faqs/>} />
|
||||
<Route path="/features" element={<Features/>} />
|
||||
@@ -48,12 +68,12 @@ function App() {
|
||||
<Route path="/demo" element={<Demo/>} />
|
||||
<Route path="/about" element={<About/>} />
|
||||
<Route path="/blog_listing" element={<Blog_listing/>} />
|
||||
<Route path="/blogs" element={<Blog_listing/>} />
|
||||
<Route path="/blogs" element={<Blog_listing blogData={blogData} />} />
|
||||
<Route path="/contacts" element={<Contacts/>} />
|
||||
<Route path="/users" element={<Users/>} />
|
||||
<Route path="/users" element={<Users blogData={blogData} />} />
|
||||
<Route path="/business" element={<Fleet/>} />
|
||||
<Route path="/privacy" element={<Privacy/>} />
|
||||
<Route path="/getstarted" element={<GetStarted />} />
|
||||
<Route path="/getstarted" element={<GetStarted blogData={blogData} />} />
|
||||
<Route path="/findev" element={<FindEv />} />
|
||||
<Route path="/findmobility" element={<FindMobility />} />
|
||||
</Routes>
|
||||
|
||||
@@ -0,0 +1,114 @@
|
||||
import React from 'react'
|
||||
import { useLocation } from 'react-router-dom'
|
||||
// import SiteService from '../svs/SiteService';
|
||||
|
||||
const BlogItems = ({blogData}) => {
|
||||
|
||||
let location = useLocation().pathname
|
||||
// const [blogData, setBlogData] = useState({}) // for holding blogs
|
||||
// console.log(blogData.payload)
|
||||
// const blogApi = new SiteService(); // instantiating the API SERVICE
|
||||
// const getBlogData = async () => {
|
||||
// try {
|
||||
// const res = await blogApi.blogData();
|
||||
// if(res.status == 200 /* && res.data.status > 0*/){
|
||||
// console.log('blogitem',res.data.payload, res.data);
|
||||
// setBlogData(res.data)
|
||||
// return
|
||||
// }
|
||||
// }catch(error) {
|
||||
// }
|
||||
// };
|
||||
|
||||
// useEffect(() => {
|
||||
// getBlogData();
|
||||
// }, []);
|
||||
|
||||
return (
|
||||
<div className="row">
|
||||
{
|
||||
blogData?.blogdata == undefined ? // API CALL IN PROGRESS
|
||||
// <div className='col-12 text-center display-4'>Loading...</div>
|
||||
<div className="col-12 text-center">
|
||||
<div className="spinner-border spinner-border-lg" role="status" style={{width: '3rem', height: '3rem'}}>
|
||||
</div>
|
||||
</div>
|
||||
:
|
||||
// API CALL FINISHED
|
||||
(
|
||||
blogData?.blogdata.length < 1 ?
|
||||
<div className='col-12 text-center display-4'>No Blog Currently Found!</div>
|
||||
:
|
||||
blogData?.blogdata.map((blog, index) => {
|
||||
if(location == '/blogs'){
|
||||
return(
|
||||
<div key={index} id="b-post-1" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img rounded">
|
||||
{/* <img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" /> */}
|
||||
<img className="img-fluid rounded" src={process.env.REACT_APP_IMAGE_LINK + blog.meta_value} alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">{blog.post_title.substring(0,40)+' . . .'}</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<div dangerouslySetInnerHTML={{__html: blog.post_content.substring(0,50)+' . . .'}}></div>
|
||||
{/* <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p> */}
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>12 min read</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}else if (location != 'blogs' && index <= 5) {
|
||||
return (
|
||||
<div key={index} id="b-post-1" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img rounded">
|
||||
{/* <img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" /> */}
|
||||
<img className="img-fluid rounded" src={process.env.REACT_APP_IMAGE_LINK + blog.meta_value} alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">{blog.post_title.substring(0,40)+' . . .'}</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<div dangerouslySetInnerHTML={{__html: blog.post_content.substring(0,50)+' . . .'}}></div>
|
||||
{/* <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p> */}
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>12 min read</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
})
|
||||
)
|
||||
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default BlogItems
|
||||
@@ -12,21 +12,22 @@ class Footer extends React.Component {
|
||||
<div className="row">
|
||||
<div className="col-sm-6 col-md-4 col-lg-3">
|
||||
<div className="footer-links mb-40">
|
||||
<ul className="foo-links clearfix">
|
||||
|
||||
<li><p className="p-md"><Link to="/#">Users</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Fleet Mangers</Link></p></li>
|
||||
<ul className="foo-links clearfix">
|
||||
<li><p className="p-md"><Link to="#">Stop the Surge</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/blogs">Travel Guide</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/findev">Find Ev Charge</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/findmobility">Find Options</Link></p></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-md-4 col-lg-3">
|
||||
<div className="footer-links mb-40">
|
||||
<ul className="foo-links clearfix">
|
||||
<li><p className="p-md"><Link to="/blogs">Our Blog</Link></p></li>
|
||||
<ul className="foo-links clearfix">
|
||||
<li><p className="p-md"><Link to="/#">Users</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Fleet Mangers</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/contacts">Customer Stories</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Help & Support</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Resources</Link></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -35,7 +36,8 @@ class Footer extends React.Component {
|
||||
<div className="footer-links mb-40">
|
||||
<ul className="foo-links clearfix">
|
||||
<li><p className="p-md"><Link to="/about">About Us</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Press & Media</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/blogs">Our Blog</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Press Kit (Download)</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/privacy">Privacy Policy</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/terms">Terms & Privacy</Link></p></li>
|
||||
</ul>
|
||||
|
||||
+3
-103
@@ -112,108 +112,8 @@ class About extends React.Component {
|
||||
</div> {/* END BUTTON */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END ABOUT-2 */}
|
||||
{/* TESTIMONIALS-1
|
||||
============================================= */}
|
||||
<section id="reviews-1" className="rel bg_whitesmoke wide-100 reviews-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
<p>{testimonials.tag}</p>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">{testimonials.title}</h2>
|
||||
{/* Text */}
|
||||
{/* <p className="p-xl">Our Team is as vibrating and diversified as your urban life. */}
|
||||
{/* </p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* TESTIMONIALS CONTENT */}
|
||||
<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" key={idx}>
|
||||
{/* 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> */}
|
||||
<div style={{
|
||||
width: '50px',
|
||||
marginInline: 'auto',
|
||||
padding: 3,
|
||||
}}>
|
||||
<img src={image} style={{
|
||||
borderRadius: '100%'
|
||||
}} />
|
||||
</div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">{title}</h5>
|
||||
{/* Testimonial Text */}
|
||||
<div className="review-1-txt">
|
||||
{/* Text */}
|
||||
<p className="p-lg grey-color">{desc}
|
||||
</p>
|
||||
{/* Testimonial Author */}
|
||||
<h5 className="h5-xs">{name}</h5>
|
||||
</div>
|
||||
</div> {/* END TESTIMONIAL #1 */}
|
||||
</>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TESTIMONIALS-1 */}
|
||||
{/* CONTENT-2
|
||||
============================================= */}
|
||||
<section id="content-2" className="wide-50 content-section division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* 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/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">{valueInfo.id}</span>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h3 className="h2-xs">{valueInfo.title1}</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">{valueInfo.text1}</p>
|
||||
</div>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h3 className="h2-xs">{valueInfo.title2}</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">{valueInfo.text2}</p>
|
||||
</div>
|
||||
<div>
|
||||
{/* Title */}
|
||||
<h3 className="h2-xs">{valueInfo.title3}</h3>
|
||||
{/* Text */}
|
||||
<p className="p-lg">{valueInfo.text3}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-2 */}
|
||||
{/* SECTION DIVIDER
|
||||
============================================= */}
|
||||
<div className="divider-wrapper text-center"><div className="section-divider" /></div>
|
||||
|
||||
|
||||
{/* TEAM-1
|
||||
============================================= */}
|
||||
<section id="team-1" className="wide-60 team-section division">
|
||||
@@ -336,7 +236,7 @@ let aboutDesc = {
|
||||
|
||||
// Testimonials Section
|
||||
let testimonials = {
|
||||
tag: 'MADE FOR US',
|
||||
tag: 'MADE FROM US',
|
||||
title:'Created from urbanists'
|
||||
}
|
||||
|
||||
|
||||
+59
-197
@@ -1,7 +1,23 @@
|
||||
import React, {Component} from 'react';
|
||||
import React, {Component,useState, useEffect} from 'react';
|
||||
import BlogItems from '../components/BlogItems';
|
||||
import SiteService from "../svs/SiteService";
|
||||
|
||||
class Blog_listing extends React.Component {
|
||||
render() {
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
// Don't call this.setState() here!
|
||||
// this.state = { counter: 0 };
|
||||
// this.handleClick = this.handleClick.bind(this);
|
||||
console.log("OLU-AMEY BLOG LISTING ",props.blogData);
|
||||
}
|
||||
|
||||
|
||||
render() {
|
||||
// const [blogData, setBlogData] = useState([]) // for holding
|
||||
//const siteApi = new SiteService(); // instantiating the API SERVICE
|
||||
|
||||
|
||||
return(
|
||||
<div>
|
||||
|
||||
@@ -37,35 +53,45 @@ class Blog_listing extends React.Component {
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURED POST */}
|
||||
<div className="rel blog-post featured-post wide-post">
|
||||
<div className="row d-flex align-items-center">
|
||||
<div className="featured-badge text-center ico-30 bg_whitesmoke yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
</div>
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="col-lg-7 blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="col-lg-5 blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">NordEx News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xl">
|
||||
<a href="single-post.html">Tempor sapien donec gravida a suscipit and porta justo vitae</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida a porta
|
||||
undo velna dolor in cubilia laoreet
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>12 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURED POST */}
|
||||
{
|
||||
this.props.blogData?.featured == undefined ? // API CALL IN PROGRESS
|
||||
<div className="text-center">
|
||||
<div className="spinner-border spinner-border-lg" role="status" style={{width: '3rem', height: '3rem'}}>
|
||||
</div>
|
||||
</div>
|
||||
:
|
||||
<div className="rel blog-post featured-post wide-post">
|
||||
<div className="row d-flex align-items-center">
|
||||
<div className="featured-badge text-center ico-30 bg_whitesmoke yellow-color">
|
||||
<span className="flaticon-star" />
|
||||
</div>
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="col-lg-7 blog-post-img">
|
||||
<img className="w-auto h-100" src={process.env.REACT_APP_IMAGE_LINK + this.props.blogData?.featured.meta_value} alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="col-lg-5 blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-2 post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xl">
|
||||
<a href="single-post.html">{this.props.blogData?.featured.post_title}</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
{/* <p className="p-md">Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida a porta
|
||||
undo velna dolor in cubilia laoreet
|
||||
</p> */}
|
||||
<div className="p-2" dangerouslySetInnerHTML={{__html: this.props.blogData?.featured.post_content.substring(0,300)+' . . .'}}></div>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>12 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div> {/* End row */}
|
||||
</div>
|
||||
} {/* END FEATURED POST */}
|
||||
|
||||
{/* POSTS WRAPPER */}
|
||||
<div className="posts-wrapper">
|
||||
{/* BLOG POSTS CATEGORY */}
|
||||
@@ -74,172 +100,8 @@ class Blog_listing extends React.Component {
|
||||
<h5 className="h5-lg posts-category">Latest Articles</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">NordEx News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xs">
|
||||
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida
|
||||
porta undo velna dolor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>12 min read</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BLOG POST #1 */}
|
||||
{/* BLOG POST #2 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Inspiration</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xs">
|
||||
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
|
||||
dolor vitae auctor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>8 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #2 */}
|
||||
{/* BLOG POST #3 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-4-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Tutorials</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xs">
|
||||
<a href="single-post.html">Tempor sapien donec gravida ipsum and porta justo</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
|
||||
dolor vitae auctor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>22 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #3 */}
|
||||
{/* BLOG POST #4 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-5-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Extensions</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xs">
|
||||
<a href="single-post.html">Neque purus an ipsum neque and dolor libero risus mullam blandit at tempor sapien</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
|
||||
dolor vitae auctor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>1 day read</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BLOG POST #4 */}
|
||||
{/* BLOG POST #5 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-6-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Community</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xs">
|
||||
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
|
||||
dolor vitae auctor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>54 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #5 */}
|
||||
{/* BLOG POST #6 */}
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-7-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Extensions</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-xs">
|
||||
<a href="single-post.html">Lipsum gravida porta velna NordEx, donec gravida ipsum a
|
||||
porta justo tempor
|
||||
</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
|
||||
dolor vitae auctor
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>4 hours read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #6 */}
|
||||
</div> {/* End row */}
|
||||
<BlogItems blogData={this.props.blogData} />
|
||||
{/* End row */}
|
||||
</div> {/* END POSTS WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
{/* GEOMETRIC OVERLAY */}
|
||||
|
||||
+4
-18
@@ -4,7 +4,7 @@ class FindEv extends React.Component {
|
||||
render() {
|
||||
let subheadSection = {
|
||||
leadTitle: `Subscribe to Our Newsletter`,
|
||||
title: `Stay up to date with our news, ideas and updates`,
|
||||
title: `Somehow we will allow users to be able to find EV Charging locations, DESIGN coming up`,
|
||||
btn: 'Filter'
|
||||
}
|
||||
|
||||
@@ -22,29 +22,15 @@ class FindEv extends React.Component {
|
||||
{/* PAGE CONTENT
|
||||
============================================= */}
|
||||
<div id="page" className="page">
|
||||
|
||||
|
||||
<section id="newsletter-1" className="pb-20 newsletter-section division">
|
||||
<div className="container">
|
||||
|
||||
|
||||
|
||||
</div> {/* End container */}
|
||||
</section> {/* END NEWSLETTER-1 */}
|
||||
|
||||
|
||||
<section id="content-11" className="pb-100 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="row" style={{ marginTop: '150px'}} >
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Find EV Charging Spot</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor
|
||||
</p>
|
||||
|
||||
<div className="newsletter-wrapper bg_white">
|
||||
<div className="row d-flex align-items-center">
|
||||
@@ -54,7 +40,7 @@ class FindEv extends React.Component {
|
||||
{/* Section ID */}
|
||||
{/*<span className="section-id">{subheadSection.leadTitle}</span>*/}
|
||||
{/* Title */}
|
||||
<h4 className="h4-xl">{subheadSection.title}</h4>
|
||||
<p className="p-xl">{subheadSection.title}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
@@ -87,7 +73,7 @@ class FindEv extends React.Component {
|
||||
</div>
|
||||
</div>
|
||||
{/* DOWNLOAD BUTTON */}
|
||||
|
||||
|
||||
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-11 */}
|
||||
|
||||
@@ -2,6 +2,11 @@ import React, {Component} from 'react';
|
||||
|
||||
class FindMobility extends React.Component {
|
||||
render() {
|
||||
let subheadSection = {
|
||||
leadTitle: `Subscribe to Our Newsletter`,
|
||||
title: `Somehow we will allow users to be able to find Mobility Options locations, DESIGN coming up`,
|
||||
btn: 'Filter'
|
||||
}
|
||||
return(
|
||||
<div>
|
||||
|
||||
@@ -22,15 +27,39 @@ class FindMobility extends React.Component {
|
||||
<section id="content-11" className="pb-100 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="row" style={{ marginTop: '150px'}} >
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Chat with Your Friends Easily</h2>
|
||||
<h2 className="h2-md">Find Scooters, Cars, Buses ...</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor
|
||||
</p>
|
||||
|
||||
<div className="newsletter-wrapper bg_white">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="col-lg-10">
|
||||
<div className="newsletter-txt">
|
||||
{/* Section ID */}
|
||||
{/*<span className="section-id">{subheadSection.leadTitle}</span>*/}
|
||||
{/* Title */}
|
||||
<p className="p-xl">{subheadSection.title}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* NEWSLETTER FORM */}
|
||||
<div className="col-lg-2">
|
||||
<form className="newsletter-form">
|
||||
<div className="input-group">
|
||||
|
||||
<span className="input-group-btn">
|
||||
<button type="submit" className="btn btn-md btn-rose tra-rose-hover">{subheadSection.btn}</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
<label htmlFor="s-email" className="form-notification" />
|
||||
</form>
|
||||
</div> {/* END NEWSLETTER FORM */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End newsletter-holder */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+26
-14
@@ -1,4 +1,16 @@
|
||||
import React, {Component} from 'react';
|
||||
import Motivated from '../pages/assests/images/motivated.ico'
|
||||
import Instruction from '../pages/assests/images/instructions.ico'
|
||||
import UserFriendly from '../pages/assests/images/user-friendly.ico'
|
||||
import Guide from '../pages/assests/images/guide-book.ico'
|
||||
import Tracking from '../pages/assests/images/tracking3.ico'
|
||||
import Support from '../pages/assests/images/support.ico'
|
||||
import QuickAccess from '../pages/assests/images/access.ico'
|
||||
import Metrics from '../pages/assests/images/metrics.ico'
|
||||
import SmartLoc from '../pages/assests/images/ev-driving-range.ico'
|
||||
import Follow from '../pages/assests/images/self-driving-vehicle.ico'
|
||||
import Func from '../pages/assests/images/server-room.ico'
|
||||
import TrackAnalyze from '../pages/assests/images/road-infographic.ico'
|
||||
|
||||
class Fleet extends React.Component {
|
||||
render() {
|
||||
@@ -82,7 +94,7 @@ class Fleet extends React.Component {
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div id="fb-13-1" className="fbox-13 mt-50 mb-30 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-clock" /></div>
|
||||
<div className="fbox-13-ico ico-75 skyblue-color"><img src={Metrics} /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">{statsSection.metrics.title}</h5>
|
||||
{/* Text */}
|
||||
@@ -91,7 +103,7 @@ class Fleet extends React.Component {
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div id="fb-13-2" className="fbox-13 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-exercise" /></div>
|
||||
<div className="fbox-13-ico ico-75 skyblue-color"><img src={Guide} /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">{statsSection.guide.title}</h5>
|
||||
{/* Text */}
|
||||
@@ -102,7 +114,7 @@ class Fleet extends React.Component {
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div id="fb-13-3" className="fbox-13 mb-30 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-salad" /></div>
|
||||
<div className="fbox-13-ico ico-75 skyblue-color"><img src={QuickAccess} /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">{statsSection.access.title}</h5>
|
||||
{/* Text */}
|
||||
@@ -111,7 +123,7 @@ class Fleet extends React.Component {
|
||||
{/* FEATURE BOX #4 */}
|
||||
<div id="fb-13-4" className="fbox-13 wow fadeInUp" data-wow-delay="1s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-lose-weight" /></div>
|
||||
<div className="fbox-13-ico ico-75 skyblue-color"><img src={Motivated} /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">{statsSection.motivated.title}</h5>
|
||||
{/* Text */}
|
||||
@@ -160,7 +172,7 @@ class Fleet extends React.Component {
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox mb-30">
|
||||
{/* Icon */}
|
||||
<div className="cbox-ico ico-65 skyblue-color"><span className="flaticon-video-player-2" /></div>
|
||||
<div className="cbox-ico ico-65 skyblue-color"><img src={Instruction} /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">{specialFeaturesSection.firstFeature.title}</h5>
|
||||
@@ -170,7 +182,7 @@ class Fleet extends React.Component {
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox mb-30">
|
||||
{/* Icon */}
|
||||
<div className="cbox-ico ico-65 skyblue-color"><span className="flaticon-percentage" /></div>
|
||||
<div className="cbox-ico ico-65 skyblue-color"><img src={SmartLoc} /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">{specialFeaturesSection.secondFeature.title}</h5>
|
||||
@@ -180,7 +192,7 @@ class Fleet extends React.Component {
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox">
|
||||
{/* Icon */}
|
||||
<div className="cbox-ico ico-65 skyblue-color"><span className="flaticon-smartphone-9" /></div>
|
||||
<div className="cbox-ico ico-65 skyblue-color"><img src={Tracking} /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">{specialFeaturesSection.thirdFeature.title}</h5>
|
||||
@@ -221,7 +233,7 @@ class Fleet extends React.Component {
|
||||
<div id="fb-5-1" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-ads" /></div>
|
||||
<div className="fbox-ico ico-70 skyblue-color"><img src={UserFriendly} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -235,7 +247,7 @@ class Fleet extends React.Component {
|
||||
<div id="fb-5-2" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-switch" /></div>
|
||||
<div className="fbox-ico ico-70 skyblue-color"><img src={Func} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -249,7 +261,7 @@ class Fleet extends React.Component {
|
||||
<div id="fb-5-3" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-call" /></div>
|
||||
<div className="fbox-ico ico-70 skyblue-color"><img src={QuickAccess} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -263,7 +275,7 @@ class Fleet extends React.Component {
|
||||
<div id="fb-5-4" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-analytics-3" /></div>
|
||||
<div className="fbox-ico ico-70 skyblue-color"><img src={TrackAnalyze} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -277,7 +289,7 @@ class Fleet extends React.Component {
|
||||
<div id="fb-5-5" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1.2s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-weight" /></div>
|
||||
<div className="fbox-ico ico-70 skyblue-color"><img src={Follow} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -291,7 +303,7 @@ class Fleet extends React.Component {
|
||||
<div id="fb-5-6" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 skyblue-color"><span className="flaticon-conversation" /></div>
|
||||
<div className="fbox-ico ico-70 skyblue-color"><img src={Support} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -1154,6 +1166,6 @@ let subscribeSection = {
|
||||
|
||||
// Download Section
|
||||
let downloadSection = {
|
||||
header: 'Take your fleet to the next level',
|
||||
header: 'Your Fleet in Full Speed Mode',
|
||||
text: 'Augue egestas volutpat egestas augue purus cubilia laoreet and magna suscipit luctus dolor tempus'
|
||||
}
|
||||
+38
-148
@@ -1,10 +1,31 @@
|
||||
import React, {Component} from 'react';
|
||||
import SaveMoney from '../pages/assests/images/save-money.png'
|
||||
import GetReward from '../pages/assests/images/get-rewarded.png'
|
||||
import Access from '../pages/assests/images/navigation.png'
|
||||
import SaveMoney from '../pages/assests/images/save-money.ico'
|
||||
import GetReward from '../pages/assests/images/earn-reward.ico'
|
||||
import Access from '../pages/assests/images/smart-display.ico'
|
||||
import Multiple from '../pages/assests/images/multiple-accounts.ico'
|
||||
import Service from '../pages/assests/images/service-options.ico'
|
||||
import Options from '../pages/assests/images/server-access-point.ico'
|
||||
import Connectivity from '../pages/assests/images/interactive-display.ico'
|
||||
import Connect from '../pages/assests/images/biometric-technology.ico'
|
||||
import Functionality from '../pages/assests/images/unlock-functionality.ico'
|
||||
import Analytics from '../pages/assests/images/analytics (5).ico'
|
||||
import Analysis from '../pages/assests/images/analytics.ico'
|
||||
import Monitoring from '../pages/assests/images/monitoring.ico'
|
||||
import Assistant from '../pages/assests/images/assistant (2).ico'
|
||||
|
||||
import BlogItems from '../components/BlogItems';
|
||||
|
||||
|
||||
class FloatHome extends React.Component {
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
// Don't call this.setState() here!
|
||||
// this.state = { counter: 0 };
|
||||
// this.handleClick = this.handleClick.bind(this);
|
||||
// console.log("OLU-AMEY 22",props.blogData);
|
||||
}
|
||||
|
||||
render() {
|
||||
return(
|
||||
<div>
|
||||
@@ -223,7 +244,7 @@ class FloatHome extends React.Component {
|
||||
<div id="fb-11-1" className="col-lg-4">
|
||||
<div className="fbox-11 mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-user-1" /></div>
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><img src={Multiple} /><span className="flaticon-user-1" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-md">{tryFloatSec.accounts.title}</h5>
|
||||
{/* Text */}
|
||||
@@ -234,7 +255,7 @@ class FloatHome extends React.Component {
|
||||
<div id="fb-11-2" className="col-lg-4">
|
||||
<div className="fbox-11 mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-smiley" /></div>
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><img src={Service} /><span className="flaticon-smiley" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-md">{tryFloatSec.emojis.title}</h5>
|
||||
{/* Text */}
|
||||
@@ -245,7 +266,7 @@ class FloatHome extends React.Component {
|
||||
<div id="fb-11-3" className="col-lg-4">
|
||||
<div className="fbox-11 mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-image" /></div>
|
||||
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><img src={Connectivity} /><span className="flaticon-image" /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-md">{tryFloatSec.files.title}</h5>
|
||||
{/* Text */}
|
||||
@@ -294,7 +315,7 @@ class FloatHome extends React.Component {
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox mb-30">
|
||||
{/* Icon */}
|
||||
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-video-player" /></div>
|
||||
<div className="cbox-ico ico-65 stateblue-color"><img src={Analytics} /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">{customDeals.text.title}</h5>
|
||||
@@ -304,7 +325,7 @@ class FloatHome extends React.Component {
|
||||
{/* CONTENT BOX #2 */}
|
||||
<div className="cbox mb-30">
|
||||
{/* Icon */}
|
||||
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-smiley" /></div>
|
||||
<div className="cbox-ico ico-65 stateblue-color"><img src={Options} /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">{customDeals.stickers.title}</h5>
|
||||
@@ -314,7 +335,7 @@ class FloatHome extends React.Component {
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox">
|
||||
{/* Icon */}
|
||||
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-image" /></div>
|
||||
<div className="cbox-ico ico-65 stateblue-color"><img src={Connect} /></div>
|
||||
{/* Text */}
|
||||
<div className="cbox-txt">
|
||||
<h5 className="h5-sm">{customDeals.media.title}</h5>
|
||||
@@ -370,8 +391,7 @@ class FloatHome extends React.Component {
|
||||
</div>
|
||||
{/* ICON */}
|
||||
<div className="col-lg-4 m-top">
|
||||
<div className="fbox-4-ico ico-100 grey-color text-center">
|
||||
<span className="flaticon-paint-brush" />
|
||||
<div className="fbox-4-ico ico-100 grey-color text-center"><img src={Monitoring} />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -392,8 +412,7 @@ class FloatHome extends React.Component {
|
||||
</div>
|
||||
{/* ICON */}
|
||||
<div className="col-lg-4 m-top">
|
||||
<div className="fbox-4-ico ico-100 stateblue-color text-center">
|
||||
<span className="flaticon-smartphone-8" />
|
||||
<div className="fbox-4-ico ico-100 stateblue-color text-center"><img src={Analysis} />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -414,8 +433,7 @@ class FloatHome extends React.Component {
|
||||
</div>
|
||||
{/* ICON */}
|
||||
<div className="col-lg-4 m-top">
|
||||
<div className="fbox-4-ico ico-100 stateblue-color text-center">
|
||||
<span className="flaticon-mobile-1" />
|
||||
<div className="fbox-4-ico ico-100 stateblue-color text-center"><img src={Functionality} />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -437,7 +455,7 @@ class FloatHome extends React.Component {
|
||||
{/* ICON */}
|
||||
<div className="col-lg-4 m-top">
|
||||
<div className="fbox-4-ico ico-100 grey-color text-center">
|
||||
<span className="flaticon-voice-message-1" />
|
||||
<img src={Assistant} />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -557,54 +575,7 @@ class FloatHome extends React.Component {
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-13 */}
|
||||
{/* BRANDS-1
|
||||
============================================= */}
|
||||
<div id="brands-1" className="bg_whitesmoke brands-section division">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col text-center pc-25">
|
||||
<div className="owl-carousel brands-carousel">
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-1.png" alt="brand-logo" />
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-2.png" alt="brand-logo" />
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-3.png" alt="brand-logo" />
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-4.png" alt="brand-logo" />
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-5.png" alt="brand-logo" />
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-6.png" alt="brand-logo" />
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-7.png" alt="brand-logo" />
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-8.png" alt="brand-logo" />
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<img className="img-fluid" src="assets/images/brand-9.png" alt="brand-logo" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div> {/* END BRANDS-1 */}
|
||||
|
||||
{/* CONTENT-11
|
||||
============================================= */}
|
||||
<section id="content-11" className="wide-100 content-section division">
|
||||
@@ -1080,89 +1051,8 @@ class FloatHome extends React.Component {
|
||||
</div>
|
||||
</div>
|
||||
{/* BLOG POSTS */}
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
<div id="b-post-1" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>12 min read</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BLOG POST #1 */}
|
||||
{/* BLOG POST #2 */}
|
||||
<div id="b-post-2" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Inspiration</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>8 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #2 */}
|
||||
{/* BLOG POST #3 */}
|
||||
<div id="b-post-3" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Tutorials</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>22 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #3 */}
|
||||
</div> {/* END BLOG POSTS */}
|
||||
<BlogItems blogData={this.props.blogData}/>
|
||||
{/* END BLOG POSTS */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BLOG-1 */}
|
||||
{/* DOWNLOAD-5
|
||||
@@ -1391,7 +1281,7 @@ export default FloatHome
|
||||
//BULIT FOR SPEED
|
||||
let floatForSpeed = {
|
||||
leadTitle: `Built For Speed`,
|
||||
title: `Easy Navigation`,
|
||||
title: `Your Fleet with Convienence`,
|
||||
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`
|
||||
}
|
||||
|
||||
+32
-99
@@ -1,6 +1,20 @@
|
||||
import React, {Component} from 'react';
|
||||
import UserFriendly from '../pages/assests/images/user-friendly.ico'
|
||||
import FleetMgr from '../pages/assests/images/multiple-accounts.ico'
|
||||
import ChargeFinder from '../pages/assests/images/charger-location.ico'
|
||||
import Options from '../pages/assests/images/options1.ico'
|
||||
|
||||
import BlogItems from '../components/BlogItems';
|
||||
|
||||
|
||||
class GetStarted extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
// Don't call this.setState() here!
|
||||
// this.state = { counter: 0 };
|
||||
// this.handleClick = this.handleClick.bind(this);
|
||||
// console.log("OLU-AMEY 22",props.blogData);
|
||||
}
|
||||
render() {
|
||||
return(
|
||||
<div>
|
||||
@@ -36,47 +50,47 @@ class GetStarted extends React.Component {
|
||||
<div className="row">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div id="fb-3-1" className="col-md-6 col-lg-3">
|
||||
<div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.4s">
|
||||
<a href={process.env.REACT_APP_USERS} target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-3-ico grey-color ico-65"><span className="flaticon-streaming" /></div>
|
||||
<div className="fbox-3-ico grey-color ico-65"><img src={UserFriendly} /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Users</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Porta semper lacus and cursus risus undo feugiat at primis ultrice sodales tempus egestas sapien</p>
|
||||
</div>
|
||||
</div></a>
|
||||
</div>
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div id="fb-3-2" className="col-md-6 col-lg-3">
|
||||
<div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.6s">
|
||||
<a href={process.env.REACT_APP_FLEET} target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-3-ico grey-color ico-65"><span className="flaticon-user-1" /></div>
|
||||
<div className="fbox-3-ico grey-color ico-65"><img src={FleetMgr} /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Fleet Managers</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Porta semper lacus and cursus risus undo feugiat at primis ultrice sodales tempus egestas sapien</p>
|
||||
</div>
|
||||
</div></a>
|
||||
</div>
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div id="fb-3-3" className="col-md-6 col-lg-3">
|
||||
<div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.8s">
|
||||
<a href="/findev"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-3-ico grey-color ico-65"><span className="flaticon-echo-dot" /></div>
|
||||
<div className="fbox-3-ico grey-color ico-65"><img src={ChargeFinder} /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Ev Charge Finder</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Porta semper lacus and cursus risus undo feugiat at primis ultrice sodales tempus egestas sapien</p>
|
||||
</div>
|
||||
</div></a>
|
||||
</div>
|
||||
{/* FEATURE BOX #4 */}
|
||||
<div id="fb-3-4" className="col-md-6 col-lg-3">
|
||||
<div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="1s">
|
||||
<a href="/findmobility"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="1s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-3-ico grey-color ico-65"><span className="flaticon-notes" /></div>
|
||||
<div className="fbox-3-ico grey-color ico-65"><img src={Options} /></div>
|
||||
{/* Title */}
|
||||
<h5 className="h5-sm">Find Options</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Porta semper lacus and cursus risus undo feugiat at primis ultrice sodales tempus egestas sapien</p>
|
||||
</div>
|
||||
</div></a>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-3 WRAPPER */}
|
||||
@@ -99,7 +113,7 @@ class GetStarted extends React.Component {
|
||||
{/* Section ID */}
|
||||
<span className="section-id grey-color">Perfect Integration</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Makes your address book lite and user friendly</h2>
|
||||
<h2 className="h2-md">Custom Preferences and User friendly</h2>
|
||||
{/* 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
|
||||
@@ -123,7 +137,7 @@ class GetStarted extends React.Component {
|
||||
{/* Section ID */}
|
||||
<span className="section-id grey-color">Handling with Ease</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Sync all contacts with social profiles</h2>
|
||||
<h2 className="h2-md">Sync all Fleet in One Platform</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue
|
||||
luctus magna dolor luctus and egestas sapien egestas vitae nemo volute
|
||||
@@ -166,7 +180,7 @@ class GetStarted extends React.Component {
|
||||
{/* Section ID */}
|
||||
<span className="section-id grey-color">Register in 30 Seconds</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Lightning fast and super powerful</h2>
|
||||
<h2 className="h2-md">Professional Fleet</h2>
|
||||
{/* 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
|
||||
@@ -189,7 +203,7 @@ class GetStarted extends React.Component {
|
||||
{/* Section ID */}
|
||||
<span className="section-id grey-color">Beauty of Simplicity</span>
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Beautiful, award-winning design</h2>
|
||||
<h2 className="h2-md">Which, Is Right for You?</h2>
|
||||
{/* List */}
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
@@ -354,89 +368,8 @@ class GetStarted extends React.Component {
|
||||
</div>
|
||||
</div>
|
||||
{/* BLOG POSTS */}
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
<div id="b-post-1" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>12 min read</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BLOG POST #1 */}
|
||||
{/* BLOG POST #2 */}
|
||||
<div id="b-post-2" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Inspiration</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>8 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #2 */}
|
||||
{/* BLOG POST #3 */}
|
||||
<div id="b-post-3" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Tutorials</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>22 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #3 */}
|
||||
</div> {/* END BLOG POSTS */}
|
||||
<BlogItems blogData={this.props.blogData} />
|
||||
{/* END BLOG POSTS */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BLOG-1 */}
|
||||
{/* NEWSLETTER-1
|
||||
|
||||
+40
-185
@@ -1,6 +1,25 @@
|
||||
import React, {Component} from 'react';
|
||||
import Multiple from '../pages/assests/images/multiple-accounts.ico'
|
||||
import Connect from '../pages/assests/images/biometric-technology.ico'
|
||||
import Analytics from '../pages/assests/images/analytics (5).ico'
|
||||
import Schedule from '../pages/assests/images/schedule-management.ico'
|
||||
import Monitoring from '../pages/assests/images/monitoring.ico'
|
||||
import Assistant from '../pages/assests/images/assistant.ico'
|
||||
import Verify from '../pages/assests/images/online-verification.ico'
|
||||
import Perks from '../pages/assests/images/perks.ico'
|
||||
import Charging from '../pages/assests/images/charging-station.ico'
|
||||
import Fleet from '../pages/assests/images/fleet-signal.ico'
|
||||
|
||||
import BlogItems from '../components/BlogItems';
|
||||
|
||||
class Users extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
// Don't call this.setState() here!
|
||||
// this.state = { counter: 0 };
|
||||
// this.handleClick = this.handleClick.bind(this);
|
||||
// console.log("OLU-AMEY 22",props.blogData);
|
||||
}
|
||||
render() {
|
||||
return(
|
||||
<div>
|
||||
@@ -69,7 +88,7 @@ class Users extends React.Component {
|
||||
<div id="fb-5-1" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-user-1" /></div>
|
||||
<div className="fbox-ico ico-70 grey-color"><img src={Multiple} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -83,7 +102,7 @@ class Users extends React.Component {
|
||||
<div id="fb-5-2" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-smartphone-1" /></div>
|
||||
<div className="fbox-ico ico-70 grey-color"><img src={Analytics} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -97,7 +116,7 @@ class Users extends React.Component {
|
||||
<div id="fb-5-3" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-image" /></div>
|
||||
<div className="fbox-ico ico-70 grey-color"><img src={Connect} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -111,7 +130,7 @@ class Users extends React.Component {
|
||||
<div id="fb-5-4" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-chat-4" /></div>
|
||||
<div className="fbox-ico ico-70 grey-color"><img src={Monitoring} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -125,7 +144,7 @@ class Users extends React.Component {
|
||||
<div id="fb-5-5" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1.2s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-fingerprint" /></div>
|
||||
<div className="fbox-ico ico-70 grey-color"><img src={Verify} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -139,7 +158,7 @@ class Users extends React.Component {
|
||||
<div id="fb-5-6" className="col-md-6">
|
||||
<div className="fbox-5 pc-25 mb-40 wow fadeInUp" data-wow-delay="1.4s">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-70 grey-color"><span className="flaticon-spam" /></div>
|
||||
<div className="fbox-ico ico-70 grey-color"><img src={Perks} /></div>
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
{/* Title */}
|
||||
@@ -276,7 +295,7 @@ class Users extends React.Component {
|
||||
{/* ICON */}
|
||||
<div className="col-lg-4 m-top">
|
||||
<div className="fbox-4-ico ico-100 grey-color text-center">
|
||||
<span className="flaticon-paint-brush" />
|
||||
<img src={Charging} />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -298,7 +317,7 @@ class Users extends React.Component {
|
||||
{/* ICON */}
|
||||
<div className="col-lg-4 m-top">
|
||||
<div className="fbox-4-ico ico-100 grey-color text-center">
|
||||
<span className="flaticon-smartphone-8" />
|
||||
<img src={Fleet} />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -320,7 +339,7 @@ class Users extends React.Component {
|
||||
{/* ICON */}
|
||||
<div className="col-lg-4 m-top">
|
||||
<div className="fbox-4-ico ico-100 grey-color text-center">
|
||||
<span className="flaticon-voice-message-1" />
|
||||
<img src={Assistant} />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -342,7 +361,7 @@ class Users extends React.Component {
|
||||
{/* ICON */}
|
||||
<div className="col-lg-4 m-top">
|
||||
<div className="fbox-4-ico ico-100 grey-color text-center">
|
||||
<span className="flaticon-tasks" />
|
||||
<img src={Schedule} />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
@@ -627,90 +646,7 @@ class Users extends React.Component {
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-1 */}
|
||||
{/* BRANDS-2
|
||||
============================================= */}
|
||||
<section id="brands-2" className="pb-70 brands-section division">
|
||||
<div className="container">
|
||||
{/* BRANDS TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-8 offset-lg-2">
|
||||
<div className="brands-title text-center">
|
||||
<h4 className="h4-sm">{partners.title}</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* BRANDS-2 WRAPPER */}
|
||||
<div className="brands-2-wrapper">
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-1.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-2.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-3.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-4.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-5.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-6.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-7.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-8.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-9.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
{/* BRAND LOGO IMAGE */}
|
||||
<div className="brand-logo">
|
||||
<a href="#">
|
||||
<img className="img-fluid" src="assets/images/brand-10.png" alt="brand-logo" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BRANDS-2 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BRANDS-2 */}
|
||||
{/* SECTION DIVIDER
|
||||
============================================= */}
|
||||
<div className="divider-wrapper text-center"><div className="section-divider" /></div>
|
||||
|
||||
{/* BLOG-1
|
||||
============================================= */}
|
||||
<section id="blog-1" className="wide-60 blog-section division">
|
||||
@@ -729,89 +665,8 @@ class Users extends React.Component {
|
||||
</div>
|
||||
</div>
|
||||
{/* BLOG POSTS */}
|
||||
<div className="row">
|
||||
{/* BLOG POST #1 */}
|
||||
<div id="b-post-1" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Float News</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>12 min read</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END BLOG POST #1 */}
|
||||
{/* BLOG POST #2 */}
|
||||
<div id="b-post-2" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Inspiration</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>8 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #2 */}
|
||||
{/* BLOG POST #3 */}
|
||||
<div id="b-post-3" className="col-md-6 col-lg-4">
|
||||
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
|
||||
{/* BLOG POST IMAGE */}
|
||||
<div className="blog-post-img">
|
||||
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
|
||||
</div>
|
||||
{/* BLOG POST TEXT */}
|
||||
<div className="blog-post-txt">
|
||||
{/* Post Tag */}
|
||||
<p className="p-md post-tag">Tutorials</p>
|
||||
{/* Post Link */}
|
||||
<h5 className="h5-sm">
|
||||
<a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
|
||||
</h5>
|
||||
{/* Text */}
|
||||
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
|
||||
congue
|
||||
</p>
|
||||
{/* Post Meta */}
|
||||
<div className="post-meta">
|
||||
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
|
||||
<p>22 min read</p>
|
||||
</div>
|
||||
</div> {/* END BLOG POST TEXT */}
|
||||
</div>
|
||||
</div> {/* END BLOG POST #3 */}
|
||||
</div> {/* END BLOG POSTS */}
|
||||
<BlogItems blogData={this.props.blogData} />
|
||||
{/* END BLOG POSTS */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END BLOG-1 */}
|
||||
{/* NEWSLETTER-1
|
||||
@@ -863,8 +718,8 @@ export default Users
|
||||
//HERO SECTION
|
||||
let heroSection = {
|
||||
leadTitle: `Float`,
|
||||
title: `Your Activity Feed`,
|
||||
desc: `Stay Connected with Your Friends`,
|
||||
title: `Your Mobility Made Smarter`,
|
||||
desc: `Stay Connected with Your World`,
|
||||
mainSiteLink: 'This leads to users PORTAL',
|
||||
};
|
||||
|
||||
@@ -903,7 +758,7 @@ let automate = {
|
||||
// UNLIMITED ACCESS SECTION
|
||||
let accessUnlimited = {
|
||||
leadTitle: `Unlimited Access`,
|
||||
title: `Spend your time with loved ones`,
|
||||
title: `Your Mobility with Rewards`,
|
||||
desc: `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`,
|
||||
@@ -914,7 +769,7 @@ let accessUnlimited = {
|
||||
// FAST MESSAGING SECTION
|
||||
let fastMes = {
|
||||
leadTitle: `Fastest Messaging`,
|
||||
title: `Unlimited calling, texting and picture messaging`,
|
||||
title: `Unlimited Charging Spot, EV Location Find and AutomationSync`,
|
||||
desc: `Aliqum mullam blandit and tempor sapien donec ipsum gravida porta. Velna vitae auctor
|
||||
congue magna impedit ligula risus. Mauris donec ligula and magnis undo sapien sagittis sapien pretium
|
||||
enim gravida purus ligula`,
|
||||
@@ -943,7 +798,7 @@ let fastMes = {
|
||||
//BULIT FOR SPEED SECTION
|
||||
let floatForSpeed = {
|
||||
leadTitle: `Built For Speed`,
|
||||
title: `Keep Your Favorite People Close to You`,
|
||||
title: `Your Fleet with Convienence`,
|
||||
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`,
|
||||
}
|
||||
@@ -951,7 +806,7 @@ let floatForSpeed = {
|
||||
// DESIGN SECTION
|
||||
let floatMap = {
|
||||
leadTitle: `Beauty of Simplicity`,
|
||||
title: `Beautiful, award-winning design`,
|
||||
title: `Which, Is Right for You?`,
|
||||
desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium
|
||||
ligula rutrum tempor sapien`,
|
||||
descTwo: `Quaerat sodales sapien euismod purus blandit`,
|
||||
@@ -979,8 +834,8 @@ let optimization = {
|
||||
// LIGHT & POWERFUL
|
||||
let floatMight = {
|
||||
leadTitle: `Register in 30 Seconds`,
|
||||
title: `Lightning Fast. Super Powerful`,
|
||||
desc: `Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue
|
||||
title: `Small Fleet Program `,
|
||||
desc: `Family , group of friends 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`,
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user