react-portfolio : footer

Footer 만들기

Footer.jsx

import {Link} from 'react-router-dom';
import Logo from '../images/logo.png';
import {FaLinkedin} from 'react-icons/fa';
import {FaFacebookF} from 'react-icons/fa';
import {AiOutlineTwitter} from 'react-icons/ai';
import {AiFillInstagram} from 'react-icons/ai';

const Footer = () => {
  return(
    <footer>
      <div className="container footer__container">
        <article>
          <Link to='/' className="logo">
            <img src={Logo} alt="Footer Logo"/>
          </Link>
          <p>
            n this practical beginner react js project tutorial, I'm going to teach you, step-by-step, how to build and deploy a complete, modern, responsive react website using react version 18
          </p>
          <div className="footer__socials">
            <a href="#" target="_blank" rel="noreferrer noopoener"><FaLinkedin/></a>
            <a href="#" target="_blank" rel="noreferrer noopoener"><FaFacebookF/></a>
            <a href="#" target="_blank" rel="noreferrer noopoener"><AiOutlineTwitter/></a>
            <a href="#" target="_blank" rel="noreferrer noopoener"><AiFillInstagram/></a>
          </div>
        </article>
        <article>
          <h4>Permalinks</h4>
          <Link to="/about">About</Link>
          <Link to="/plans">Plans</Link>
          <Link to="/trainers">Trainers</Link>
          <Link to="/gallery">Gallery</Link>
          <Link to="/contact">Contact</Link>
        </article>
        <article>
          <h4>Insights</h4>
          <Link to="/s">Blogs</Link>
          <Link to="/s">Case Studies</Link>
          <Link to="/s">Events</Link>
          <Link to="/s">Communities</Link>
          <Link to="/s">FAQs</Link>
        </article>
        <article>
          <h4>Get In Touch</h4>
          <Link to="/contact">Contact Us</Link>
          <Link to="/s">Support</Link>
        </article>
        <div className="footer__copyright">
          <small>2022 RGATOR TUTORIALS &copy; All Rights Reserved</small>
        </div>
      </div>
    </footer>
  )
}

export default Footer;