import React from 'react'
import './About.css'
import Button from '../Button/Button'

const About = () => {
    return(
        <div id='about-part' className='about-div'>
            <div className='image-div'>
                <img className='about-image' src='../../../public/IMG_4883.jpg'/>
                <div className='about-image-background-div'></div>
            </div>
            <div className='content-div'>   
                <h1>Junior Software Engineer</h1>
                <h3>Developer for more than a year</h3>
                <p>Bachelor of Computer Science in AmirKabir University of Technology<br />Interested in web-developing with:</p>
                
                <ul>
                    <li>HTML</li>
                    <li>CSS</li>
                    <li>JAVASCRIPT</li>
                    <li>REACT</li>
                    <li>JAVA</li>
                    <li>PYTHON</li>
                </ul>
                <Button>
                    Download Resume
                </Button>
            </div>
        </div>
    )
}

export default About;