diff --git a/src/app/task/task.component.html b/src/app/task/task.component.html
index 492e6d7..2246003 100644
--- a/src/app/task/task.component.html
+++ b/src/app/task/task.component.html
@@ -1,16 +1,8 @@
-<mat-card class="task">
-  <mat-card-header class="header">
-    <mat-card-title class="title">{{this.taskObj.name}}</mat-card-title>
-    <mat-card-subtitle class="sub">{{this.date}}</mat-card-subtitle>
-  </mat-card-header>
-  <hr>
-  <mat-card-content class="content">
-    <p>
-      {{this.taskObj.description}}
-    </p>
-  </mat-card-content>
-  <mat-card-actions>
-    <button  (click)="delete(this.taskObj.id)" mat-mini-fab class="edit-btn"><mat-icon>delete</mat-icon></button>
-    <button  (click)="openDialog()" mat-mini-fab class="edit-btn"><mat-icon>edit</mat-icon></button>
-  </mat-card-actions>
-</mat-card>
+<!-- Terminal -->
+<div class="terminal" >
+  <pre>{{this.taskObj.name}}</pre>
+  <pre>{{this.taskObj.id}}</pre>
+  <pre>{{this.taskObj.description}}</pre>
+  <pre>{{this.taskObj.state}}</pre>
+  <pre>{{this.taskObj.date}}</pre>
+</div>