You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
2.4 KiB
68 lines
2.4 KiB
import React from 'react';
|
|
import { Layout, Row, Col } from 'antd';
|
|
import { PhoneOutlined, HomeOutlined, MailOutlined } from '@ant-design/icons';
|
|
import { FaHome, FaPhone, FaEnvelope, FaYoutube, FaGithub, FaFacebook, FaLinkedin, FaTwitter, FaInstagram, FaDiscord } from 'react-icons/fa';
|
|
import { RiOpenSourceFill } from 'react-icons/ri';
|
|
import Configuration from '../../components/Configuration';
|
|
|
|
import './index.less';
|
|
|
|
const { Footer } = Layout;
|
|
|
|
function BaseFooter() {
|
|
return (
|
|
<Footer>
|
|
<Row className="ant-layout-footer__wrapper" align="middle" gutter={[0, 10]}>
|
|
<Col xs={24} lg={8}>
|
|
<div className="logo" data-sal="slide-up" data-sal-duration="2000" data-sal-easing="ease-out-cubic">
|
|
<img alt="logo" src="/images/logo.png" />
|
|
</div>
|
|
</Col>
|
|
<Col xs={{ span: 24 }} lg={{ span: 8, offset: 8 }}>
|
|
<Row className="footer__address">
|
|
<Col><HomeOutlined /></Col>
|
|
<Col> </Col>
|
|
<Col>
|
|
<address><Configuration parameter="footer-address" multilines/></address>
|
|
</Col>
|
|
</Row>
|
|
<Row>
|
|
<Col>
|
|
<p><PhoneOutlined /> <Configuration parameter="footer-phone"/></p>
|
|
</Col>
|
|
</Row>
|
|
<Row>
|
|
<Col>
|
|
<p><MailOutlined /> <Configuration parameter="footer-email"/></p>
|
|
</Col>
|
|
</Row>
|
|
<p className="footer__social-links">
|
|
<a href="https://github.com/netuno-org" className="share-icons">
|
|
<FaGithub />
|
|
</a>
|
|
<a href="https://www.youtube.com/channel/UCYY1Nz6T2NJtP29vba2fqkg" className="share-icons">
|
|
<FaYoutube />
|
|
</a>
|
|
<a href="https://twitter.com/netuno_org" className="share-icons">
|
|
<FaTwitter />
|
|
</a>
|
|
<a href="https://www.linkedin.com/company/netuno-org/" className="share-icons">
|
|
<FaLinkedin />
|
|
</a>
|
|
<a href="https://discord.gg/4sfXG6YWFu" className="share-icons">
|
|
<FaDiscord />
|
|
</a>
|
|
<a href="https://www.facebook.com/netuno.org/" className="share-icons">
|
|
<FaFacebook />
|
|
</a>
|
|
<a href="https://www.instagram.com/netuno_org/" className="share-icons">
|
|
<FaInstagram />
|
|
</a>
|
|
</p>
|
|
</Col>
|
|
</Row>
|
|
</Footer>
|
|
);
|
|
}
|
|
|
|
export default BaseFooter;
|