//Modules
import React from 'react';

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

//Components
import {
    BrowserRouter as Router,
    Switch,
    Route,
    Link
  } from "react-router-dom";

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">
                                    <Link to="/bedrijfsprofiel" className="AP-Btn-Primary">Bekijk bedrijf</Link>
                                </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">
                                <Link to="/bedrijfsprofiel" className="AP-Btn-Primary">Bekijk bedrijf</Link>
                                </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">
                                <Link to="/bedrijfsprofiel" className="AP-Btn-Primary">Bekijk bedrijf</Link>
                                </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">
                                <Link to="/bedrijfsprofiel" className="AP-Btn-Primary">Bekijk bedrijf</Link>
                                </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;