diff --git a/src/app/comment/comment.component.html b/src/app/comment/comment.component.html
index f1dac120c7cdfd627fe9aa8ed74325510ddc33cc..46ba9e843dc1eb0ed435158b421bf705209ea8fc 100644
--- a/src/app/comment/comment.component.html
+++ b/src/app/comment/comment.component.html
@@ -1,9 +1,23 @@
 <form>
-  <mat-form-field>
-    <textarea matInput placeholder="add your comment" matTextareaAutosize matAutosizeMinRows="10"></textarea>
-  </mat-form-field>
+  <ul>
+    <li *ngFor="let com of comments">
+      <mat-card>
+        <mat-card-content>
+          <b>com header</b><br>
+
+          {{ com }}
+        </mat-card-content>
+        <mat-card-footer>
+          <div style="float:left">
+            <i>#date + time</i>
+          </div>
+          <div style="float:right">
+            <i>#name of commentator</i>
+          </div>
+        </mat-card-footer>
+      </mat-card><br>
+    </li>
+  </ul>
 
   <button mat-raised-button color="primary">back</button>
-  <button mat-raised-button color="primary">send</button>
 </form>
-