diff --git a/src/app/app.component.html b/src/app/app.component.html
index 31025d8393b4a08990b7f93f677806ce4e3f414b..94c83370a5d829d6e3945a7d3e10c73e91954f41 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -14,3 +14,4 @@
 
 
 
+<app-content-creation></app-content-creation>
diff --git a/src/app/content-creation/content-creation.component.html b/src/app/content-creation/content-creation.component.html
index 601e936cf04eee0db4df9fd4d7e9d5af2296541c..ebfc99d8d303548a8e94b0000c491fb0078d1c37 100644
--- a/src/app/content-creation/content-creation.component.html
+++ b/src/app/content-creation/content-creation.component.html
@@ -1,3 +1,21 @@
-<p>
-  content-creation works!
-</p>
+<mat-form-field>
+  <input matInput placeholder="Input">
+</mat-form-field>
+
+<p></p>
+
+<mat-form-field>
+  <textarea matInput placeholder="Textarea"></textarea>
+</mat-form-field>
+
+<p></p>
+
+<mat-radio-group>
+  <mat-radio-button value="1">Answer 1</mat-radio-button>
+  <p></p>
+  <mat-radio-button value="2">Answer 2</mat-radio-button>
+  <p></p>
+  <mat-radio-button value="1">Answer 3</mat-radio-button>
+  <p></p>
+  <mat-radio-button value="2">Answer 4</mat-radio-button>
+</mat-radio-group>
diff --git a/src/app/content-creation/content-creation.component.ts b/src/app/content-creation/content-creation.component.ts
index e80156f5e4c577c7b996638299f77449b78801fe..d73321afbe5a59798c6ec9ce085a4b50ced5575e 100644
--- a/src/app/content-creation/content-creation.component.ts
+++ b/src/app/content-creation/content-creation.component.ts
@@ -1,3 +1,4 @@
+///<reference path="../../../node_modules/@angular/core/src/metadata/directives.d.ts"/>
 import { Component, OnInit } from '@angular/core';
 
 @Component({