teaserContent.component.html

<div class="row" style="width: 80%;margin-left: auto; margin-right: auto;">
	<div class="col-sm-3">
	  <p style="padding-left: 30px;"><strong>Keywords</strong></p>
	  <ul style="list-style-type: circle;">
                <li *ngFor="let keyWord of keywords"><a (click)="clickKeyword(keyWord)"  style="cursor:pointer;">{{keyWord}}</a></li>
      </ul>
    </div>
	<div class="col-sm-3">
	  <p style="padding-left: 30px;"><strong>Programming Languages</strong></p>
	  <ul style="list-style-type: circle;">
                <li *ngFor="let programmingLanguage of programmingLanguages"><a (click)="clickLanguage(programmingLanguage)"  style="cursor:pointer;">{{programmingLanguage}}</a></li>
      </ul>
    </div>
	<div class="col-sm-3">
	  <p style="padding-left: 30px;"><strong>Contributors</strong></p>
	  <ul style="list-style-type: circle;">
                <li *ngFor="let contributor of contributors"><a (click)="clickContributor(contributor)" style="cursor:pointer;">{{contributor}}</a></li>
      </ul>
    </div>
</div>