72 lines
2.1 KiB
JavaScript
72 lines
2.1 KiB
JavaScript
import React from "react";
|
|
import { Button } from "./components/Button";
|
|
import { Link } from "react-router-dom";
|
|
import "./Footer.css";
|
|
import "@fortawesome/fontawesome-free/css/all.css";
|
|
|
|
function Footer() {
|
|
return (
|
|
<div className="footer-container">
|
|
<div className="footer-links">
|
|
<div className="footer-link-wrapper">
|
|
<div className="footer-link-items">
|
|
<h2>Informationen</h2>
|
|
<Link to="/">Hintergrund</Link>
|
|
<Link to="/">Ziel dieser Webseite</Link>
|
|
</div>
|
|
<div className="footer-link-items">
|
|
<h2>Kontakt</h2>
|
|
<Link to="/">Matrix</Link>
|
|
<Link to="/">E-Mail</Link>
|
|
<Link to="/">Mastodon</Link>
|
|
</div>
|
|
</div>
|
|
<div className="footer-link-wrapper">
|
|
<div className="footer-link-items">
|
|
<h2>Rechtliches</h2>
|
|
<Link to="/">Datenschutz</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section className="social-media">
|
|
<div className="social-media-wrap">
|
|
<div className="footer-logo">
|
|
<Link to="/" className="social-logo">
|
|
TRVL <i className="fab fa-typo3"></i>
|
|
</Link>
|
|
</div>
|
|
<small className="website-rights">TRVL © 2</small>
|
|
<div className="social-icons">
|
|
<Link
|
|
className="social-icon-link facebook"
|
|
to="/"
|
|
target="_blank"
|
|
aria-label="Facebook"
|
|
>
|
|
<i className="fab fa-facebook-f"></i>
|
|
</Link>
|
|
<Link
|
|
className="social-icon-link instagram"
|
|
to="/"
|
|
target="_blank"
|
|
aria-label="Instagram"
|
|
>
|
|
<i className="fab fa-instagram"></i>
|
|
</Link>
|
|
<Link
|
|
className="social-icon-link linkedin"
|
|
to="/"
|
|
target="_blank"
|
|
aria-label="LinkedIn"
|
|
>
|
|
<i className="fab fa-linkedin"></i>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Footer;
|