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

<div ng-controller="argCoursesCtrl as ctrl">
  <div class="slider slider_full_middle relative">
    <!--<img ng-src="{{publicUrl}}bamboobanner.jpg" />-->
    <div uib-carousel interval="myInterval" active="active">
      <div uib-slide ng-repeat="slide in slides" index="$index">
        <img ng-src="{{slide}}" style="width: 100%;" />
      </div>
    </div>
    <!--<img src="//edusharesg.oss-ap-southeast-1.aliyuncs.com/public/resg/school/58febfdbce510434293ee349/1502371114324.jpg" style="width: 100%;">-->
    <div class="container">
      <h1>Courses</h1>
    </div>
  </div>
  <div class="sub_header">
    <div class="container">
      <div class="forum">
        <div class="input-group col-lg-3 col-md-3 col-sm-3 top-search enable">
          <input class="form-control" ng-model="ctrl.keyWord" placeholder="{{ 'search course' | translate }}" type="text" />
          <span class="input-group-btn">
            <button class="btn btn-primary srch_btn" ng-click="ctrl.searchCourseByName(ctrl.keyWord)" type="button">
              <i class="fa fa-search">
              </i>
            </button>
          </span>
        </div>
      </div>
      <h3>Hi {{userName}}</h3>
      <h3>Which course would you like to attend today?</h3>
      <div class="tab-v1">
        <ul class="nav nav-tabs" ng-init="ctrl.showTab1 = 'tab1'">
          <li ng-class="{active : ctrl.tab == sub}" ng-repeat="sub in ctrl.subCategory">
            <a data-toggle="tab" ng-click="ctrl.searchCourses(sub)" aria-expanded="true">
              {{sub}}
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="content_container">
    <div class="tab-content">
      <div>
        <div class="row category_courselist">
          <div class="col-lg-10 col-lg-offset-1">
          <div class="col-md-12 no_record" translate="" ng-if="ctrl.courses.length == 0">
            No Record
          </div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 padding-left-0 padding-right-8" ng-repeat="cos in ctrl.courses" ng-click="ctrl.go(cos)">
              <div class="home_category" style="background: url('{{cos.cosImage}}') no-repeat 0 0; background-size: contain;">
                <div class="category_content">
                  <h4>{{cos.name}}</h4>
                  <p>{{cos.description}}</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>