text: import React, {useState} from 'react'
  import { Row, Col, Container } from 'react-bootstrap';
  import { GoBrowser } from "react-icons/go";
  import { BsTerminal } from 'react-icons/bs'
  
  function Resume() {
  
      const [frontEndSkills] = useState(['HTML','CSS','JavaScript','JQuery','React','Bootstrap','Handlebars', 'Anime.js', 'SVG', 'Animations'])
  
      const [backEndSkills] = useState(['APIs','Node','Express', 'MySQL, Sequelize', 'MongoDB, Mongoose', 'PWAs', 'OOP', 'MVC', 'CRUD'])
  
      return (
          <Container>
              <Row className='justify-content-center skillContainer'>
                  <Col className='skills' lg={6}>
                      
                      <div className='size4'>Front-end Proficiencies</div>
                      <ul className='mt-4'> 
                      {backEndSkills.map((skill, i) => (
                         <li key={skill + i}>
                             {skill}
                         </li>
                      ))}
                      </ul>
                  </Col>
  
                  <Col className='skills' lg={6}>
                      <div className='size4'>Back-end Proficiencies</div>
                      <ul className='mt-4'>
                      {frontEndSkills.map((skill, i) => (
                         <li key={skill + i}>
                             {skill}
                         </li>
                      ))}
                      </ul>
                  </Col>
              </Row>
              <p className='mt-5'>Download my Full Resume <a rel="noopener noreferrer" target='_blank' href={require(`../../assets/images/resume.png`)} download>here</a>.</p>
          </Container>
      )
  }
  
  export default Resume