Skip to content
Snippets Groups Projects
Commit 43a0612f authored by xaralis's avatar xaralis
Browse files

feat: proper footer links

parent 8f076b2f
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
src/components/Footer.jsx
+ 63
− 60
View file @ 43a0612f
import React from "react"; import React from "react";
import { NavLink } from "react-router-dom";
const Footer = () => { const Footer = () => {
return ( return (
...@@ -15,76 +16,78 @@ const Footer = () => { ...@@ -15,76 +16,78 @@ const Footer = () => {
sdílet za stejných podmínek. sdílet za stejných podmínek.
</p> </p>
</section> </section>
<section className="footer__main-links bg-grey-700 text-white lg:grid grid-cols-3 gap-4"></section> <section className="footer__main-links bg-grey-700 text-white lg:grid grid-cols-3 gap-4">
<section className="footer__social lg:text-right"> <div className="pt-8 pb-4 lg:py-0">
<div className="flex flex-col md:flex-row lg:flex-col lg:items-end space-y-2 md:space-y-0 md:space-x-2 lg:space-x-0 lg:space-y-2"> <div className="footer-collapsible">
<button className="btn btn--icon btn--blue-300 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth"> <span className="text-xl uppercase text-white footer-collapsible__toggle">
<div className="btn__body-wrap"> CF 2021
<div className="btn__body ">Pomoz nám</div>{" "} </span>{" "}
<div className="btn__icon "> <div className="">
<i className="ico--anchor"></i> <ul className="mt-6 space-y-2 text-grey-200">
</div> <li>
</div> <NavLink to="/">Přímý přenos</NavLink>
</button> </li>
<li>
<NavLink to="/program">Program</NavLink>
</li>
</ul>
</div> </div>
</section>
</div> </div>
<section className="bg-black py-4 lg:py-12">
<div className="container container--default">
<div className="grid gap-4 grid-cols-1 md:grid-cols-2">
<div className="badge w-full">
<div className="avatar avatar--sm badge__avatar">
<img src="http://placeimg.com/100/100/people" alt="Avatar" />
</div> </div>
<div className="badge__body"> <div className="py-4 lg:py-0 border-t border-grey-400 lg:border-t-0">
<span className="head-heavy-2xs badge__title"> <div className="footer-collapsible">
Andrej Ramašeuski <span className="text-xl uppercase text-white footer-collapsible__toggle">
</span> Otevřenost
<p className="badge__occupation">Kontakt pro dobrovolníky</p> </span>{" "}
<a <div className="">
href="mailto:example@example.com" <ul className="mt-6 space-y-2 text-grey-200">
className="contact-line contact-line--responsive icon-link badge__link" <li>
> <a href="https://ucet.pirati.cz">Transparentní účet</a>
<i className="ico--phone"></i> </li>{" "}
<span>+420 777 123 123</span> <li>
</a> <a href="https://smlouvy.pirati.cz">Registr smluv</a>
<a </li>{" "}
href="mailto:example@example.com" <li>
className="contact-line contact-line--responsive icon-link badge__link" <a href="https://wiki.pirati.cz/fo/otevrene_ucetnictvi">
> Otevřené účetnictví
<i className="ico--envelope"></i>
<span>example@example.com</span>
</a> </a>
</li>
</ul>
</div> </div>
</div> </div>
<div className="badge w-full">
<div className="avatar avatar--sm badge__avatar">
<img src="http://placeimg.com/100/100/people" alt="Avatar" />
</div> </div>
<div className="badge__body"> </section>
<span className="head-heavy-2xs badge__title"> <section className="footer__social lg:text-right">
Andrea Linhartová <div className="flex flex-col md:flex-row lg:flex-col lg:items-end space-y-2 md:space-y-0 md:space-x-2 lg:space-x-0 lg:space-y-2">
</span>
<p className="badge__occupation">Kontakt pro média</p>
<a <a
href="mailto:example@example.com" href="https://dary.pirati.cz"
className="contact-line contact-line--responsive icon-link badge__link" rel="noopener noreferrer"
target="_blank"
className="btn btn--icon btn--cyan-200 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth"
> >
<i className="ico--phone"></i> <div className="btn__body-wrap">
<span>+420 777 123 123</span> <div className="btn__body ">Přispěj</div>{" "}
</a> <div className="btn__icon ">
<i className="ico--pig"></i>
</div>
</div>
</a>{" "}
<a <a
href="mailto:example@example.com" href="https://nalodeni.pirati.cz"
className="contact-line contact-line--responsive icon-link badge__link" rel="noopener noreferrer"
target="_blank"
className="btn btn--icon btn--blue-300 btn--hoveractive text-lg btn--fullwidth sm:btn--autowidth"
> >
<i className="ico--envelope"></i> <div className="btn__body-wrap">
<span>example@example.com</span> <div className="btn__body ">Naloď se</div>{" "}
</a> <div className="btn__icon ">
</div> <i className="ico--anchor"></i>
</div> </div>
</div> </div>
</a>
</div> </div>
</section> </section>
</div>
</footer> </footer>
); );
}; };
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft