unserver-unify/src/app/course/cmeclist.html

<div ng-controller="CoursesCmecCtrl as ctrl">
  <div ng-repeat="section in ctrl.sections" ng-if="section.items&&section.items.length>0">
    <div class="col-md-12">
      <div class="headline">
        <h4>{{section.name}}</h4>
      </div>
      <div  class="col-lg-3 col-md-3 col-sm-6 col-xs-12" ng-repeat="item in section.items">
        <div class="thumbnails thumbnail-style thumbnail-kenburn relative" >
          <div class="thumbnail-img">
            <div class="overflow-hidden text-center">
              <img class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl +item._id+'/'+ item.photo : (item.mvpic? ctrl.subjectPicUrl+ item.mvpic : ctrl.defaultpic)}}" title="{{ item.name }}" alt="{{ item.name }}" style="height:120px;"/>
              <a class="btn-more hover-effect" ui-sref="index.courses.course({ cid: item._id, cs:getCheckSum(item._id)})"><span translate>More</span> +</a>
            </div>
          </div>
          <div class="caption overflow-hidden" style="height:120px">
            <h3><a class="hover-effect" ui-sref="index.courses.course({ cid: item._id,cs:getCheckSum(item._id) })">
            {{ item.name }}
            </a></h3>
            <p>
            {{ item.description }}
            </p>
          </div>
          <ul class="list-inline  text-left" style="border-top:solid 1px white;padding-top: 5px;  margin-bottom: 0px;">
            <li>By {{item.creater}}</li>
            <li class="pull-right"><i class="fa fa-eye"></i><span class="badge badge-light">{{item.visitercounter}}</span> </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>