Implement first view and fake data

src/app/participant-choice-content/participant-choice-content.component.html

-<p>
-  participant-choice-content works!
-</p>
+<div fxLayout="column" fxLayoutAlign="start" fxLayoutGap="20px" fxFill>
+  <div fxLayout="row" fxLayoutAlign="center">
+    <mat-card class="input-form">
+      <mat-card-header>
+        <mat-card-title>
+          <h3 class="subheading-2">{{ testChoiceContent.subject }}</h3>
+        </mat-card-title>
+        <mat-card-subtitle>
+          <div>
+            {{ testChoiceContent.body }}
+          </div>
+        </mat-card-subtitle>
+      </mat-card-header>
+      <mat-divider></mat-divider>
+      <mat-card-content>
+        <mat-list *ngFor="let answer of testChoiceContent.options">
+          <mat-list-item>{{answer.label}}</mat-list-item>
+        </mat-list>
+      </mat-card-content>
+      <mat-divider></mat-divider>
+      <app-content-list></app-content-list>
+      <mat-divider></mat-divider>
+    </mat-card>
+    <div *ngIf="!isLoading && !room">Error: room could not be found!</div>
+  </div>
+</div>

src/app/participant-choice-content/participant-choice-content.component.ts

 import { Component, OnInit } from '@angular/core';
+import { ChoiceContent } from '../choice-content';
+import { AnswerOption } from '../answer-option';
 
 @Component({
   selector: 'app-participant-choice-content',
@@ -6,7 +8,14 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./participant-choice-content.component.scss']
 })
 export class ParticipantChoiceContentComponent implements OnInit {
-
+  testAnswers = [
+    new AnswerOption('A - Giraffe', '0'),
+    new AnswerOption('B - Bär', '0'),
+    new AnswerOption('C - bra', '10')
+  ];
+  testCorrectAnswers = [2];
+  testChoiceContent = new ChoiceContent(
+    '1', '1', '1', 'Tierkunde', 'Welches Tier ist schwarz mit weißen Streifen?', 1, this.testAnswers, this.testCorrectAnswers, false);
   constructor() { }
 
   ngOnInit() {