unserver-unify/src/app/class/courses.html

<div ng-controller="ClassCoursesCtrl as ctrl">
  <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12" ng-repeat="item in courses">
    <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
      <div class="thumbnail-img">
        <div class="overflow-hidden text-center">
          <a ui-sref="index.courses.info({ cid: item._id })">
            <img alt="{{ item.name }}" class="img-responsive" ng-src="{{item.photo? ctrl.coursePhotoUrl+item._id +'/'+ item.photo : (item.mvpic? ctrl.subjectPicUrl+ item.mvpic : ctrl.defaultpic)}}" style="height:135px;" title="{{ item.name }}"/>
          </a>
        </div>
      </div>
      <div class="clearfix margin-bottom-10">
      </div>
      <div class="caption overflow-hidden clst" style="height:102px">
        <h3>
          <a class="hover-effect" ui-sref="index.courses.info({ cid: 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 class="padding-left-0">
          <span  >
            {{item.creater}}
          </span>
        </li>
        <li>
          <!-- display rating if any -->
        </li>
        <li class="pull-right" ng-if="ctrl.compareDate(item.created)" style="padding-right:10px;">
          <img src="assets/images/new.gif"/>
        </li>
        <li class="pull-right">
          <i class="fa fa-eye">
          </i>
          <span  >
            {{item.visitercounter}}
          </span>
        </li>
      </ul>
    </div>
  </div>
</div>