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

<style type="text/css">
    .img_banner {background-image: url(assets/images/mobility_bg.jpg);}
</style>
<div ng-controller="PortfolioCtrl as ctrl">
    <!--=== Breadcrumbs v3 ===-->
    <div class="breadcrumbs-v3 img_banner" style="margin-top: -55px; z-index: 20; position: relative; overflow: visible;">
        <div class="container text-center">
            <p>{{ {eng:'BAMBOOCLOUD MOBILE APP',chn:'九竹云移动客户端'} | trans }}</p>
            <h1>{{ {eng:'ANYWHERE AND ANYTIME LEARNING',chn:'任何时间、任何地点'} | trans }}</h1>
            <a href="https://play.google.com/store/apps/details?id=com.bambboosys.android.client" target="_blank">
                <img src="assets/images/playstore.png" style="width:200px;" />
            </a>
            <a href="https://itunes.apple.com/sg/app/bamboocloud/id1088750281?mt=8" target="_blank">
                <img src="assets/images/appstore.png" style="width:200px;">
            </a>
            <a href="http://sj.qq.com/myapp/detail.htm?apkName=com.bambboosys.android.client" target="_blank">
                <img src="assets/images/qq_logo.png" style="width:200px;">
            </a>
        </div><!--/end container-->
    </div>
    <!--=== End Breadcrumbs v3 ===-->
    <!--=== Service Block v6 ===-->
    <div class="container content-sm">
        <div class="row service-block-v6">
            <div class="col-md-4 md-margin-bottom-50">
                <i class="icon-custom rounded-x icon-color-u icon-line fa fa-book"></i>
                <div class="service-desc">
                    <h2>{{ {eng:'LEARN',chn:'学习'} | trans }}</h2>
                    <p>{{ {eng:'Online course learning; Exam and assignment taking; My Learning space',chn:'课程创建、管理和发布;题库和考卷的创建与管理;个人学习空间...'} | trans }}</p>
                    <!--a href="#">了解更多</a-->
                </div>
            </div>
            <div class="col-md-4 md-margin-bottom-50">
                <i class="icon-custom rounded-x icon-color-u icon-line fa fa-users"></i>
                <div class="service-desc">
                    <h2>{{ {eng:'COLLABORATE',chn:'分享'} | trans }}</h2>
                    <p>{{ {eng:'Real-time classroom; Interactive whiteboard; Smart classroom',chn:'课程论坛、一般论坛;博客和教师比较;学习社区...'} | trans }}</p>
                    <!--a href="#">了解更多</a-->
                </div>
            </div>
            <div class="col-md-4">
                <i class="icon-custom rounded-x icon-color-u icon-line fa fa-share-alt"></i>
                <div class="service-desc">
                    <h2>{{ {eng:'SHARE',chn:'交流'} | trans }}</h2>
                    <p>{{ {eng:'Course-centric discussion form; Learning community; Teaching notes and blogs; Messages; Course and news sharing in other social apps',chn:'实时在线视频课堂; 实时白板视频教学...'} | trans }}</p>
                    <!--a href="#">了解更多</a-->
                </div>
            </div>
        </div><!--/end row-->
    </div>
    <!--=== End Service Block v6 ===-->

    <!--=== Process v1 ===-->
    <div class="process-v1 bg-color-light">
        <div class="container content-sm">
            <div class="headline-center margin-bottom-60">
                <h2>{{ {eng:'Benefits',chn:'九竹云移动平台四大特点'} | trans }}</h2>
                <p>{{ {eng:'BambooCloud APP is a mobile application for students and teachers which  creates innovative, engaging and personalized learning services to enable the instructors and learners to learn, teach and collaborate effectively in different industries including K12, higher education, enterprise training and etc.  ',chn:'九竹云学习平台是一款面向学生和教师的移动端智能应用软件，提供可随时、随地沟通的电子教学环境，全面支撑K12教育、学历教育、企业培训、职业教育等多种教育形式'} | trans }}</p>
            </div>
            <ul class="list-inline row process-in process-border">
                <li class="col-sm-3 sm-margin-bottom-50">
                    <div class="process-icon">
                        <i class="rounded-x dot-active"></i>
                    </div>
                    <div class="process-desc">
                        <h3>{{ {eng:'Mobility',chn:'移动性'} | trans }}</h3>
                        <p>{{ {eng:'Learn course, take assignment, participate in discussion anywhere, anytime.',chn:'随时随地进行学习、作业、答疑、讨论、测试等学习活动'} | trans }}</p>
                    </div>
                </li>
                <li class="col-sm-3 sm-margin-bottom-50">
                    <div class="process-icon">
                        <i class="rounded-x dot-active"></i>
                    </div>
                    <div class="process-desc">
                        <h3>{{ {eng:'Real-time classroom',chn:'实时性'} | trans }}</h3>
                        <p>{{ {eng:'More convenient teaching method',chn:'实时视频会议，教学同步，更方便、更快捷'} | trans }} </p>
                    </div>
                </li>
                <li class="col-sm-3 sm-margin-bottom-50">
                    <div class="process-icon">
                        <i class="rounded-x dot-active"></i>
                    </div>
                    <div class="process-desc">
                        <h3>{{ {eng:'Interactivity',chn:'交互性'} | trans }}</h3>
                        <p>{{ {eng:'Track the student learning progress and provide feedback immediately',chn:'教学双向沟通，学习督导随时提醒，反馈及时处理 '} | trans }}</p>
                    </div>
                </li>
                <li class="col-sm-3">
                    <div class="process-icon">
                        <i class="rounded-x dot-active"></i>
                    </div>
                    <div class="process-desc">
                        <h3>{{ {eng:'Diversity',chn:'多样性'} | trans }}</h3>
                        <p>{{ {eng:'Most comprehensive courseware type and teaching method support',chn:'支持丰富的教学活动以及多样化的教学资源'} | trans }}</p>
                    </div>
                </li>
            </ul>
        </div><!--/end container-->
    </div>
    <!--=== End Process v1 ===-->

    <!--=== Container Part ===-->
    <div class="container content-sm">
        <div class="row">
            <div class="col-md-6 md-margin-bottom-50">
                <img class="img-responsive" src="assets/images/mobile.png" alt="">
            </div>
            <div class="col-md-6">
                <br><br><br>
                <div class="headline-left margin-bottom-30">
                    <h2 class="headline-brd">{{ {eng:'Why BambooCloud?',chn:'为什么选择九竹云？'} | trans }}</h2>
                    <p>{{ {eng:'Strong mobile technology development capabilities, to support the mobile learning and training.',chn:'强大的移动端技术开发和运营实力，确保企业移动学习平台运行最优化。'} | trans }}</p>
                </div>
                <ul class="list-unstyled lists-v2 margin-bottom-30">
                    <li><i class="fa fa-check"></i> {{ {eng:'Multi-screen adaptive solution: Provide the best user experience in different mobile devices of resolution size',chn:'多屏自适应方案：自适应屏幕大小进行展示，获得较好的用户体验'} | trans }}  </li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Multi-system support: Support iOS and Android',chn:'移动跨平台开发：全面支持移动端iOS、 Android平台'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Scalable system deployment: Support the continuous enrichment of teaching activities',chn:'可扩展系统部署：支持教学活动集的不断丰富，符合长期发展需要'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Flexibility: Easy to customized based on different requirement',chn:'灵活业务配置：整合强大的学习路径、教学策略等管理引擎，支撑个性化定制'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Application Store: Open to third party developers, leading to unlimited expansion capabilities',chn:'全面开放平台：通过开放的API，支持不同级别的接入方式'} | trans }}</li>
                    <li><i class="fa fa-check"></i> {{ {eng:'Easy to use: Most modern design and Easy to use',chn:'用户体验流畅：平台深谙当下用户习惯，界面清新时尚，操作简单'} | trans }}</li>
                </ul>
            </div><!--/end row-->
        </div>
    </div>
    <!--=== End Container Part ===-->

    <!--=== Container Part ===-->
    <div class="service-block-v6 bg-color-light">
        <div class="container content-sm">
            <div class="row">
                <div class="col-md-8">
                    <div class="headline-left margin-bottom-30">
                        <h2 class="headline-brd">{{ {eng:'Features',chn:'产品功能'} | trans }}</h2>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="margin-bottom-30">
                                <i class="icon-custom rounded-x icon-sm icon-bg-u fa fa-bell-o"></i>
                                <div class="service-desc">
                                    <h2>{{ {eng:'Online learning materials',chn:'教材电子化 学习移动化'} | trans }}</h2>
                                    <p>{{ {eng:'Access course content anywhere, anytime',chn:'课程内容完整内置，随时随地的学习'} | trans }}</p>
                                </div>
                            </div>
                            <div class="margin-bottom-30">
                                <i class="icon-custom rounded-x icon-sm icon-bg-u fa fa-thumbs-up"></i>
                                <div class="service-desc">
                                    <h2>{{ {eng:'Exam and assignment',chn:'在线视频教学'} | trans }}</h2>
                                    <p>{{ {eng:'Answer questions, view result and feedback',chn:'师生视频上课，听讲同步，即时无缝隙沟通'} | trans }}</p>
                                </div>
                            </div>
                            <div class="margin-bottom-30">
                                <i class="icon-custom rounded-x icon-sm icon-bg-u fa fa-comments"></i>
                                <div class="service-desc">
                                    <h2>{{ {eng:'Real-time classroom',chn:'微课学习社交化'} | trans }}</h2>
                                    <p>{{ {eng:'Easy to achieve remote teaching ',chn:'随时随地与他人分享微课，让知识社交化'} | trans }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="margin-bottom-30">
                                <i class="icon-custom rounded-x icon-sm icon-bg-u fa fa-database"></i>
                                <div class="service-desc">
                                    <h2>{{ {eng:'Online discussion',chn:'考试、测试随时随地'} | trans }}</h2>
                                    <p>{{ {eng:'Create topic and submit reply',chn:'在线做考卷、测试题，查看结果'} | trans }}</p>
                                </div>
                            </div>
                            <div class="margin-bottom-30">
                                <i class="icon-custom rounded-x icon-sm icon-bg-u fa fa-tablet"></i>
                                <div class="service-desc">
                                    <h2>{{ {eng:'Social learning',chn:'掌上论坛随时查看'} | trans }}</h2>
                                    <p>{{ {eng:'Share your learning materials and experience to other social platforms',chn:'课程论坛实时更新，发帖评论随时完成'} | trans }}</p>
                                </div>
                            </div>
                            <div class="margin-bottom-30">
                                <i class="icon-custom rounded-x icon-sm icon-bg-u fa fa-newspaper-o"></i>
                                <div class="service-desc">
                                    <h2>{{ {eng:'Immediate messages',chn:'移动公告及时推送'} | trans }}</h2>
                                    <p>{{ {eng:'Post news and announcement, receive and send messages',chn:'学习过程全程跟踪、督导，重要通知第一时间发送'} | trans }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <img class="img-responsive img-center" src="assets/images/iphone3.png" width="300" alt="">
                </div>
            </div><!--/end row-->
        </div><!--/end container-->
    </div>
    <!--=== End Container Part ===-->
</div>