//Modules
import React from 'react';

//Style
import "./Cards.css";

class CompanyResult extends React.Component {
    render() {
        return(
            <div className="container">
                <div className="row">
                    <div className="col-12 mt-2">
                        <div className="CompanyResultCard mx-3">
                            <h1 className="AP-color-primary font-weight-normal">Bedrijf 1</h1>
                            <div className="row mt-3">
                                <div className="col-md-8">
                                Wij bij bedrijf 1 zijn bezig met bla bla en zoeken altijd naar bla bla bla. Wij zijn  bla bla en bla bla maar altijd bla bla. bla bla bla tolereren wij echten niet. bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla …….
                                </div>
                                <div className="col-md-4 CompantResultBtn">
                                    <a className="AP-Btn-Primary">Bekijk bedrijf</a>
                                </div>
                            </div>
                            <div className="row mt-4">
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-3">
                                    bla
                                </div>
                                <div className="col-md-3">
                                    bla
                                </div>
                            </div>
                        </div>
                        <hr className="GlobalHR"/>
                    </div>

                    <div className="col-12 mt-4">
                        <div className="CompanyResultCard mx-3">
                            <h1 className="AP-color-primary font-weight-normal">Bedrijf 2</h1>
                            <div className="row mt-3">
                                <div className="col-md-8">
                                Wij bij bedrijf 2 zijn bezig met bla bla en zoeken altijd naar bla bla bla. Wij zijn  bla bla en bla bla maar altijd bla bla. bla bla bla tolereren wij echten niet. bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla …….
                                </div>
                                <div className="col-md-4 CompantResultBtn">
                                    <a className="AP-Btn-Primary">Bekijk bedrijf</a>
                                </div>
                            </div>
                            <div className="row mt-4">
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-3">
                                    bla
                                </div>
                                <div className="col-md-3">
                                    bla
                                </div>
                            </div>
                        </div>
                        <hr className="GlobalHR"/>
                    </div>

                    <div className="col-12 mt-4">
                        <div className="CompanyResultCard mx-3">
                            <h1 className="AP-color-primary font-weight-normal">Bedrijf 3</h1>
                            <div className="row mt-3">
                                <div className="col-md-8">
                                Wij bij bedrijf 3 zijn bezig met bla bla en zoeken altijd naar bla bla bla. Wij zijn  bla bla en bla bla maar altijd bla bla. bla bla bla tolereren wij echten niet. bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla …….
                                </div>
                                <div className="col-md-4 CompantResultBtn">
                                    <a className="AP-Btn-Primary">Bekijk bedrijf</a>
                                </div>
                            </div>
                            <div className="row mt-4">
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-3">
                                    bla
                                </div>
                                <div className="col-md-3">
                                    bla
                                </div>
                            </div>
                        </div>
                        <hr className="GlobalHR"/>
                    </div>

                    <div className="col-12 mt-4">
                        <div className="CompanyResultCard mx-3">
                            <h1 className="AP-color-primary font-weight-normal">Bedrijf 4</h1>
                            <div className="row mt-3">
                                <div className="col-md-8">
                                Wij bij bedrijf 4 zijn bezig met bla bla en zoeken altijd naar bla bla bla. Wij zijn  bla bla en bla bla maar altijd bla bla. bla bla bla tolereren wij echten niet. bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla …….
                                </div>
                                <div className="col-md-4 CompantResultBtn">
                                    <a className="AP-Btn-Primary">Bekijk bedrijf</a>
                                </div>
                            </div>
                            <div className="row mt-4">
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-2">
                                    bla
                                </div>
                                <div className="col-md-3">
                                    bla
                                </div>
                                <div className="col-md-3">
                                    bla
                                </div>
                            </div>
                        </div>
                        <hr className="GlobalHR"/>
                    </div>
                </div>
            </div>
        )
    }
}

export default CompanyResult;