153 lines
7.4 KiB
JavaScript
153 lines
7.4 KiB
JavaScript
//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; |