react-portfolio : contact

contact page만들기

Header 컴포넌트

Contact.jsx

import Header from '../../components/Header';
import HeaderImage from '../../images/header_bg_2.jpg';

const Contact = () => {
  return(
    <>  
      <Header title="Get In Touch" image={HeaderImage}>
      Lorenm ipsum dolor sit amet consetetur adipisicing elit.
      </Header>
    </>
  )
}

export default Contact;

---

contact container

import {MdEmail} from 'react-icons/md';
import {BsMessenger} from 'react-icons/bs';
import {IoLogoWhatsapp} from 'react-icons/io';
import './contact.css';

<section className="contact">
  <div className="container content__container">
    <div className="contact__wrapper">
      <a href="mailto:imhana503@naver.com" target="_blank" rel ="noreferrer noopener"><MdEmail/></a>
      <a href="mailto:imhana503@naver.com" target="_blank" rel ="noreferrer noopener"><BsMessenger/></a>
      <a href="mailto:imhana503@naver.com" target="_blank" rel ="noreferrer noopener"><IoLogoWhatsapp/></a>
    </div>
   </div>
</section>