palmpay.io-website/src/components/Footer.js

132 lines
3.9 KiB
JavaScript
Raw Normal View History

2018-09-22 18:23:51 +00:00
import React from "react";
import { FormattedMessage, FormattedHTMLMessage } from 'react-intl';
import { Link } from 'react-router-dom';
2018-09-22 18:23:51 +00:00
import {
Footer as FooterBase,
Row,
Col
} from "mdbreact";
// Images
2018-09-28 17:30:31 +00:00
import FooterLogo from '../assets/img/header/logo.png';
2018-09-22 18:23:51 +00:00
import DtubeLogo from '../assets/img/footer/dtube.png';
import SteemItLogo from '../assets/img/footer/steemit.png';
/**
* The footer of all pages.
*/
function Footer() {
return (
<span id="apppage">
<FooterBase className="footer text-center">
<div className="containerfix">
<Row className="vertical-align footerrow">
2018-09-28 07:10:44 +00:00
<div className="col-md-10 mx-md-auto">
<Col className="logoFooter" md="4">
<Link to="/">
2018-09-28 17:30:31 +00:00
<img alt="" style={{ width: 173, height: 'auto' }} src={FooterLogo} />
</Link>
2018-09-22 18:23:51 +00:00
</Col>
<Col md="4">
<ul className="list-inline social-buttons">
<li className="list-inline-item">
<a
target="_blank"
rel="noopener noreferrer"
href="https://t.me/Agorise">
<i className="fa fa-telegram" />
</a>
</li>
<li className="list-inline-item">
<a
target="_blank"
rel="noopener noreferrer"
href="https://twitter.com/Agorise_world">
<i className="fa fa-twitter" />
</a>
</li>
<li className="list-inline-item">
<a
target="_blank"
rel="noopener noreferrer"
href="https://youtube.com/Agorise">
<i className="fa fa-youtube" />
</a>
</li>
<li className="list-inline-item">
<a
target="_blank"
rel="noopener noreferrer"
href="https://d.tube/c/agorise">
<img alt="" src={DtubeLogo} />
</a>
</li>
<li className="list-inline-item">
<a
target="_blank"
rel="noopener noreferrer"
href="https://steemit.com/@Agorise">
<img alt="" src={SteemItLogo} />
</a>
</li>
</ul>
</Col>
2018-09-28 07:10:44 +00:00
<Col className="brandTextFooter" md="4">
<p className="mb-0 uppercase-text">
2018-09-22 18:23:51 +00:00
<span id="ft_lang1">
<FormattedMessage id="footer.title" />
</span>
</p>
</Col>
2018-09-28 07:10:44 +00:00
</div>
2018-09-22 18:23:51 +00:00
</Row>
<div
className="copyright py-3 text-center text-white"
style={{ fontSize: "0.8em" }}>
2018-09-28 07:10:44 +00:00
<div className="col-md-10 mx-md-auto">
2018-09-22 18:23:51 +00:00
<div className="row vertical-align">
<div className="col-md-10 mx-md-auto">
<p>
<span id="cp_lang1">
<FormattedHTMLMessage id="footer.description" />
</span>
</p>
</div>
</div>
<div className="row vertical-align">
<div className="col-md-4" />
<div className="col-md-4">
<small>
&copy; Copyright {new Date().getFullYear()}{" "}
<a
target="_blank"
rel="noopener noreferrer"
href="http://agorise.world/">
{" "}
Agorise Ltd.{" "}
</a>
</small>
</div>
</div>
2018-09-28 07:10:44 +00:00
<div className="row developersName justify-content-end">
2018-09-22 18:23:51 +00:00
<div
style={{ fontSize: "0.8em" }}
className="text-white col-md-2">
</div>
</div>
</div>
</div>
</div>
</FooterBase>
</span>
);
}
export default Footer;