NickBland/website-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement beginning of footer component

Browse Source 
Create basis of footer component. Some changes needed to put proper content in but theming, styling is all done.
This commit is contained in:
Nick Bland
2022-05-14 16:50:45 +10:00
parent 3e793a5985
commit 261f0bb07f
2 changed files with 31 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/footer.tsx
+25
View File
@@ -0,0 +1,25 @@
import Link from "next/link";
import {IoLogoGithub, IoLogoGitlab} from "react-icons/io5";
export const Footer = () => {
return (
<div>
<footer className="footer grid w-full grid-flow-row place-items-center text-center gap-y-10 gap-x-4 text-sm p-10 dark:bg-black bg-white dark:text-white text-black rounded">
<div className="grid grid-flow-col gap-4">
<Link href="/"><a className="link link-hover">Home</a></Link>
<Link href="/"><a className="link link-hover">Home 2</a></Link>
<Link href="/"><a className="link link-hover">Home 3</a></Link>
</div>
<div>
<div className="grid grid-flow-col gap-4">
<Link href="/"><a><IoLogoGithub></IoLogoGithub></a></Link>
<Link href="/"><a><IoLogoGitlab></IoLogoGitlab></a></Link>
</div>
</div>
<div>
<p>Made with ❤️ by Nick Bland</p>
</div>
</footer>
</div>
);
}