unserver-unify/src/app/home/home_market.html

<div class="second_theme homepage" ng-controller="HomeMarketCtrl as ctrl">
  <div class="slider slider_full_middle">
    <div active="active" interval="myInterval" ng-if=" slides && slides.length> 0" uib-carousel="">
      <div index="$index" ng-repeat="slide in slides" uib-slide="">
        <img ng-src="{{ schoolUrl+slide.img }}"/>
      </div>
    </div>
    <div class="carousel" ng-if="currentSchool && (!slides || slides.length == 0)">
      <div class="carousel-inner">
        <div class="text-center">
          <img ng-if=" !slides || slides.length == 0" ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}"/>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix">
  </div>
  <div class="container animated fadeInRight homepage_sec">
    <!--=== Content Part ===-->
    <div class="content">
      <div class="row">
        <div class="col-md-12 home_tab">
          <div class="default_load" ng-if="(!courses&&!courses.length)" ng-include="'app/home/home_tab.html'">
          </div>
          <!-- My Courses Block -->
          <!--div class="headline" ng-if="!loginService.isLogged&&lcourses.length> 0">
            <h4 translate="">
              Courses
            </h4>
          </div-->
          <div class="text-center">
            <a class="btn btn-default btn-sm pull-right hom_btn_aln" style="position:absolute; right:15px; z-index:1;" ui-sref="index.courseinfos">
              {{ 'View All' | translate }}
              <i class="fa fa-arrow-circle-o-right">
              </i>
            </a>
            <h2 class="title-v2 title-center">
              {{ {eng:'Our top courses', chn:'推荐课程'}|trans }}
            </h2>
          </div>
          <div class="row padding-left-15">
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 padding-left-0" ng-repeat="lcourse in courses|limitTo: 12">
           
              <div style="cursor: pointer;" ui-sref="{{lcourse.landingUrl}}" class="thumbnails thumbnail-style thumbnail-kenburn overflow-hidden relative" ng-class="{'public':lcourse.type=='bamboo', 'private':lcourse.type=='udemy'}" >
                <div class="thumbnail-img">
                  <div class="overflow-hidden text-center">
                    <a target="_blank">
                      <img alt="{{ lcourse.name }}" class="img-responsive" ng-src="{{lcourse.photourl }}" style="height:150px" title="{{ lcourse.name }}"/>
                    </a>
                    <span class="list_new" ng-if="lcourse.newflag">
                      <img src="assets/images/new.gif"/>
                    </span>
                    <span class="badge badge-warning list_micro" ng-if="lcourse.singlesection">
                      {{'Micro'|translate}}
                    </span>
                  </div>
                </div>
                <div class="thumbnail-text">
                  <div class="caption overflow-hidden clst" style="height:65px">
                    <div class="clearfix margin-bottom-10">
                    </div>
                    <h3>
                      <a class="hover-effect"  target="_blank">
                        {{ lcourse.name }}
                      </a>
                    </h3>
                  </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   style="font-weight: bold; color:#000;">
                        {{lcourse.schoolname||'Udemy'}}
                      </span>
                    </li>
                    <li class="pull-right">
                      <i class="fa fa-eye" ng-if="lcourse.views">
                      </i>
                      <span>
                        {{lcourse.views}}
                      </span>
                      <span ng-if="false">
                        {{lcourse.price}}
                      </span>
                      <span ng-if="false">
                        {{lcourse.author}}
                      </span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="row margin-bottom-40 h4_aln">
            <h2 class="title-v2 title-center">
              {{ {eng:'Learning at BambooCloud',chn:'九竹云平台的核心理念'} | trans }}
            </h2>
            <div class="col-md-3">
              <h4 class="color-sea">
                <i class="fa fa-bars fa-2x flft">
                </i>
                <span style="font-size:20px">
                  {{ {eng:'Open',chn:'开放'} | trans }}
                </span>
              </h4>
              <div class="clearfix">
              </div>
              <p>
                {{ {eng:'An open online learning ecosystem on technical level and participant level',chn:'一个完全开放的在线学习生态系统；技术层面的开放和平台参与者的开放'} | trans }}
              </p>
            </div>
            <div class="col-md-3">
              <h4 class="color-purple">
                <i class="fa fa-book fa-2x flft">
                </i>
                <span style="font-size:20px" translate="">
                 Learn
                </span>
              </h4>
              <div class="clearfix">
              </div>
              <p>
                {{ {eng:'Online courses creation, management and publication; Question banks and exam modules creation and management',chn:'在线课程创建、管理和发布；题库和考试模块的创建；我的学习空间'} | trans }}
              </p>
            </div>
            <div class="col-md-3">
              <h4 class="color-green">
                <i class="fa fa-users fa-2x flft">
                </i>
                <span style="font-size:20px">
                  {{ {eng:'Collaborate',chn:'协作'} | trans }}
                </span>
              </h4>
              <div class="clearfix">
              </div>
              <p>
                {{ {eng:'Virtual real-time classroom; Real time classroom with interactive whiteboard; Exam and assignment review',chn:'虚拟的实时课堂和可互动的白板'} | trans }}
              </p>
            </div>
            <div class="col-md-3">
              <h4 class="color-orange">
                <i class="fa fa-share-alt fa-2x flft">
                </i>
                <span style="font-size:20px">
                  {{ {eng:'Share',chn:'分享'} | trans }}
                </span>
              </h4>
              <div class="clearfix">
              </div>
              <p>
                {{ {eng:'Course-centric discussion forum; Learning community; Teaching note and blogs',chn:'以课程为中心的讨论论坛；学习社区；教学笔记和博客'} | trans }}
              </p>
            </div>
          </div>
        </div>
      </div>
      <!--/row-->
    </div>
    <!--/container-->
    <!-- End Content Part -->
  </div>
  <div class="row h4_aln">
    <h2 class="title-v2 title-center">
      {{ {eng:'Partner Schools',chn:'合作名校'} | trans 
      }}
    </h2>
    <div class="white-bg">
      <div class="container">
        <ul class="clients_list">
          <li ng-repeat="school in schools">
            <a ui-sref="index.school({ key: school.key })">
              <img ng-src="{{ctrl.schoolurl+school._id+'/'+school.icon}}"/>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="clerafix"></div>
</div>