mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-24 03:06:22 +02:00
Code Issues Releases Wiki Activity

Add layout

Browse Source
This commit is contained in:
Phuoc Nguyen
2021-09-27 20:32:58 +07:00
parent 88200a6983
commit bced6a1df5
21 changed files with 351 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/FooterBlock.tsx Normal file
View File

@@ -0,0 +1,32 @@
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="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="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 us">
<FooterLink href="https://github.com/1milligram">GitHub</FooterLink>
<FooterLink href="https://twitter.com/nghuuphuoc">Twitter</FooterLink>
</FooterGroup>
</Footer>
<div className="block-footer__copyright">
© 2020 — {new Date().getFullYear()}, 1 milligram. All rights reserved.
</div>
</div>
</footer>
);