unserver-unify/src/app/company/search.html

<div ng-controller="CompanySearchCtrl as ctrl">
  <div class="col-md-12">
    <div class="row margin-bottom-20">
      <div class="col-md-8" ng-if="searchCount==0">
        <span class="search_result">Found <span>{{searchCount}}</span> Companies, Search Results for <span>{{searchName}}</span></span>
      </div>
      <div class="col-md-4 pull-right">
        <div class="forum" style="margin-top: 3px;">
          <div class="input-group">
            <input class="form-control" ng-model="ctrl.q" placeholder="{{ 'search course' | translate }}" type="text"/>
            <span class="input-group-btn" ng-show="ctrl.q.length >
                  0">
              <button class="btn btn-primary" ng-click="ctrl.getCompanys(ctrl.q)" type="button">
                <i class="fa fa-search">
                </i>
              </button>
            </span>
          </div>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="row">
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" pagination-id="courses" dir-paginate="item in ctrl.items | itemsPerPage: 8" total-items="searchCount" current-page="this.page">
          <div class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative">
            <div class="thumbnail-img">
              <div class="overflow-hidden text-center">
                <a ui-sref="index.company.detail.overview({cid: item._id})">
                  <img class="img-responsive" ng-src="{{ item.photo? ctrl.companypath+item._id +'/'+ item.photo :  ctrl.defaultPhoto }}"/>
                </a>
              </div>
            </div>
            <div class="desc_sec">
              <div class="caption overflow-hidden clst" style="height:130px;">
                <h3>
                  <a ui-sref="index.company.detail.overview({cid: item._id})">
                    {{ item.name }}
                  </a>
                </h3>
                <div class="list_rating shw_ful">
                  <span class="average dummy_avg" ng-if="!item.rating">
                    <div class="average-rating-container">
                      <ul class="rating background">
                        <li class="star">
                          <i class="fa fa-star">
                          </i>
                        </li>
                        <li class="star">
                          <i class="fa fa-star">
                          </i>
                        </li>
                        <li class="star">
                          <i class="fa fa-star">
                          </i>
                        </li>
                        <li class="star">
                          <i class="fa fa-star">
                          </i>
                        </li>
                        <li class="star">
                          <i class="fa fa-star">
                          </i>
                        </li>
                      </ul>
                    </div>
                    <span class="ng-binding">
                      4/5
                    </span>
                  </span>
                </div>
                <ul class="list-unstyled" style="height:40px; margin-bottom:6px;">
                  <li ng-if="item.jobs">
                    <span class="color-green" translate="">
                      No. of Jobs
                    </span>
                    : {{item.jobs}}
                  </li>
                  <li ng-if="item.projects">
                    <span class="color-green" translate="">
                      No. of Projects
                    </span>
                    : {{item.projects}}
                  </li>
                  <li ng-if="item.products">
                    <span class="color-green" translate="">
                      No. of Products
                    </span>
                    : {{item.products}}
                  </li>
                  <li ng-if="item.courses">
                    <span class="color-green" translate="">
                      No. of Courses 
                    </span>
                    : {{item.courses}}
                  </li>
                </ul>
                <p>
                  {{ item.description }}
                </p>
              </div>
            </div>
            <div class="clearfix"></div>
            <h3 class="row text-center" ng-if="ctrl.selected" translate="">
              No Result!
            </h3>
          </div>
      </div>
    </div>
    <div class="row" ng-show="searchCount >8">
      <div class="col-md-12 forum">
        <div class="text-right pagination_aln">
          <dir-pagination-controls pagination-id="courses" boundary-links="true" template-url="components/content/dirPagination.tpl.html" on-page-change="ctrl.pageChanged(newPageNumber)" class="with-others">
          </dir-pagination-controls>
        </div>
      </div>
    </div>
  </div>
</div>