diff --git a/ReactJS/alfaprentice/src/Components/Cards/TimeRegister.js b/ReactJS/alfaprentice/src/Components/Cards/TimeRegister.js
new file mode 100644
index 0000000..0e02e15
--- /dev/null
+++ b/ReactJS/alfaprentice/src/Components/Cards/TimeRegister.js
@@ -0,0 +1,23 @@
+import React from 'react';
+
+const HourRegister = (porops) => {
+    return(
+        <div className="container">
+            <h3>Vandaag</h3>
+            <div className="row">
+                <div className="col-md-6">
+                    <p>Omschrijving</p>
+                    <textarea/>
+                </div>
+                <div className="col-md-3">
+                    <p>Aantal uren</p>
+                </div>
+                <div className="col-md-3">
+                    opslaan
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default HourRegister;
\ No newline at end of file
diff --git a/ReactJS/alfaprentice/src/Components/Pages/Profile/UserFunctions/WeekStaten.js b/ReactJS/alfaprentice/src/Components/Pages/Profile/UserFunctions/WeekStaten.js
index ba15395..724d66b 100644
--- a/ReactJS/alfaprentice/src/Components/Pages/Profile/UserFunctions/WeekStaten.js
+++ b/ReactJS/alfaprentice/src/Components/Pages/Profile/UserFunctions/WeekStaten.js
@@ -1,4 +1,8 @@
-import React from 'react'
+//Modules
+import React from 'react';
+
+//Components
+import { HourRegister, HeroOne } from "../../../index";
 
 class Weekstaten extends React.Component {
     constructor(props) {
@@ -8,7 +12,8 @@ class Weekstaten extends React.Component {
     render() {
         return (
             <div>
-                test
+                <HeroOne title="Weekstaten" content="Al je golpen urenj in een overzicht"/>
+                <HourRegister/>
             </div>
         )
     }
diff --git a/ReactJS/alfaprentice/src/Components/index.js b/ReactJS/alfaprentice/src/Components/index.js
index 6cdf5e7..cf30ef5 100644
--- a/ReactJS/alfaprentice/src/Components/index.js
+++ b/ReactJS/alfaprentice/src/Components/index.js
@@ -7,6 +7,7 @@ import Footer from "./Footer/Footer";
 import Dropdown from "./Dropdown/Dropdown";
 import CompanyResults from "./Cards/CompanyResult";
 import FinishedInternShip from "./Cards/FinishedInternCard";
+import HourRegister from "./Cards/TimeRegister";
 
 //Layout imports
 import DefaultLayout from "./Layouts/DefaultLayout";
@@ -32,6 +33,7 @@ export {
     Dropdown,
     CompanyResults,
     FinishedInternShip,
+    HourRegister,
 }