2021-04-13 19:39:58 -07:00
|
|
|
import HeartIcon from "./Images/HeartIcon";
|
|
|
|
import NextJSIcon from "./Images/NextJSIcon";
|
|
|
|
import TailwindIcon from "./Images/TailwindIcon";
|
|
|
|
|
|
|
|
const Footer = () => (
|
|
|
|
<footer className='flex flex-wrap justify-center text-center w-full bg-gray-900 p-8'>
|
|
|
|
<p className='flex w-full items-center justify-center text-white font-bold text-lg space-x-1'>
|
|
|
|
Made with
|
2021-04-14 12:24:17 -07:00
|
|
|
<HeartIcon className='text-red-500 md:h-6 md:w-6 h-12 w-12 ml-1' />
|
|
|
|
<a href='https://tailwindcss.com' target='_blank' id='twcssSite' aria-label='TailwindCSS Website' rel='noreferrer'>
|
|
|
|
<TailwindIcon className='text-tailwind md:h-6 md:w-6 h-12 w-12'/>
|
2021-04-13 19:39:58 -07:00
|
|
|
</a>
|
2021-04-14 12:24:17 -07:00
|
|
|
<a href='https://nextjs.org' target='_blank' id='nextjsSite' aria-label='Next.js Website' rel='noreferrer'>
|
|
|
|
<NextJSIcon className='text-white md:h-6 md:w-6 h-12 w-12 mr-1' />
|
2021-04-13 19:39:58 -07:00
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
<p className='text-white font-bold text-lg w-full'>Copyright © 2021 Jack Merrill</p>
|
|
|
|
</footer>
|
|
|
|
)
|
|
|
|
|
|
|
|
export default Footer;
|