social media component

social-media.component.html

<div class="social-media" [ngClass]="{'vertical':vertical}">
    <div *ngIf="facebook" class="social-media-icon">
        <a [href]="facebookLink + facebook.link" target="_blank" rel="noopener" title="view {{ facebook.user }} on facebook"><ces-svg-facebook></ces-svg-facebook></a>
    </div>
    <div *ngIf="twitter" class="social-media-icon">
        <a [href]="twitterLink + twitter.link" target="_blank" rel="noopener" title="view {{ twitter.user }} on twitter"><ces-svg-twitter></ces-svg-twitter></a>
    </div>
    <div *ngIf="linkedIn" class="social-media-icon">
        <a *ngIf="linkedIn.company; else altLinkedIn" [href]="linkedInLinkCompany + linkedIn.link" target="_blank" rel="noopener" title="view {{ linkedIn.user }} on twitter"><ces-svg-linkedin></ces-svg-linkedin></a>
        <ng-template #altLinkedIn>
            <a [href]="linkedInLink + linkedIn.link" target="_blank" rel="noopener" title="view {{ linkedIn.user }} on twitter"><ces-svg-linkedin></ces-svg-linkedin></a>
        </ng-template>
    </div>
    <div *ngIf="medium" class="social-media-icon">
        <a [href]="mediumLink + medium.link" target="_blank" rel="noopener" title="view {{ medium.user }} on medium"><ces-svg-medium></ces-svg-medium></a>
    </div>
</div>