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

<div class="modal-header">
  <button type="button" class="close" ng-click="$ctrl.cancel()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  <h3 class="modal-title text-center" style="font-size:18px">
    {{ {eng:'Payment Reminder', chn:'付费提醒'}|trans }} !
  </h3>
</div>
<div class="modal-body" style="margin: 0;">
	<div class="alert alert-danger">
	  <strong>{{ {eng:'Your membership has expired!', chn:'你的会员已过期'}|trans }}</strong> {{ {eng:'Please renew immediately to ensure uniterrupted membership.', chn:'请立即续费，保留会员权限。'}|trans }}
	</div>
	<p style="color:#3498db; font-size:20px;">{{ {eng:'SGD', chn:'只需'}|trans }} ${{$ctrl.school.memberPrice || 0}} {{ {eng:'for', chn:'新加坡元即可购买'}|trans }} {{$ctrl.school.memberDays||30}} {{ {eng:'Days', chn:'天的会员权限'}|trans }} </p>
	<p style="margin-bottom: 2px;"><b>{{ {eng:'Benefit of Membership', chn:'会员福利'}|trans }}:</b></p>
	<div class="row">
		<div class="col-md-6">
			<ul>
				<li><i class="fa fa-angle-right">&nbsp;</i>{{ {eng:'Hundreds of high quality courses', chn:'数以百计的优质课程'}|trans }}</li>
				<li><i class="fa fa-angle-right">&nbsp;</i>{{ {eng:'More engaging learning experience', chn:'引人入胜的课程体验'}|trans }}</li>
				<li><i class="fa fa-angle-right">&nbsp;</i>{{ {eng:'Online assesment and Feedbacks', chn:'在线评估与反馈'}|trans }}</li>
			</ul>
		</div>
		<div class="col-md-6">
			<ul>
				<li><i class="fa fa-angle-right">&nbsp;</i>{{ {eng:'Thousands of Learning resources', chn:'丰富的教学资源'}|trans }}</li>
				<li><i class="fa fa-angle-right">&nbsp;</i>{{ {eng:'Personalized learning', chn:'个性化学习'}|trans }}</li>
				<li><i class="fa fa-angle-right">&nbsp;</i>{{ {eng:'Real-time Classroom', chn:'实时课堂'}|trans }}</li>
			</ul>
		</div>
	</div>
</div>
<div class="modal-footer">
  <button class="btn btn-success" ng-click="$ctrl.submit();" type="button">
    {{ {eng:'Renew', chn:'续费'}|trans }}
  </button>
</div>