<div class="social">
    <a (click)="signIn('linkedin')" class="twitter"><i class="fa fa-linkedin"></i> &nbsp; Login with Linkedin</a>
  <a (click)="signIn('google')" class="google-plus"><i class="fa fa-google-plus"></i> &nbsp; Login with Google Plus</a>
  <a (click)="signIn('facebook')" class="facebook"><i class="fa fa-facebook"></i> &nbsp; Login with Facebook</a>
  
</div>

  <div *ngIf="user">
    <div class="card" style="width: 20rem;">
  <img class="card-img-top" style="height: 200px;" src="{{user.image}}" alt="Card image cap">
  <div class="card-block">
    <h4 class="card-title">{{user.name}}</h4>
    <p class="card-text">{{user.email}}</p>
    <a *ngIf="user.provider=='google'" href="https://plus.google.com/{{user.uid}}" target="_new" class="btn btn-primary">Google plus link</a>
  </div>
</div>
  </div>

    