diff --git a/frontend/src/components/pages/StandardView/index.tsx b/frontend/src/components/pages/StandardView/index.tsx
index e8666b8cd129de7dac3d37a34ba1d621d798405f..d067af8602ea4eea716bef722579a68cf1f264d8 100644
--- a/frontend/src/components/pages/StandardView/index.tsx
+++ b/frontend/src/components/pages/StandardView/index.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Route, Switch, Redirect } from "react-router-dom";
-import ExamplePage from "components/templates/ExamplePage";
+import Timeline from "components/pages/Timeline";
 import ModuleOverview from "components/pages/ModuleOverview";
 import Dashboard from "components/pages/Dashboard";
 import Exams from "components/pages/Exams";
@@ -82,7 +82,7 @@ const StandardView: React.FC<StandardViewProps> = ({
           <Route path="/modules/:id/feedback" component={ModuleFeedback} />
 
           <Route path="/timeline">
-            <ExamplePage name="Timeline" />
+            <Timeline/>
           </Route>
 
           <Route path="/exams/overview">
diff --git a/frontend/src/components/pages/Timeline/index.tsx b/frontend/src/components/pages/Timeline/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a86a366c3f007ea7815ad4ba1cce54785fdd32a6
--- /dev/null
+++ b/frontend/src/components/pages/Timeline/index.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+import Dandruff from "components/molecules/Dandruff";
+
+const Timeline: React.FC = () => {
+  return (
+    <>
+      <Dandruff heading="Timeline" />
+    </>
+  );
+};
+
+export default Timeline;
diff --git a/frontend/src/components/pages/Timeline/style.module.scss b/frontend/src/components/pages/Timeline/style.module.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/frontend/src/components/templates/ExamplePage/ExampleButtons.tsx b/frontend/src/components/templates/ExamplePage/ExampleButtons.tsx
deleted file mode 100644
index 6a3366b67ae96be40267a7b35db82f4b07cb943e..0000000000000000000000000000000000000000
--- a/frontend/src/components/templates/ExamplePage/ExampleButtons.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from "react";
-
-import Button from "react-bootstrap/Button";
-
-const ButtonsShowcase: React.FC = () => (
-  <div className="p-1">
-    <Button variant="primary" className="mr-1">
-      Primary
-    </Button>
-    <Button variant="secondary" className="mr-1">
-      Secondary
-    </Button>
-    <Button variant="success" className="mr-1">
-      Success
-    </Button>
-    <Button variant="warning" className="mr-1">
-      Warning
-    </Button>
-    <Button variant="danger" className="mr-1">
-      Danger
-    </Button>
-    <Button variant="info" className="mr-1">
-      Info
-    </Button>
-    <Button variant="light" className="mr-1">
-      Light
-    </Button>
-    <Button variant="dark" className="mr-1">
-      Dark
-    </Button>
-    <Button variant="link" className="mr-1">
-      Link
-    </Button>
-  </div>
-);
-
-export default ButtonsShowcase;
diff --git a/frontend/src/components/templates/ExamplePage/ExampleToasts.tsx b/frontend/src/components/templates/ExamplePage/ExampleToasts.tsx
deleted file mode 100644
index 076c3689cfa7b2a5e3927baf97f4bc3a1a03ca1e..0000000000000000000000000000000000000000
--- a/frontend/src/components/templates/ExamplePage/ExampleToasts.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React, { useState } from "react";
-
-import Toast from "react-bootstrap/Toast";
-import Button from "react-bootstrap/Button";
-
-const ToastsShowcase: React.FC = () => {
-  const [show, toggleShow] = useState(false);
-
-  return (
-    <>
-      {!show && <Button onClick={() => toggleShow(true)}>Show Toast</Button>}
-      {/*
-    // @ts-ignore */}
-      <Toast show={show} onClose={() => toggleShow(false)}>
-        <Toast.Header>
-          <img src="holder.js/20x20?text=%20" className="rounded mr-2" alt="" />
-          <strong className="mr-auto">Bootstrap</strong>
-          <small>11 mins ago</small>
-        </Toast.Header>
-        <Toast.Body>Hello, world! This is a toast message.</Toast.Body>
-      </Toast>
-    </>
-  );
-};
-
-export default ToastsShowcase;
diff --git a/frontend/src/components/templates/ExamplePage/index.tsx b/frontend/src/components/templates/ExamplePage/index.tsx
deleted file mode 100644
index 35212e2cf1c15c79cae03ea5ea87a6ea2eb0a517..0000000000000000000000000000000000000000
--- a/frontend/src/components/templates/ExamplePage/index.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-
-import Jumbotron from "react-bootstrap/Jumbotron";
-
-import ButtonsShowcase from "components/templates/ExamplePage/ExampleButtons";
-import ToastsShowcase from "components/templates/ExamplePage/ExampleToasts";
-
-export interface ExamplePageProps {
-  name: string;
-}
-
-
-const ExamplePage: React.FC<ExamplePageProps> = ({name} : ExamplePageProps) => {
-  return (
-    <>
-      <Jumbotron>
-        <h1 className="header">
-          Welcome To {name}
-        </h1>
-      </Jumbotron>
-      <h2>Buttons</h2>
-      <ButtonsShowcase />
-      <h2>Toasts</h2>
-      <ToastsShowcase />
-    </>
-  );
-};
-
-export default ExamplePage;