unserver-unify/src/app/additional/portfolio.html

<div ng-controller="PortfolioCtrl as ctrl">
    <div class="home_slider" style="margin-top: -55px; z-index: 20; position: relative; overflow: visible;">
        <div class="carousel">
            <div class="carousel-inner">
                <div class="active item slider_type3">
                    <div class="text-center">
                        <img ng-src="assets/images/portfolio_bannner.png" style="margin:auto;width:100%;height:100%;"/>
                        <div class="text_content">
                            <h3 style="margin-top: 0;">九竹教育云平台，服务每一个教育者与学习者。全球的许多企业，机构，学校选择九竹教育云提升他们的教学与培训。</h3>
                            <p style="font-size: 20px; margin-top: 10px;"> 无论您在哪个行业，学校与企业什么规模，九竹教育云都可以满足您的未来学习，培训需求。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="margin-bottom-40"></div>
    <div class="headline-center margin-bottom-40">
      <h2 translate="">BambooCloud Deployment</h2>
    </div>
    <section id="portfolio" class="container main">
        <div class="margin-bottom-40">
          <div class="col-md-1 col-sm-2 col-xs-4 text-right"><b>{{ 'Industry' | translate }} :</b></div>
          <div class="col-md-11 col-sm-10 col-xs-8 padding-left-0">
            <ul>
              <li class="pull-left margin-right-5">
                <a href="javascript:;" ng-class="{'active':ctrl.key == ''}" class="label label-primary label-outlined" style="padding: 5px 10px;" ng-click="ctrl.key=''" translate>
                  All
                </a>
              </li>
              <li class="pull-left margin-right-5" ng-repeat="item in ctrl.industry | removeDups">
                <a href="javascript:;" class="label label-primary label-outlined" ng-class="{'active':ctrl.key == item}" style="padding: 5px 10px;" ng-click="ctrl.key=item" translate="">
                  {{item}}
                </a>
              </li>
            </ul>
          </div>
          <div class="clearfix"></div>
        </div>
        <div ng-if="ctrl.portfolioList.length == 0" class="no_record" translate="">
            No Record
        </div>
        <ul class="gallery col-4 portfolio-box">
            <!--Item 1-->
            <li ng-repeat="item in ctrl.portfolioList | filter:{ photo : '!!' }" ng-if="(ctrl.key==''||ctrl.key==item.industry||ctrl.key==item.others)">
                <div class="preview">
                    <a class="thumbnail fancybox cursor-pointer" title="{{item.name}}" ng-click="ctrl.openLightboxModal($index)">
                        <img class="full-width img-responsive" ng-src="{{ctrl.photoPath+item.photo}}" alt="{{item.name}}">
                        <span class="portfolio-box-in rounded-x">
                            <i class="fa fa-search-plus"></i>
                        </span>
                    </a>
                    <!-- <a class="thumbnail" title="{{item.name}}" ng-if="!item.photo">
                        <img class="full-width img-responsive" src="assets/images/album_no-image.jpg" alt="{{item.name}}">
                    </a> -->
                </div>
                <div class="desc">
                    <h5>{{item.name}}</h5>
                    <small><b>{{ 'Country' | translate }}: </b>{{item.country}}</small>
                    <small><b>{{ 'Industry' | translate }}: </b>
                        <span ng-if="item.industry=='others'">{{item.others}}</span>
                        <span ng-if="item.industry!='others'">{{ item.industry | translate }}</span>
                    </small>
                </div>
            </li>
            <!--/Item 1--> 
        </ul>        
    </section>
    <div class="margin-bottom-100"></div>
    <div class="bg-primary mt-100" style="margin-bottom: 0; margin-top: 150px !important">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 motto audjust">
                    <img src="assets/images/professional-img.png" class="motto-img d-none d-md-block" alt="" />
                    <p class="motto-text">九竹教育云平台先进、简单、易用、并支持多种格式的课件。九竹教育云平台能够围绕老师和学生的需求，针对师生教研、备课、课前、课中、课后、课外、评估等教学实践环节搭建应用和工具，支持教学机构在教学内容和模式的多元化尝试和创新，全面提高了教学质量和教学效率，达到因材施教，教学相长。</p>
                    <div class="testi_author">
                        <p>九竹教育云平台的用户</p>
                        <!-- <i> Nikshatra</i>
                        <span> CEO @ Huawei</span> -->
                        <div class="margin-bottom-20"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>