Update heroes.component.html

src/app/heroes/heroes.component.html

-<div class="container">
-  <div class="row">
-    <div class="col-lg-6">
-      <form [formGroup]="searchForm" (ngSubmit)="submitData()">
-        <div class="form-group">
-          <label for="usr">Title:</label>
-          <input type="text" placeholder="Tiele" class="form-control" id="Title" formControlName="title">
-        </div>
-        <div class="form-group">
-          <label for="pwd">Tag:</label>
-          <input type="text" placeholder="Tags" class="form-control" id="tags" formControlName="tags">
-        </div>
-        <div class="form-group">
-          <label for="pwd">Description:</label>
-          <textarea class="form-control" placeholder="Description" id="description" formControlName="description"></textarea>
-        </div>
-        <button color="primary" type="Submit" mat-raised-button="" class="mat-raised-button mat-primary"><span class="mat-button-wrapper">Submit</span>
-          <div class="mat-button-ripple mat-ripple" matripple=""></div>
-          <div class="mat-button-focus-overlay"></div>
-        </button>
-      </form>
-      <div *ngIf="showAddSuccessMessage">Thankyou. Your data has been added successfully.</div>
-    </div>
-    <div class="col-lg-6">
-      <div *ngFor="let pk of listData" class="listValie">
-        <div class="pull-right">
-          <label *ngIf="pk.vote !== null">Vote: {{pk.vote}}</label>
-          <label *ngIf="pk.vote === null">Vote: 0</label>
-        </div>
-        <div>{{pk.title}} <span *ngFor="let teml of pk.tags"><a data-toggle="modal" (click)="getVoteDetail(pk.id)"
-              data-target="#myModal">{{teml}}&nbsp;</a></span></div>
-        <div>{{pk.description}}</div>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Modal -->
-<div id="myModal" class="modal fade" role="dialog">
-  <div class="modal-dialog">
-
-    <!-- Modal content-->
-    <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal">&times;</button>
-        <h4 class="modal-title">{{voteDetails?.title}}</h4>
-      </div>
-      <div class="modal-body">
-        <span *ngFor="let tag of voteDetails?.tags">{{tag}}&nbsp;</span>
-        <p>{{voteDetails?.description}}</p>
-      </div>
-      <div *ngIf="showVoteSuccessMessage">Thankyou. Your Vote has been submitted successfully.</div>
-      <div class="modal-footer">
-        <button type="button" (click)="voteCount(voteDetails?.id)" class="btn btn-default btn-vote">
-          <i class="fa fa-thumbs-up" aria-hidden="true"></i>
-        </button>
-      </div>
-    </div>
-
-  </div>
+<div class="container">
+  <div class="row">
+    <div class="col-lg-6">
+      <form [formGroup]="searchForm" (ngSubmit)="submitData()">
+        <div class="form-group">
+          <label for="usr">Title:</label>
+          <input type="text" placeholder="Title" class="form-control" id="Title" formControlName="title">
+        </div>
+        <div class="form-group">
+          <label for="pwd">Tag:</label>
+          <input type="text" placeholder="Tags" class="form-control" id="tags" formControlName="tags">
+        </div>
+        <div class="form-group">
+          <label for="pwd">Description:</label>
+          <textarea class="form-control" placeholder="Description" id="description" formControlName="description"></textarea>
+        </div>
+        <button color="primary" type="Submit" mat-raised-button="" class="mat-raised-button mat-primary"><span class="mat-button-wrapper">Submit</span>
+          <div class="mat-button-ripple mat-ripple" matripple=""></div>
+          <div class="mat-button-focus-overlay"></div>
+        </button>
+      </form>
+      <div *ngIf="showAddSuccessMessage">Thankyou. Your data has been added successfully.</div>
+    </div>
+    <div class="col-lg-6">
+      <div *ngFor="let pk of listData" class="listValie">
+        <div class="pull-right">
+          <label *ngIf="pk.vote !== null">Vote: {{pk.vote}}</label>
+          <label *ngIf="pk.vote === null">Vote: 0</label>
+        </div>
+        <div>{{pk.title}} <span *ngFor="let teml of pk.tags"><a data-toggle="modal" (click)="getVoteDetail(pk.id)"
+              data-target="#myModal">{{teml}}&nbsp;</a></span></div>
+        <div>{{pk.description}}</div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Modal -->
+<div id="myModal" class="modal fade" role="dialog">
+  <div class="modal-dialog">
+
+    <!-- Modal content-->
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal">&times;</button>
+        <h4 class="modal-title">{{voteDetails?.title}}</h4>
+      </div>
+      <div class="modal-body">
+        <span *ngFor="let tag of voteDetails?.tags">{{tag}}&nbsp;</span>
+        <p>{{voteDetails?.description}}</p>
+      </div>
+      <div *ngIf="showVoteSuccessMessage">Thankyou. Your Vote has been submitted successfully.</div>
+      <div class="modal-footer">
+        <button type="button" (click)="voteCount(voteDetails?.id)" class="btn btn-default btn-vote">
+          <i class="fa fa-thumbs-up" aria-hidden="true"></i>
+        </button>
+      </div>
+    </div>
+
+  </div>
 </div>
\ No newline at end of file