Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Sports_Club/Footer.jsx
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
78 lines (74 sloc)
3.03 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react' | |
import{ | |
FaFacebook, | |
FaGithub, | |
FaInstagram, | |
FaTwitter, | |
FaTwitch | |
} from 'react-icons/fa' | |
const footer = () => { | |
return ( | |
<div className='w-full mt-24 bg-slate-900 text-gray-300 py-y px-2'> | |
<div className='max-w-[1240px] mx-auto grid grid-cols-2 md:grid-cols-6 border-b-2 border-gray-600 py-8'> | |
<div> | |
<h6 className='font-bold uppercase pt-2'>Solutions</h6> | |
<ul> | |
<li className='py-1'>Marketing</li> | |
<li className='py-1'>Analytics</li> | |
<li className='py-1'>Commerce</li> | |
<li className='py-1'>Data</li> | |
<li className='py-1'>Cloud</li> | |
</ul> | |
</div> | |
<div> | |
<h6 className='font-bold uppercase pt-2'>Support</h6> | |
<ul> | |
<li className='py-1'>Docementation</li> | |
<li className='py-1'>Gides</li> | |
<li className='py-1'>Status</li> | |
<li className='py-1'>Chat</li> | |
</ul> | |
</div> | |
<div> | |
<h6 className='font-bold uppercase pt-2'>Club</h6> | |
<ul> | |
<li className='py-1'>About</li> | |
<li className='py-1'>Press</li> | |
<li className='py-1'>Partners</li> | |
<li className='py-1'>Jobs</li> | |
<li className='py-1'>Blog</li> | |
</ul> | |
</div> | |
<div> | |
<h6 className='font-bold uppercase pt-2'>Legal</h6> | |
<ul> | |
<li className='py-1'>Claims</li> | |
<li className='py-1'>Privacy</li> | |
<li className='py-1'>Terms</li> | |
<li className='py-1'>Policies</li> | |
<li className='py-1'>Conditions</li> | |
</ul> | |
</div> | |
<div className='col-span-2 pt-8 md:pt-2'> | |
<p className='font-bold uppercase'>Subscribe to our newsletter</p> | |
<p className='py-4'>The latest news, articles, and resources, sent to your inbox weekly.</p> | |
<form className='flex flex-col sm:flex-row'> | |
<input className='w-full p-2 mr-4 rounded-md mb-4' type = "email" placeholder='Enterr email..'/> | |
<button className='p-2 mb-4'>Subscribe</button> | |
</form> | |
</div> | |
</div> | |
<div className='flex flex-col max-w-[1240px] px-2 py-4 m-auto justify-between sm:flex-row text-center text-gray-500'> | |
<p className='py-4'>2022 Workflow, LLC. All rights reserved</p> | |
<div className='flex justify-between sm:w-[300px] pt-4 text-2xl'> | |
<FaFacebook /> | |
<FaInstagram /> | |
<FaTwitter /> | |
<FaGithub /> | |
<FaTwitch /> | |
</div> | |
</div> | |
</div> | |
) | |
} | |
export default footer |