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

const Home = () => {
    return(
        <div className='Home-div'>
            <div className='content-div'>
                <h1>Hi!<br/><span>I'm Pouyan</span><br />Great to See You.</h1>
                <p className='text-below-welcome'>sdlihc feihf osh hdshf lskd hlfsdh flskhd lkfshdlhfsldkhf  skdf kdfk nsldnfdkn ksdkfn kdnfk ndkfn dknfk d</p>
                <Button>
                    Download Resume
                </Button>
            </div>
            <div className='image-div'>
                <img src='../../../public/logo-portfolio-black.PNG'/>
                <div className='background-image-1'></div>
                <div className='background-image-2'>
                    <h1>//</h1>
                    <p className='paragraph'>,fnwel nwen fke dknf nke ffnen kjuj efnel nfkn fkndkn dfn kdnf nfdkfn kdndk,c dknf nkdn kfnk dndfk nkdn f nfdknf kd dkn cdnc kdnk dn kd kcndk ndk nkdn kfkd kn kdfnfk n
                    </p>
                </div>
                <div className='dots'>. . . . . .  <br/>. . . . . .<br/>. . . . . .</div>
            </div>
        </div>
    )
}

export default Home;