mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-10-23 10:46:13 +02:00
33 lines
1.6 KiB
TypeScript
33 lines
1.6 KiB
TypeScript
import * as React from 'react';
|
|
import { Footer, FooterGroup, FooterLink } from '@1milligram/design';
|
|
|
|
export const FooterBlock = () => (
|
|
<footer className="block-footer">
|
|
<div className="block-container">
|
|
<Footer>
|
|
<FooterGroup title="My products">
|
|
<FooterLink href="https://blur.page">Blur Page</FooterLink>
|
|
<FooterLink href="https://formvalidation.io">Form Validation</FooterLink>
|
|
<FooterLink href="https://intersectionobserver.io">IntersectionObserver Examples</FooterLink>
|
|
<FooterLink href="https://react-pdf-viewer.dev">React PDF Viewer</FooterLink>
|
|
</FooterGroup>
|
|
<FooterGroup title="My open sources">
|
|
<FooterLink href="https://1loc.dev">1 LOC</FooterLink>
|
|
<FooterLink href="https://csslayout.io">CSS Layout</FooterLink>
|
|
<FooterLink href="https://getfrontend.tips">Front-end Tips</FooterLink>
|
|
<FooterLink href="https://htmldom.dev">HTML DOM</FooterLink>
|
|
<FooterLink href="https://thisthat.dev">this VS that</FooterLink>
|
|
</FooterGroup>
|
|
<FooterGroup title="Follow me">
|
|
<FooterLink href="https://github.com/phuocng">GitHub</FooterLink>
|
|
<FooterLink href="https://twitter.com/nghuuphuoc">Twitter</FooterLink>
|
|
</FooterGroup>
|
|
</Footer>
|
|
|
|
<div className="block-footer__copyright">
|
|
© 2020 — {new Date().getFullYear()}, Nguyen Huu Phuoc. All rights reserved.
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|