changes on heroes component

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="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 class="tag-link">{{pk.title}} <a data-toggle="modal" (click)="getVoteDetail(pk.id)"
-          data-target="#myModal"> <span *ngFor="let teml of pk.tags">{{teml}}&nbsp;</span></a>
-        </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">&nbsp;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">Thank you. Your article 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 class="tag-link">{{pk.title}} <a data-toggle="modal" (click)="getVoteDetail(pk.id)"
+          data-target="#myModal"><span *ngFor="let teml of pk.tags">{{teml}}&nbsp;</span></a>
+        </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

src/index.html

-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Tour of Heroes</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link href="assets/styles.css" rel="stylesheet">
-
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-  
-</head>
-<body>
-  <app-root></app-root>
-</body>
-</html>
-
-
-<!-- 
-Copyright 2017-2018 Google Inc. All Rights Reserved.
-Use of this source code is governed by an MIT-style license that
-can be found in the LICENSE file at http://angular.io/license
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Altimetrik Articles</title>
+  <base href="/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link href="assets/styles.css" rel="stylesheet">
+
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>
+
+
+<!-- 
+Copyright 2017-2018 Google Inc. All Rights Reserved.
+Use of this source code is governed by an MIT-style license that
+can be found in the LICENSE file at http://angular.io/license
 -->
\ No newline at end of file