//Modules
import React from 'react';

//Styles
import "./Profile.css";

//Images
import Image from "../../images/doos.jpg";

//Components
import {HeroOne} from "../../";

class CompanyProfile extends React.Component {
    render() {
        return (
            <div className="CompanyProfile">
                <HeroOne title="Bedrijf 1" content="ICT ontwikkeling"/>
                <div className="container my-5">
                    <div className="row">
                        <div className="col-md-7">
                            <h1 className="AP-h1 mb-4">Wie zijn wij</h1>
                            <p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
                            <h1 className="AP-h1 mt-4">Eisen</h1>
                            <p> . Kan koprol maken <br/> 
                                . kan hoger dan 10 cm springen <br/>
                                . drinkt graag koffie <br/>
                                . heet een hekel aan Nederlandse rap
                            </p>

                            <h1 className="AP-h1 my-4">Heb je intresse</h1>
                            <a className="AP-Btn-Primary">Soliciteer nu</a>
                        </div>
                        <div className="col-md-5 text-center">
                            <h2 className="AP-h1 mb-5">Contactpersoon</h2>
                            <div className="ProfilePictureContainer mx-auto my-3">
                                <img src={Image} />
                            </div>
                            <h3 className="AP-h3 mb-4">Frits Haringa</h3>
                            <div className="ContactPersonContent mx-auto">
                                <p className="text-left">
                                    Functie: CEO <br/>
                                    Email: flappie@bedrijf1.nl <br/>
                                    Tel: 0192883746
                                </p>
                                <p className="text-left">
                                    Adres: ergends
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}


export default CompanyProfile;