Home page implementatie
This commit is contained in:
@@ -1,10 +1,55 @@
|
||||
//Modules
|
||||
import React from 'react';
|
||||
|
||||
//Style
|
||||
import "./HomePage.css";
|
||||
|
||||
//Components
|
||||
import {
|
||||
HeroOne,
|
||||
CTA,
|
||||
} from "../Components";
|
||||
|
||||
class HomePage extends React.Component {
|
||||
render() {
|
||||
return(
|
||||
<div>dit is de homepage</div>
|
||||
<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>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user