Files
float-www/src/components/Footer.js
T
2023-04-18 16:23:52 +01:00

79 lines
3.4 KiB
JavaScript

import React, {component} from 'react';
import { Link } from "react-router-dom";
class Footer extends React.Component {
render(){
return(
<div>
<footer id="footer-3" className="footer division">
<div className="container">
<div className="row">
<div className="col-lg-10 offset-lg-1">
<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="#">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="/#">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="/#">Resources</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="/about">About Us</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>
</div>
</div>
<div className="col-sm-6 col-md-8 col-lg-3">
<div className="pb-2 d-flex justify-content-lg-end">
<a href={process.env.REACT_APP_FACEBOOK_LINK} target="_blank"><span className="p-1 flaticon-facebook"></span></a>
<a href={process.env.REACT_APP_INSTAGRAM_LINK} target="_blank"><span className="p-1 flaticon-instagram"></span></a>
<a href={process.env.REACT_APP_LINKEDIN_LINK} target="_blank"><span className="p-1 flaticon-linkedin-sign"></span></a>
<a href={process.env.REACT_APP_TWITTER_LINK} target="_blank"><span className="p-1 flaticon-twitter"></span></a>
</div>
<div className="footer-store-badges text-right mb-40">
<Link to={process.env.REACT_APP_APPLE_LINK} className="store">
<img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
</Link>
<Link to={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
<img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
</Link>
</div>
</div>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-10 offset-lg-1">
<div className="bottom-footer footer-copyright text-center">
<p>&copy; 2023 Float Mobility with Intelligence. All Rights Reserved</p>
</div>
</div>
</div>
</div>
</footer>
</div>
)
}
}
export default Footer