unserver-unify
Version:
225 lines (224 loc) • 9.63 kB
HTML
<style>
.parallax-team {
background: url(assets/images/bg4.jpg) 50% 0 repeat fixed;
color: #fff;
}
.parallax-team.img2{
background: url(assets/images/hand.jpg) 50% 0 repeat fixed;}
.parallax-team.img2:before{ background:rgba(84, 128, 45, 0.61);}
</style>
<div ng-controller="AdvHomeCtrl as ctrl" class="home_new">
<div class="home_slider">
<div uib-carousel active="active" interval="myInterval">
<div uib-slide index="$index" class="slider_type1" ng-repeat="slide in Bigslides" ng-class="{'slider_type1':slide.style=='inline','slider_type2':slide.style=='float','slider_type3':slide.style=='text'}">
<img ng-src="{{ schoolUrl+slide.bimg }}" style="margin:auto;width:100%;height:100%;"/>
<div class="text_content" ng-if="(slide.title || slide.brief) && slide.text">
<h1>
{{slide.title}}
</h1>
<p>
{{slide.brief}}
</p>
<a class="btn btn-warning" ui-sref="index.courses" ng-if="slide.style=='float'">
{{'View Course' | translate }}
</a>
</div>
</div>
</div>
<img ng-if=" !Bigslides || Bigslides.length == 0" ng-src="{{ currentSchool.bar ? schoolUrl+currentSchool.bar : 'assets/images/default_banner.jpg' }}" style="width:100%;" />
</div>
<div class="clearfix"></div>
<ul class="clients_top">
<li>
<img src="assets/images/clients/xijing.jpg">
</li>
<li>
<img src="assets/images/clients/sgpower.jpg">
</li>
<li>
<img src="assets/images/clients/stec.jpg">
</li>
<li>
<img src="assets/images/clients/mcc.jpg">
</li>
<li>
<img src="assets/images/clients/ntuc.jpg">
</li>
<li>
<img src="assets/images/clients/huawei.jpg">
</li>
<li>
<img src="assets/images/clients/cscec.jpg">
</li>
<li>
<img src="assets/images/clients/caregiver.jpg">
</li>
</ul>
<div class="clearfix"></div>
<div class="benifits_section parallax-team img2 parallaxBg">
<div class="container">
<div class="benifts_holder">
<!-- Icon Blocks -->
<div class="text-center">
<span class="d-inline-block u-icon-v3 u-icon-size--xl g-color-white rounded-circle g-mb-30">
<i class="fa fa-book"></i>
</span>
<h3 class="h5 g-font-weight-600 text-uppercase mb-3">精品课程</h3>
<p class="mb-0">课程点、线、面全方位知识覆盖,满足企业各岗位人员培训及学习需求</p>
</div>
<!-- End Icon Blocks -->
</div>
<div class="benifts_holder">
<!-- Icon Blocks -->
<div class="text-center">
<span class="d-inline-block u-icon-v3 u-icon-size--xl g-color-white rounded-circle g-mb-30">
<i class="fa fa-eercast"></i>
</span>
<h3 class="h5 g-font-weight-600 text-uppercase mb-3">全员学习</h3>
<p class="mb-0">建立企业内部学习、交流、分享渠道,调节学习氛围,提升员工学习的积极性与学习效率</p>
</div>
<!-- End Icon Blocks -->
</div>
<div class="benifts_holder">
<!-- Icon Blocks -->
<div class="text-center">
<span class="d-inline-block u-icon-v3 u-icon-size--xl g-color-white rounded-circle g-mb-30">
<i class="fa fa-superpowers"></i>
</span>
<h3 class="h5 g-font-weight-600 text-uppercase mb-3">低成本投入</h3>
<p class="mb-0">区别于传统培训形式,低成本投入创建企业专属的移动学习平台</p>
</div>
<!-- End Icon Blocks -->
</div>
<div class="benifts_holder">
<!-- Icon Blocks -->
<div class="text-center">
<span class="d-inline-block u-icon-v3 u-icon-size--xl g-color-white rounded-circle g-mb-30">
<i class="fa fa-telegram"></i>
</span>
<h3 class="h5 g-font-weight-600 text-uppercase mb-3">个性定制</h3>
<p class="mb-0">UI、功能模块个性化配置,轻松集成企业现有平台,构建企业专属的移动学习平台</p>
</div>
<!-- End Icon Blocks -->
</div>
<div class="benifts_holder">
<!-- Icon Blocks -->
<div class="text-center">
<span class="d-inline-block u-icon-v3 u-icon-size--xl g-color-white rounded-circle g-mb-30">
<i class="fa fa-id-badge"></i>
</span>
<h3 class="h5 g-font-weight-600 text-uppercase mb-3">运营推广</h3>
<p class="mb-0">专业运营实施服务团队,从搭建部署到学习运营推广,全程贴心服务</p>
</div>
<!-- End Icon Blocks -->
</div>
</div>
</div>
<div class="container">
<ul class="advantage_section">
<li>
<i class="fa fa-car"></i>
<div class="">
<h3>快速创建精品课程</h3>
<p>提供强大的课程创建工具</p>
</div>
</li>
<li>
<i class="fa fa-diamond"></i>
<div class="">
<h3>资源上传无存储限制</h3>
<p>PPT、视频、试题等通通都可上传</p>
</div>
</li>
<li>
<i class="fa fa-industry"></i>
<div class="">
<h3>多重私密保障</h3>
<p>从多层捍卫企业数据安全</p>
</div>
</li>
<li>
<i class="fa fa-shopping-bag"></i>
<div class="">
<h3>多维度报表精确统计</h3>
<p>量化培训结果,无需担心数据丢失</p>
</div>
</li>
</ul>
</div>
<div class="container">
<div class="card_section" style="padding-bottom: 0;">
<h2>
内部知识落地,从未如此简单
</h2>
<p>培训素材轻松的转换,为学员提供了更专业完善的培训课程<br>而领思云e-learning及移动学习地图、必修选修、岗位推荐等简单的学习方式让学员在e-learning及移动学习平台上学习得更加自如</p>
</div>
</div>
<div class="g-bg-indigo card_section" style="padding: 0;">
<div class="container">
<div class="col-md-12">
<div class="col-lg-4 g-bg-orange g-color-white text-center g-pa-60">
<h3 class="h3 text-uppercase">微课制作</h3>
<p class="g-color-white-opacity-0_8">人人都是微课大师</p>
<a class="btn u-shadow-v21 g-bg-white-opacity-0_2 g-color-white g-brd-white--hover g-color-orange--hover g-bg-white--hover g-font-size-12 text-uppercase g-rounded-50 g-py-12 g-px-20" href="#!">了解更多</a>
</div>
<div class="col-lg-4 g-bg-teal g-color-white text-center g-pa-60">
<h3 class="h3 text-uppercase">快速课件转换</h3>
<p class="g-color-white-opacity-0_8">PPT 视频 音频组合,极致体验</p>
<a class="btn u-shadow-v21 g-bg-white-opacity-0_2 g-color-white g-brd-white--hover g-color-teal--hover g-bg-white--hover g-font-size-12 text-uppercase g-rounded-50 g-py-12 g-px-20" href="#!">了解更多</a>
</div>
<div class="col-lg-4 g-bg-purple g-color-white text-center g-pa-60">
<h3 class="h3 text-uppercase">量身定制精美课程</h3>
<p class="g-color-white-opacity-0_8">专业课件开发团队</p>
<a class="btn u-shadow-v21 g-bg-white-opacity-0_2 g-color-white g-brd-white--hover g-color-purple--hover g-bg-white--hover g-font-size-12 text-uppercase g-rounded-50 g-py-12 g-px-20" href="#!">了解更多</a>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="container">
<div class="card_section">
<h2>
全面开展线上、线下培训业务,推动企业培训管理与创新发展
</h2>
<p>在线学习及管理平台、课程创建与学习、直播课堂、课程证书、教师教学效果监测</p>
<div class="col-md-12">
<div class="col-md-4">
<div class="card_holder">
<h2><i class="fa fa-mobile"></i>多终端移动学习平台</h2>
<ul>
<li>低价、开放API、多终端</li>
<li>支持一切线上线下的培训发展</li>
<li>无需自建技术团队,省时省力省心</li>
</ul>
<img src="assets/images/mobile/homepage.png" />
</div>
</div>
<div class="col-md-4">
<div class="card_holder">
<h2><i class="fa fa-bullhorn"></i>快速的定制开发</h2>
<ul>
<li>支撑20多个行业</li>
<li>满足不同企业的个性化需求</li>
<li>迅速搭建有效的企业培训管理体系</li>
</ul>
<img src="assets/images/mobile/coursepage.png" />
</div>
</div>
<div class="col-md-4">
<div class="card_holder">
<h2><i class="fa fa-camera"></i>实时视频培训</h2>
<ul>
<li>多终端交互式互动直播</li>
<li>丰富的教学模式支持</li>
<li>同一时间培训全球各地员工</li>
</ul>
<img src="assets/images/mobile/exampage.png" />
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div ng-include="'app/home/homeadvsection.html'"></div>
</div>