gitadmin/AlfaPrentice
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

searchpage company cards and filter setup

Browse Source
This commit is contained in:
frits000000
2020-11-20 22:34:01 +01:00
parent 0481ad2bc5
commit 02852cc5b1
10 changed files with 228 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ReactJS/alfaprentice/src/Components/Cards/CompanyResult.js
+145
View File
@@ -0,0 +1,145 @@
//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;