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

<section class="container main" ng-controller="FeaturesCtrl as ctrl">    
    <div class="container content">
        <div class="row">
            <!-- Begin Content -->
            <div class="col-md-12">
                <div class="row margin-bottom-80" ng-repeat="slide in learningSlides">
                    <div class="col-md-7 col-sm-7 xs-margin-bottom-30" ng-class="{'pull-right' : ($index+1)%2 == 0 }">
                        <h3 class="color-blue" ng-if="currentLanguage=='Chinese'">{{ slide.cnTitle||slide.title }}</h3>
                        <h3 class="color-blue" ng-if="currentLanguage!='Chinese'">{{ slide.title||slide.cnTitle }}</h3>
                        <p ng-if="((currentLanguage=='Chinese'&&slide.cnDetail)||(currentLanguage!='Chinese'&&!slide.detail))" ng-bind-html="slide.cnDetail"></p>
                        <p ng-if="((currentLanguage!='Chinese'&&slide.detail)||(currentLanguage=='Chinese'&&!slide.cnDetail))" ng-bind-html="slide.detail"></p>                        
                        <p ng-if="(currentLanguage=='Chinese'&&!slide.cnDetail&&!slide.detail)">{{ slide.cnDes||slide.des }}</p>
                        <p ng-if="(currentLanguage!='Chinese'&&!slide.cnDetail&&!slide.detail)">{{ slide.des||slide.cnDes }}</p>
                    </div>
                    <div class="col-md-5 col-sm-5">
                        <img ng-if="slide.simg" ng-src="{{ctrl.schoolIconUrl}}{{ slide.simg}}" class="full-width" />
                        <img ng-if="!slide.simg" src="assets/images/icon-join-group.png" class="full-width" />
                    </div>
                    <div class="clearfix"></div>
                    <hr>
                </div>       
            </div>
        </div>
    </div>
</section>