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

<style>
  .parallax-team {
    background: url(assets/images/bg4.jpg) 50% 0 repeat fixed;
    color: #fff;
  }
</style>
<div class="arg_delete_class wd_home" ng-controller="HomeCtrl as ctrl">
  <div class="home_slider" ng-if="!currentSchool" >
    <img ng-src="{{ publicUrl }}bamboobanner.jpg" style="margin:auto;width:100%;height:100%;"/>
  </div>
  <div class="home_slider" ng-if="currentSchool && ctrl.slides && ctrl.slides.length> 0">
    <div active="active" interval="myInterval"  uib-carousel>
      <div ng-class="{'slider_type1':slide.style=='inline','slider_type2':slide.style=='float','slider_type3':slide.style=='text'}" index="$index" ng-repeat="slide in ctrl.slides" uib-slide>
        <img ng-src="{{ slide.imgurl }}" style="margin:auto;width:100%;height:100%;"/>
        <div class="text_content" ng-if="(slide.sectionTitle || slide.description) && slide.text">
          <h1>
            
            {{slide.sectionTitle}}
          </h1>
          <p>
            {{slide.description}}
          </p>
          <a class="btn btn-warning" ui-sref="index.courses" ng-if="slide.style=='float'">
            {{'View Course' | translate }}
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="home_slider" ng-if="currentSchool && (!ctrl.slides || ctrl.slides.length == 0)">
    <div class="carousel" >
      <div class="carousel-inner">
        <div class="text-center">
          <img ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;"/>
        </div>
      </div>
    </div>
  </div>
  <div class="clearfix"></div>

    <!--=== Content ===-->
    <div class="content-md" style="padding-top: 0">
      <div class="home_features pattern">
        <div class="container" style="padding:0">
          <div class="clearfix"></div>
          <ul class="row" style="margin:0; list-style: none; padding: 0;">
            <li class="col-lg-4 col-md-4 col-xs-12">
              <h2>
                  <i class="fa fa-pencil-square-o"></i>
                   {{ {eng:'Learn',chn:'学习'} | trans }}
               </h2>
               <p>{{ {eng:'Online course creation, management; Question banks and exam modules creation and management; Learning analytics',chn:'在线课程的创建、管理和发布；题库和考试的创建和管理；学习空间'} | trans }}</p>
             </li>
             <li class="col-lg-4 col-md-4 col-xs-12 altr">
              <h2>
                  <i class="fa fa-users"></i> {{ {eng:'Collabrate',chn:'协作'} | trans }}
              </h2>
              <p>{{ {eng:'Virtual video classroom; Interactive whiteboard; Messaging',chn:'虚拟实时课堂；实时课堂和交互白板'} | trans }}</p>
            </li>
            <li class="col-lg-4 col-md-4 col-xs-12">
              <h2>
                  <i class="fa fa-share-alt"></i>
                   {{ {eng:'Share',chn:'分享'} | trans }}
               </h2>
               <p>{{ {eng:'Course-centric discussion forum; Learning community; Teaching note and blogs',chn:'课程论坛；学习社区；教学笔记和博客'} | trans }}</p>
             </li>
           </ul>
         </div>
       </div>
       <div class="margin-bottom-30"></div>
      <div class="bg-color-light">
        <div class="container content-sm">
          <div class="col-md-6">
            <img class="img-responsive" src="assets/images/imac2.png" alt="">
          </div>
          <div class="col-md-6">
            <br><br>
            <div class="headline-left margin-bottom-30">
                <h2 class="headline-brd">{{ {eng:'Why BambooCloud?',chn:'为什么选择九竹云平台？'} | trans }}</h2>
            </div>
            <ul class="list-unstyled lists-v2 margin-bottom-30">
                <li><i class="fa fa-check"></i> {{ {eng:'BambooCloud is elegantly designed. It’s very easy for admins, teachers, and learners to use.',chn:'全面基于云平台技术的结构设计，领先国内主流教育平台一代以上'} | trans }}</li>
                <li><i class="fa fa-check"></i> {{ {eng:'Start your E-learning project in minutes to instantly deliver training to users across the globe with BambooCloud.',chn:'多模式一体化教学平台，能够为混合式教与学提供有效的支持'} | trans }}</li>
                <li><i class="fa fa-check"></i> {{ {eng:'To create the engaging and comprehensive online courseware content easily to fit different learning needs.',chn:'支持多语言学习环境，满足跨国机构与企业的需求'} | trans }}</li>
                <li><i class="fa fa-check"></i> {{ {eng:'Customized platform according to your needs, suitable for wide range of industries.',chn:'全球支持媒体种类最多的平台，为教师及机构提供了更多的选择及更好的效果'} | trans }}</li>
            </ul>
              <!--a href="#" class="btn-u btn-brd btn-brd-hover btn-u-dark">Learn More</a-->
          </div><!--/end row-->
        </div>
      </div>


      <section class="container content-sm">
          
        <div class="headline-center margin-bottom-60">
          <h2 translate="">{{ {eng:'Learning Market We Serve',chn:'我们的市场领域'} | trans }}</h2>
        </div>

        <div class="">
          <div class="col-xs-12 col-sm-6 col-md-3 g-mb-30">
            <!-- Article -->
            <article ui-sref="index.portfolio" class="cursor-pointer u-shadow-v11 g-pos-rel g-brd-bottom g-brd-3 g-brd-gray-light-v4 g-brd-primary--hover text-center rounded g-transition-0_3 g-transition--linear">
              <!-- Article Image -->
              <figure>
                <img class="full-width" src="assets/images/university_training.png" alt="Image Description">
              </figure>
              <!-- End Article Image -->

              <!-- Article Content -->
              <div class="g-py-30 g-px-20">
                <h3 class="h4 g-color-black">
                    <a class="g-color-black g-color-primary--hover g-text-underline--none--hover" href="#!">{{ {eng:'Higher Education',chn:'高等教育'} | trans }}</a>
                  </h3>
                <p class="g-color-gray-dark-v4" style="height: 60px;">{{ {eng:'Reshaping the higher education with more open and engaging learning experience.',chn:'重塑高等教育，促进学习过程中的参与和互动。'} | trans }}</p>
              </div>
              <!-- End Article Content -->
            </article>
            <!-- End Article -->
          </div>

          <div class="col-xs-12 col-sm-6 col-md-3 g-mb-30">
            <!-- Article -->
            <article ui-sref="index.portfolio" class="cursor-pointer u-shadow-v11 g-pos-rel g-brd-bottom g-brd-3 g-brd-gray-light-v4 g-brd-primary--hover text-center rounded g-transition-0_3 g-transition--linear">
              <!-- Article Image -->
              <figure>
                <img class="full-width" src="assets/images/k12.png" alt="K12">
              </figure>
              <!-- End Article Image -->

              <!-- Article Content -->
              <div class="g-py-30 g-px-20">
                <h3 class="h4 g-color-black">
                    <a class="g-color-black g-color-primary--hover g-text-underline--none--hover" href="#!">{{ {eng:'K12',chn:'中小学学习'} | trans }}</a>
                  </h3>
                <p class="g-color-gray-dark-v4" style="height: 60px;">{{ {eng:'Making the K12 learning more simple and interactive',chn:'让中小学教学变得更简单，更具有交互性'} | trans }}.</p>
              </div>
              <!-- End Article Content -->
            </article>
            <!-- End Article -->
          </div>

          <div class="col-xs-12 col-sm-6 col-md-3 g-mb-30">
            <!-- Article -->
            <article ui-sref="index.portfolio" class="cursor-pointer u-shadow-v11 g-pos-rel g-brd-bottom g-brd-3 g-brd-gray-light-v4 g-brd-primary--hover text-center rounded g-transition-0_3 g-transition--linear">
              <!-- Article Image -->
              <figure>
                <img class="full-width" src="assets/images/corporate_training.png" alt="Image Description">
              </figure>
              <!-- End Article Image -->

              <!-- Article Content -->
              <div class="g-py-30 g-px-20">
                <h3 class="h4 g-color-black">
                    <a class="g-color-black g-color-primary--hover g-text-underline--none--hover" href="#!">{{ {eng:'Enterprise',chn:'企业培训'} | trans }}</a>
                  </h3>
                <p class="g-color-gray-dark-v4" style="height: 60px;">{{ {eng:'Building the future learning enterprises',chn:'打造未来的企业大学'} | trans }}.</p>
              </div>
              <!-- End Article Content -->
            </article>
            <!-- End Article -->
          </div>

          <div class="col-xs-12 col-sm-6 col-md-3 g-mb-30">
            <!-- Article -->
            <article ui-sref="index.portfolio" class="cursor-pointer u-shadow-v11 g-pos-rel g-brd-bottom g-brd-3 g-brd-gray-light-v4 g-brd-primary--hover text-center rounded g-transition-0_3 g-transition--linear">
              <!-- Article Image -->
              <figure>
                <img class="full-width" src="assets/images/industry_training.png" alt="Image Description">
              </figure>
              <!-- End Article Image -->

              <!-- Article Content -->
              <div class="g-py-30 g-px-20">
                <h3 class="h4 g-color-black">
                    <a class="g-color-black g-color-primary--hover g-text-underline--none--hover" href="#!">{{ {eng:'Industry Learning',chn:'行业培训'} | trans }}</a>
                  </h3>
                <p style="height: 60px;" class="g-color-gray-dark-v4">{{ {eng:'Driving the learning for every industry.',chn:'推动每个行业的培训发展'} | trans }}</p>
              </div>
              <!-- End Article Content -->
            </article>
            <!-- End Article -->
          </div>
        </div>
      </section>

      <div class="bg-color-light" ng-if="ctrl.recentClientsList&&ctrl.recentClientsList.length!=0">
        <div class="container content-sm">
          <div class="headline-center margin-bottom-60">
            <h2>{{ {eng:'Our Recent Clients',chn:'我们的客户'} | trans }}</h2>
            <p>{{ {eng:'Bamboo has successfully worked with many clients across various industries, customizing platforms specifically to fullfill their learning needs.',chn:'我们与来自不同行业的重要客户合作，定制在线教育系统来满足他们的商业需求'} | trans }}</p>
          </div><!--/end Headline Center-->

          <!-- Portfolio Box -->
          <ul class="list-unstyled portfolio-box pull-left full-width">
            <li class="col-sm-4 md-margin-bottom-50" ng-repeat="client in ctrl.recentClientsList">
              <a class="imageWrapper pull-left full-width" data-rel="gallery" title="韩国景福大学">
                <img class="full-width img-responsive" ng-src="{{ctrl.partnerPhotoPath+client.photo}}" alt="{{ client.name }}" />
              </a>
              <div class="margin-bottom-20"></div>
              <div class="headline-left margin-bottom-10"><h3 class="headline-brd">{{ client.name }}</h3></div>
              <small class="project-tag"><i class="fa fa-tag"></i><a href="#">
                <span ng-if="client.industry=='others'">{{ client.others}}</span>
                <span ng-if="client.industry!='others'">{{ client.industry | translate }}</span>
              </a>, <a href="#">{{ client.country }}</a></small>
              <p>{{ client.description }}</p>
            </li>
          </ul>
          <!-- End Portfolio Box -->
        </div><!--/end container-->
      </div>

      <!-- Flat Background Block -->
      <div class="flat-bg-block-v1 parallaxBg1 margin-bottom-40 sm-margin-bottom-20" style="    background: url(http://htmlstream.com/preview/unify-v1.9.5/assets/img/patterns/16.png) repeat;">
          <div class="container">
            <div class="col-md-7 md-margin-bottom-60">
              <div class="headline-left margin-bottom-20">
                <h2 class="headline-brd">{{ {eng:'Highly Customizable Platform for All Learning Needs',chn:'九竹云平台，满足不同行业的学习需求'} | trans }}</h2>
                <p>{{ {eng:'BambooCloud is designed for diversified industry market segments',chn:'九竹系统科技不仅为教育机构提供在线学习平台，还同时为其他各行各业提供不同类型的在线平台'} | trans }}</p>
              </div><!--/end Headline Left-->
              <div class="row">
                <div class="col-sm-5">
                  <ul class="list-unstyled checked-list">
                    <li><i class="fa fa-check"></i> {{ {eng:'K-12 Learning',chn:'基础教育'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Higher Education',chn:'高等教育'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Enterprise learning',chn:'教育机构'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Vertical industry market',chn:'技术培训'} | trans }}</li>
                  </ul>
                </div>
                <div class="col-sm-5 col-sm-offset-1">
                  <ul class="list-unstyled checked-list">
                    <li><i class="fa fa-check"></i> {{ {eng:'Enterprise Partner Training',chn:'成人教育'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Industry Supplier Training',chn:'医疗培训'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Product training',chn:'公共教育'} | trans }}</li>
                    <li><i class="fa fa-check"></i>  {{ {eng:'Professional Training',chn:'语言学习'} | trans }}</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-5">
              <img class="img-responsive" src="assets/images/multi_device.png" alt="">
            </div>
            <div class="clearfix"></div>
          </div><!--/end container-->
      </div>
      <!-- End Flat Background Block -->

      <div class="container">
        <div class="headline-center margin-bottom-60">
          <h2>{{ {eng:'What We Provide',chn:'我们的产品和服务'} | trans }}</h2>
          <p>{{ {eng:'BambooCloud integrates wide range functions and features to satisfy different learning needs of our users',chn:'九竹云教育软件服务（SAAS）满足您在线教育的所有需求'} | trans }}</p>
        </div><!--/end Headline Center-->

        <div class="margin-bottom-40">
          <div class="col-md-4" ng-repeat="slide in learningSlides">
            <div class="content-boxes-v5 md-margin-bottom-30">
              <i class="rounded-x fa fa-star"></i>
              <div class="overflow-h">
                <h3 class="no-top-space" ng-if="currentLanguage=='Chinese'"> {{ slide.cnTitle||slide.title }}</h3>
                <h3 class="no-top-space" ng-if="currentLanguage!='Chinese'"> {{ slide.title||slide.cnTitle }}</h3>
                <p class="clamped clamped-3" style="height: 67px;" ng-if="currentLanguage=='Chinese'">{{ slide.cnDes||slide.des }}</p>
                <p class="clamped clamped-3" style="height: 67px;" ng-if="currentLanguage!='Chinese'">{{ slide.des||slide.cnDes }}</p>
                <div class="margin-bottom-40"></div>
              </div>
            </div>
          </div>
          <div class="margin-bottom-40"></div>
        </div><!--/end row-->
      </div><!--/end container-->

      <!-- News Starts -->
      <div class="container" ng-if="_newses.length > 0">
        <div>
          <div class="col-md-12">
            <div class="margin-bottom-30"></div>
            <div class="headline-center margin-bottom-40">
              <h2>{{'Latest News' | translate}}</h2>
            </div>
          </div>
          <div class="no_record" translate="" ng-if="_newses.length == 0">
            No News
          </div>
          <div class="col-sm-3 news_style" ng-repeat="_news in _newses|limitTo:ctrl.limits.news" style="margin-bottom:5px;">
            <div class="news-dateinfo dateinfo_green">
              <span>{{ _news.created | date: 'dd' }}</span>
              <span translate="">{{ _news.created | date: 'MMM' }}</span>
            </div>
            <div class="imageWrapper">
              <a ui-sref="index.newses.detail({ id: _news._id })">
                <img alt="{{ _news.name }}" ng-src="{{ _news.photo? _SHOST+'/public/'+_RES+'/schoolnews/'+_news._id +'/'+ _news.photo : ctrl.defaultNewsPhoto }}" title="{{ _news.name }}" />
              </a>
            </div>
            <div class="white-bg" style="padding: 10px 15px;">
              <h3>
                <a class="news-title" ui-sref="index.newses.detail({ id: _news._id })">
                  {{ _news.name }}
                </a>
              </h3>
              <!-- <p class="venue">
                <i class="fa fa-map-marker">&nbsp;</i>
                Singapore&nbsp;&nbsp;
                <i class="fa fa-clock-o">&nbsp;</i>
                03:00 PM - 04:00 PM
              </p> -->
              <div class="clearfix"></div>
              <p class="clamped clamped-3">
                {{ _news.description }}
              </p>
            </div>
            <div class="margin-bottom-20"></div>
          </div><!-- 
          <div class="text-center">
            <div class="margin-bottom-20"></div>
            <a class="btn btn-default btn-sm" ui-sref="index.newses">
              {{ 'View All' | translate }}&nbsp;&nbsp;
              <i class="fa fa-angle-right"></i>
            </a>
          </div> -->
          <div class="clearfix"></div>
        </div>
      </div>
      <!-- News Ends -->

    </div>
    <!--=== End Content ===-->
    <div ng-include="" src="'app/home/homeadvsection.html'">
    </div>
    <div class="footer-promo-arrow">
        <a ui-sref="index.contactwd" target="_self">{{ {eng:'Pls join many world-class enterprises, universities, schools and teachers around the world using BambooCloud. Get started',chn:'九竹教育云，让未来教育因我们而不同。全球各地的世界级企业，大学，学校和教师们都已开始使用九竹云平台。欢迎联系'} | trans }} &nbsp;<i class="fa fa-angle-right"></i></a>
    </div>
</div>