-
Notifications
You must be signed in to change notification settings - Fork 0
/
Footer.tsx
59 lines (57 loc) · 1.88 KB
/
Footer.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import Link from "next/link";
import React from "react";
import { FaGithub, FaLinkedin, FaTwitter } from "react-icons/fa";
const Footer = () => {
return (
<div>
<footer className="fixed bottom-0 w-full border-t border-gray-700 border-opacity-50 dark:border-opacity-20 mt-16">
<div className="mx-auto sm:max-w-7xl text-center py-5 px-6 sm:px-0">
<div className="text-gray-500 dark:text-white/80 text-base sm:text-lg">
Built by{" "}
<a
href="https://twitter.com/mayanks_tw"
rel="noopener"
target="_blank"
className="underline underline-offset-4"
>
mayank
</a>{" "}
deployed on{" "}
<a
href="https://vercel.com"
rel="noopener"
target="_blank"
className="underline underline-offset-4"
>
vercel
</a>
<div className="flex items-center justify-center p-3 xl:p-4 dark:text-gray-500 space-x-2 xl:space-x-4">
<Link
className="hover:dark:text-white/80 transition"
target="blank"
href="https://github.com/codescalper/filestruct-rust"
>
<FaGithub />
</Link>
<Link
className="hover:dark:text-white/80 transition"
target="blank"
href="https://twitter.com/mayanks_tw"
>
<FaTwitter />
</Link>
<Link
className="hover:dark:text-white/80 transition"
target="blank"
href="https://www.linkedin.com/in/mayankonli"
>
<FaLinkedin />
</Link>
</div>
</div>
</div>
</footer>
</div>
);
};
export default Footer;