text: import React from 'react'
  import { FaLinkedin, FaGithub } from 'react-icons/fa';
  import { FiLink, FiInstagram } from 'react-icons/fi';
  
  
  const ContactMe = () => {
      return (
          <div className='mx-8 px-8 relative border-orange border rounded md:mx-0 md:px-16 pb-4 pt-10 mt-6 '>
              <h3 className='absolute bg-orange text-white py-2 px-6 top-0 -mt-5 text-2xl font-bold uppercase'>Contact Me</h3>
              <p className='text-center md:text-left'>
                  <a href='https://linkedin.com/in/marvinlemos' title='LinkedIn Profile'>
                      <FaLinkedin className='text-5xl md:text-6xl inline-block md:mr-6' />
                  </a>
                  <a href='https://github.com/marvinlemos' title='GitHub Profile'>
                      <FaGithub className='text-5xl md:text-6xl inline-block md:mr-6' />
                  </a>
                  <a href='https://instagram.com/profmarvinlemos' title='Instagram Profile'>
                      <FiInstagram className='text-5xl md:text-6xl inline-block md:mr-6' />
                  </a>
                  <a href='https://rpubs.com/marvinlemos' title='RPubs posts'>
                      <FiLink className='text-5xl md:text-6xl inline-block mr-6' />
                  </a>
                  <br />
                  <span className=' inline-block pt-4'>or drop a line: marvinlemos@gmail.com</span>
              </p>
          </div>
      )
  }
  
  export default ContactMe