New pages
This commit is contained in:
@@ -17,6 +17,8 @@ import Users from './pages/Users';
|
||||
import Fleet from './pages/Fleet';
|
||||
import Privacy from './pages/Privacy';
|
||||
import GetStarted from './pages/GetStarted';
|
||||
import FindEv from "./pages/FindEv";
|
||||
import FindMobility from "./pages/FindMobility";
|
||||
|
||||
|
||||
|
||||
@@ -52,6 +54,8 @@ function App() {
|
||||
<Route path="/business" element={<Fleet/>} />
|
||||
<Route path="/privacy" element={<Privacy/>} />
|
||||
<Route path="/getstarted" element={<GetStarted />} />
|
||||
<Route path="/findev" element={<FindEv />} />
|
||||
<Route path="/findmobility" element={<FindMobility />} />
|
||||
</Routes>
|
||||
<Footer/>
|
||||
</div>
|
||||
|
||||
@@ -13,11 +13,11 @@ class Footer extends React.Component {
|
||||
<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="/#">App Features</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Integrations</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">App Updates</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Help & Support</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Customer Stories</Link></p></li>
|
||||
|
||||
<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="/findev">Find Ev Charge</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/findmobility">Find Options</Link></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -25,7 +25,7 @@ class Footer extends React.Component {
|
||||
<div className="footer-links mb-40">
|
||||
<ul className="foo-links clearfix">
|
||||
<li><p className="p-md"><Link to="/blogs">Our Blog</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Customer Stories</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="/#">Life Chatting</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/#">Resources</Link></p></li>
|
||||
@@ -37,8 +37,7 @@ class Footer extends React.Component {
|
||||
<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="/#">Advertising</Link></p></li>
|
||||
<li><p className="p-md"><Link to="/privacy">Privacy Policy</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>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,70 @@
|
||||
import React, {Component} from 'react';
|
||||
|
||||
class FindEv extends React.Component {
|
||||
render() {
|
||||
return(
|
||||
<div>
|
||||
|
||||
|
||||
{/* PRELOADER SPINNER
|
||||
============================================= */}
|
||||
<div id="loader-wrapper">
|
||||
<div id="loading">
|
||||
<span className="cssload-loader"><span className="cssload-loader-inner" /></span>
|
||||
</div>
|
||||
</div>
|
||||
{/* PAGE CONTENT
|
||||
============================================= */}
|
||||
<div id="page" className="page">
|
||||
|
||||
|
||||
|
||||
<section id="content-11" className="pb-100 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Chat with Your Friends Easily</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s">
|
||||
<img className="img-fluid" src="assets/images/socials.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* DOWNLOAD BUTTON */}
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="content-11-btn ico-20 ico-right mt-60 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Button */}
|
||||
<a href="#" className="btn btn-md btn-skyblue tra-grey-hover">
|
||||
Refresh <span className="flaticon-play-button" />
|
||||
</a>
|
||||
{/* OS Prerequisite */}
|
||||
<span className="os-version">Available on Android, iOS and macOS</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END DOWNLOAD BUTTON */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-11 */}
|
||||
|
||||
|
||||
|
||||
</div> {/* END PAGE CONTENT */}
|
||||
|
||||
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
export default FindEv
|
||||
@@ -0,0 +1,70 @@
|
||||
import React, {Component} from 'react';
|
||||
|
||||
class FindMobility extends React.Component {
|
||||
render() {
|
||||
return(
|
||||
<div>
|
||||
|
||||
|
||||
{/* PRELOADER SPINNER
|
||||
============================================= */}
|
||||
<div id="loader-wrapper">
|
||||
<div id="loading">
|
||||
<span className="cssload-loader"><span className="cssload-loader-inner" /></span>
|
||||
</div>
|
||||
</div>
|
||||
{/* PAGE CONTENT
|
||||
============================================= */}
|
||||
<div id="page" className="page">
|
||||
|
||||
|
||||
|
||||
<section id="content-11" className="pb-100 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION TITLE */}
|
||||
<div className="row">
|
||||
<div className="col-lg-10 offset-lg-1">
|
||||
<div className="section-title text-center mb-60">
|
||||
{/* Title */}
|
||||
<h2 className="h2-md">Chat with Your Friends Easily</h2>
|
||||
{/* Text */}
|
||||
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
|
||||
tempus, blandit and cursus varius magna tempus a dolor
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s">
|
||||
<img className="img-fluid" src="assets/images/socials.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* DOWNLOAD BUTTON */}
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="content-11-btn ico-20 ico-right mt-60 wow fadeInUp" data-wow-delay="0.6s">
|
||||
{/* Button */}
|
||||
<a href="#" className="btn btn-md btn-skyblue tra-grey-hover">
|
||||
Refresh <span className="flaticon-play-button" />
|
||||
</a>
|
||||
{/* OS Prerequisite */}
|
||||
<span className="os-version">Available on Android, iOS and macOS</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END DOWNLOAD BUTTON */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END CONTENT-11 */}
|
||||
|
||||
|
||||
|
||||
</div> {/* END PAGE CONTENT */}
|
||||
|
||||
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
export default FindMobility
|
||||
Reference in New Issue
Block a user