import React from 'react';
import './Contact.css';
import Button from "../Button/Button"

const Contact = () => {
    return (
        <div id='contact-part' className='contact-div'>

        <div className='email-div-content-div'>
            <h1>Have <br/> <span>Contact</span> <br/> with me <br/>Here!</h1>
        </div>

        <div className='email-div-email-div'>
            <div className='background'></div>
            <div className='contact-email'>
                <div className='each-input-div'>
                    <h1>Title:</h1>
                    <input className="title-input" placeholder="Enter title..." />
                </div>
                <div className='each-input-div'>
                    <h1>Your-Email:</h1>
                    <input className="employee-email-input" placeholder="your.email@example.com" />
                </div>
                <div className='each-input-div'>
                    <h1>Your-Subject:</h1>
                    <input className="subject-input" placeholder="Enter subject..." />
                </div>
                <Button>
                    Submit
                </Button>
            </div>
        </div>
        </div>
    );
};

export default Contact;
