unserver-unify/src/app/directive/notice/socialsharedlg.component.html

<div class="modal-header">
  <button type="button" class="close" ng-click="$ctrl.cancel()">
  <span aria-hidden="true">×</span>
  <span class="sr-only">
    <span translate=""  >Close</span>
  </span>
  </button>
    <h3 class="modal-title" translate="">Share course</h3>
  </div>
<div class="modal-body share_buttons">
  <div class="col-md-6">
    <button class="btn btn-medium center-content share_fb" socialshare="" socialshare-provider="facebook" socialshare-url="{{$ctrl.courseURL}}">
      <i class="fa fa-facebook">&nbsp;</i>
      Facebook
    </button>
  </div>
  <div class="col-md-6">
    <button class="btn btn-medium center-content share_ttr" socialshare="" socialshare-provider="twitter" socialshare-url="{{$ctrl.courseURL}}">
      <i class="fa fa-twitter">&nbsp;</i>
      Twitter
    </button>
  </div>
  <div class="col-md-6">
    <button class="btn btn-medium center-content share_ggl" socialshare="" socialshare-provider="google" socialshare-url="{{$ctrl.courseURL}}">
      <i class="fa fa-google">&nbsp;</i>
      Google
    </button>
  </div>
  <div class="col-md-6" ng-if="false">
    <button class="btn btn-medium center-content share_ln" socialshare="" socialshare-provider="linkedin" socialshare-url="{{$ctrl.courseURL}}">
      <i class="fa fa-linkedin">&nbsp;</i>
      linkedin
    </button>
  </div>
</div>