57 lines
2.3 KiB
JavaScript
57 lines
2.3 KiB
JavaScript
//Modules
|
|
import React from 'react';
|
|
|
|
//Style
|
|
import "./HomePage.css";
|
|
|
|
//Components
|
|
import {
|
|
HeroOne,
|
|
CTA,
|
|
} from "../Components";
|
|
|
|
class HomePage extends React.Component {
|
|
render() {
|
|
return(
|
|
<div className="HomePage">
|
|
<HeroOne title="AlfaPrentice" content="De plek om je ideale stageplek te vinden"/>
|
|
<div className="container mt-5">
|
|
<h2 className="color-p2 text-center">klik op je opleding en kijk welk bedrijf het meest bij jou past</h2>
|
|
<div className="row mt-4">
|
|
<div className="col-md-3 OpleidingItem">
|
|
<div className="OpleidingItemInner d-flex">
|
|
<div className="m-auto color-white">
|
|
Opleiding 1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-md-3 OpleidingItem">
|
|
<div className="OpleidingItemInner d-flex">
|
|
<div className="m-auto color-white">
|
|
Opleiding 1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-md-3 OpleidingItem">
|
|
<div className="OpleidingItemInner d-flex">
|
|
<div className="m-auto color-white">
|
|
Opleiding 1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-md-3 OpleidingItem">
|
|
<div className="OpleidingItemInner d-flex">
|
|
<div className="m-auto color-white">
|
|
Opleiding 1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<CTA title="ALfaPrentice is ontwikkeld om jou te helpen met het zoeken naar de beste match tussen jou en een bedrijf" BtnText="Login en begin met soliciteren"/>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default HomePage; |