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

<style>
  .parallax-team {
    background: url(assets/images/bg4.jpg) 50% 0 repeat fixed;
    color: #fff;
  }
</style>
<div class="arg_delete_class" ng-controller="HomeCtrl as ctrl">
  
  <div class="container slider">
    <div uib-carousel active="active" interval="myInterval" ng-if="ctrl.mobileadvs.length> 0">
      <div uib-slide index="$index" ng-repeat="slide in ctrl.mobileadvs">
        <img ng-src="{{ctrl.iconurl}}{{slide}}" style="margin:auto;width:100%;max-height:300px" />
      </div>
    </div>
    <!--<img ng-if=" !slides || slides.length == 0" ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;"/>-->
    <img ng-if="!ctrl.mobileadvs || ctrl.mobileadvs.length == 0" src="assets/images/app_banner/default_banner.jpg" style="width:100%;" />
  </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" style="padding-left: 15px;">
              <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" style="width: 60%; margin:0 20%;" 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><b>Easy to use</b><div class="margin-left20">BambooCloud is elegantly designed. It’s very easy for admins, teachers, and learners to use.</div></li>
              <li>
                <i class="fa fa-check"></i><b>100% Cloud ready-to-go</b>
                <div class="margin-left20">Start your E-learning project in minutes to instantly deliver training to users across the globe with BambooCloud.</div>
              </li>
              <li>
                <i class="fa fa-check"></i><b>Powerful built-in courseware authoring tool</b>
                <div class="margin-left20">To create the engaging and comprehensive online courseware content easily to fit different learning needs.</div>
              </li>
              <li>
                <i class="fa fa-check"></i><b>Highly customizable</b>
                <div class="margin-left20">Customized platform according to your needs, suitable for wide range of industries.</div>
              </li>
              <li>
                <i class="fa fa-check"></i><b>Comprehensive online learning tools and applications.</b>
                <div class="margin-left20">One-stop solution with all the major online learning tools and applications.</div>
              </li>
              <li>
                <i class="fa fa-check"></i><b>Comprehensive reporting and analytics</b>
                <div class="margin-left20">Real-time reporting on all training activities to ensure training is always tracked with data evidence.</div>
              </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>Learning Market We Serve</h2>
        </div>

        <div class="">
        <div class="col-xs-12 col-sm-6 col-md-3 g-mb-30">
          <!-- Article -->
          <article class="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="#!">Higher Education</a>
                </h3>
              <p class="g-color-gray-dark-v4">Reshaping the higher education with more open and engaging learning experience.</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 class="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="#!">K12</a>
                  </h3>
                <p class="g-color-gray-dark-v4">Making the K12 learning more simple and interactive.<br><br></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 class="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="#!">Enterprise</a>
                  </h3>
                <p class="g-color-gray-dark-v4">Building the future learning enterprises.<br><br></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 class="u-shadow-v11 g-pos-rel g-brd-bottom 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="#!">Industry Learning</a>
                  </h3>
                <p class="g-color-gray-dark-v4">Driving the learning for every industry.<br><br></p>
              </div>
              <!-- End Article Content -->
            </article>
            <!-- End Article -->
          </div>
        </div>
      </section>

      <div class="bg-color-light">
        <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">
            <li class="col-sm-4 md-margin-bottom-50">
              <a class="thumbnail fancybox" data-rel="gallery" title="Kyungbok University" href="images/portfolio/full/sgpower.png">
                <img class="full-width img-responsive" src="assets/images/portfolio/thumb/sgpower_1.png" alt="">
                <span class="portfolio-box-in rounded-x">
                  <i class="fa fa-search-plus"></i>
                </span>
              </a>
              <div class="headline-left margin-bottom-10"><h3 class="headline-brd">Singapore Power</h3></div>
              <small class="project-tag"><i class="fa fa-tag"></i><a>Professional Training</a>, <a>Singapore</a></small>
              <p>BambooCloud is deployed as the online training platform to address all the training needs of Singapore Power which is one of the largest enterprises in Singapore.</p>
            </li>
            <li class="col-sm-4 md-margin-bottom-50">
              <a class="thumbnail fancybox" data-rel="gallery" title="Xijing University" href="images/portfolio/thumb/xijing.jpg">
                <img class="full-width img-responsive" src="assets/images/portfolio/thumb/xijing.jpg" alt="">
                <span class="portfolio-box-in rounded-x">
                  <i class="fa fa-search-plus"></i>
                </span>
              </a>
              <div class="headline-left margin-bottom-10"><h3 class="headline-brd">Xijing University</h3></div>
              <small class="project-tag"><i class="fa fa-tag"></i><a >University and Higher Education</a>, <a>China</a></small>
              <p>Bamboo provides an in-campus online learning platform for the largest private university in China which is used by 30000 students and teachers. </p>
            </li>
            <li class="col-sm-4">
              <a class="thumbnail fancybox" data-rel="gallery" title="CMEC" href="images/portfolio/thumb/item13.jpg">
                <img class="full-width img-responsive" src="assets/images/portfolio/thumb/item13.jpg" alt="">
                <span class="portfolio-box-in rounded-x">
                    <i class="fa fa-search-plus"></i>
                </span>
              </a>
              <div class="headline-left margin-bottom-10"><h3 class="headline-brd">CMEC</h3></div>
              <small class="project-tag"><i class="fa fa-tag"></i><a>Professional Training</a>, <a>Sri Lanka</a></small>
              <p>BambooCloud powers the online training platform for the largest power plant in Sri Lanka. </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 col-xs-6">
                  <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 col-xs-6">
                  <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">
              <div class="content-boxes-v5 margin-bottom-80 sm-margin-bottom-30">
                <i class="rounded-x fa fa-cogs"></i>
                <div class="overflow-h">
                  <h3 class="no-top-space">Comprehensive Management</h3>
                  <ul style="padding-left: 17px;">
                    <li>Site management</li>
                    <li>Department management</li>
                    <li>Class and group management</li>
                    <li>User management</li>
                  </ul>
                </div>
              </div>
              <div class="content-boxes-v5 md-margin-bottom-30">
                <i class="rounded-x fa fa-video-camera"></i>
                <div class="overflow-h">
                  <h3 class="no-top-space">Video Conference</h3>
                  <ul style="padding-left: 17px;">
                    <li>Webinar</li>
                    <li>One-to-one teaching</li>
                    <li>One-to-many teaching</li>
                    <li>File sharing</li>
                    <li>Screen sharing</li>
                    <li>Live chat</li>
                    <li>Interactive white board</li>
                    <li>Real-time problem release</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="content-boxes-v5 margin-bottom-30">
                <i class="rounded-x fa fa-book "></i>
                <div class="overflow-h">
                  <h3 class="no-top-space">Comprehensive online learning experience</h3>
                  <ul style="padding-left: 17px;">
                    <li>Online Course Learning</li>
                    <li>Study notes</li>
                    <li>Forum and blog</li>
                    <li>Smart classroom</li>
                    <li>Gamification</li>
                  </ul>
                </div>
              </div>
              <div class="content-boxes-v5 md-margin-bottom-30">
                <i class="rounded-x fa fa-pencil-square-o"></i>
                <div class="overflow-h">
                  <h3 class="no-top-space">Exam & Assessment</h3>
                  <ul style="padding-left: 17px;">
                    <li>Question bank creationa and management</li>
                    <li>Exam paper creation and mangement</li>
                    <li>Online exam </li>
                    <li>Online assessment and feedback</li>
                    <li>Learning record and progress tracking</li>
                    <li>Learning data analysis report</li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="content-boxes-v5 margin-bottom-30">
                <i class="rounded-x fa fa-graduation-cap"></i>
                <div class="overflow-h">
                  <h3 class="no-top-space">Powerful Teaching Tools</h3>
                  <ul style="padding-left: 17px;">
                    <li>Courseware creation and management</li>
                    <li>Class and group management</li>
                    <li>Learning result report and progress tracking</li>
                    <li>Teaching notes</li>
                    <li>Knowledge topic and structure creation and management </li>
                    <li>Customized learnng apps</li>
                  </ul>
                </div>
              </div>
              <div class="content-boxes-v5 md-margin-bottom-30">
                <i class="rounded-x fa fa-comments-o"></i>
                <div class="overflow-h">
                  <h3 class="no-top-space">Communication & Sharing</h3>
                  <ul style="padding-left: 17px;">
                    <li>News and announcement</li>
                    <li>Forum and blog</li>
                    <li>Messages</li>
                    <li>Sharing folder</li>
                    <li>Survey</li>
                    <li>Event</li>
                    <li>Mobile apps</li>
                  </ul>
                </div>
              </div>
            </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.aboutus.contact" 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>