New pages

This commit is contained in:
DESKTOP-GBA0BK8\Admin
2023-04-06 20:54:28 -04:00
parent bddf76320b
commit 5609bc9c99
4 changed files with 151 additions and 8 deletions
+4
View File
@@ -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>
+7 -8
View File
@@ -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>
+70
View File
@@ -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
+70
View File
@@ -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