145 lines
7.2 KiB
JavaScript
145 lines
7.2 KiB
JavaScript
//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; |