//Modules
import React from 'react';

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

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

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

class UserProfile extends React.Component {
    render() {
        return (
            <div className="CompanyProfile">
                <HeroOne title="Frits Haringa" content="Student Applicatie en Mediaontwikkeling jaar 3"/>
                <div className="container my-5">
                    <div className="row">
                        <div className="col-md-7">
                            <h1 className="AP-h1 mb-4">Wie ben ik</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">Beheersde talen</h1>
                            <p> . Javascript <br/> 
                                . html <br/>
                                . php <br/>
                                . ReactJs
                            </p>

                            <h1 className="AP-h1 my-4">Mijn CV</h1>
                            <a className="AP-Btn-Primary">Bekijk Mijn cv</a>
                        </div>
                        <div className="col-md-5 text-center">
                            <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">
                                    Opleiding: AO <br/>
                                    Email: flappie@bedrijf1.nl <br/>
                                    Tel: 0192883746
                                </p>
                                <p className="text-left">
                                    Github: githublink
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="container p0 mb-5">
                    <hr className="hr-1"/>
                    <h1 className="AP-h2 my-4">Heeft ook stage gelopen bij</h1>
                    <div className="row">
                        <FinishedInternShip/>
                        <FinishedInternShip/>
                    </div>
                </div>
            </div>
        )
    }
}


export default UserProfile;