unserver-unify
Version:
298 lines (270 loc) • 18.8 kB
HTML
<section class="container main">
<div class="container content">
<div class="row">
<!-- Begin Content -->
<div class="col-md-12">
<ul class="row u-timeline-v2-wrap timeline_font list-unstyled">
<li class="col-md-12 g-mb-40">
<div class="row" style="display: flex">
<!-- Timeline Date -->
<div class="col-md-3 text-md-right g-pt-20--md g-pr-40--md g-mb-20" style="flex:0 0 25%;">
<h5 class="h6 mb-0">2017</h5>
<h4 class="h5" translate="">December</h4>
</div>
<!-- End Timeline Date -->
<!-- Timeline Content -->
<div class="col-md-9 g-orientation-left g-pl-40--md">
<!-- Timeline Dot -->
<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-green g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i>
</div>
<!-- End Timeline Dot -->
<article class="g-pos-rel g-bg-gray-light-v5 g-pa-30">
<!-- Timeline Arrow -->
<div class="g-hidden-sm-down u-triangle-inclusive-v1--right g-top-30 g-z-index-2 absolute">
<div class="u-triangle-inclusive-v1--right__back g-brd-gray-light-v5-right"></div>
</div>
<div class="g-hidden-md-up u-triangle-inclusive-v1--top g-left-20 g-z-index-2">
<div class="u-triangle-inclusive-v1--top__back g-brd-gray-light-v5-bottom"></div>
</div>
<!-- End Timeline Arrow -->
<header class="g-brd-bottom g-brd-gray-light-v4 g-pb-10 g-mb-25">
<h3 class="g-font-weight-300" style="margin-bottom: 0">{{ {eng:'Weidong Investment',chn:'伟东云教育投资九竹系统科技'} | trans }}</h3>
</header>
<div class="row">
<div class="col-md-12">
<p>{{ {eng:'Pre-A fund strateigc investment by Weidong Group from China',chn:'获得来自中国的伟东云教育集团的Pre-A轮战略融资'} | trans }}</p>
</div>
</div>
</article>
</div>
<!-- End Timeline Content -->
</div>
</li>
<li class="col-md-12 g-mb-40">
<div class="row" style="display: flex">
<!-- Timeline Date -->
<div class="col-md-3 text-md-right g-pt-20--md g-pr-40--md g-mb-20" style="flex:0 0 25%;">
<h5 class="h6 mb-0">2017</h5>
<h4 class="h5" translate="">April</h4>
</div>
<!-- End Timeline Date -->
<!-- Timeline Content -->
<div class="col-md-9 g-orientation-left g-pl-40--md">
<!-- Timeline Dot -->
<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-green g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i>
</div>
<!-- End Timeline Dot -->
<article class="g-pos-rel g-bg-gray-light-v5 g-pa-30">
<!-- Timeline Arrow -->
<div class="g-hidden-sm-down u-triangle-inclusive-v1--right g-top-30 g-z-index-2 absolute">
<div class="u-triangle-inclusive-v1--right__back g-brd-gray-light-v5-right"></div>
</div>
<div class="g-hidden-md-up u-triangle-inclusive-v1--top g-left-20 g-z-index-2">
<div class="u-triangle-inclusive-v1--top__back g-brd-gray-light-v5-bottom"></div>
</div>
<!-- End Timeline Arrow -->
<header class="g-brd-bottom g-brd-gray-light-v4 g-pb-10 g-mb-25">
<h3 class="g-font-weight-300" style="margin-bottom: 0">{{ {eng:'SP Group',chn:'完成新加坡电力项目交付'} | trans }}</h3>
</header>
<div class="row">
<div class="col-md-12">
<p>{{ {eng:'BambooCloud Enterprise successfully deployed for Singapore Power; BambooCloud K12 released',chn:'成功交付新加坡电力在线学习管理平台项目;九竹教育云中小学平台发布'} | trans }}</p>
</div>
</div>
</article>
</div>
<!-- End Timeline Content -->
</div>
</li>
<li class="col-md-12 g-mb-40">
<div class="row" style="display: flex">
<!-- Timeline Date -->
<div class="col-md-3 text-md-right g-pt-20--md g-pr-40--md g-mb-20" style="flex:0 0 25%;">
<h5 class="h6 mb-0">2016</h5>
<h4 class="h5" translate="">May</h4>
</div>
<!-- End Timeline Date -->
<!-- Timeline Content -->
<div class="col-md-9 g-orientation-left g-pl-40--md">
<!-- Timeline Dot -->
<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-green g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i>
</div>
<!-- End Timeline Dot -->
<article class="g-pos-rel g-bg-gray-light-v5 g-pa-30">
<!-- Timeline Arrow -->
<div class="g-hidden-sm-down u-triangle-inclusive-v1--right g-top-30 g-z-index-2 absolute">
<div class="u-triangle-inclusive-v1--right__back g-brd-gray-light-v5-right"></div>
</div>
<div class="g-hidden-md-up u-triangle-inclusive-v1--top g-left-20 g-z-index-2">
<div class="u-triangle-inclusive-v1--top__back g-brd-gray-light-v5-bottom"></div>
</div>
<!-- End Timeline Arrow -->
<header class="g-brd-bottom g-brd-gray-light-v4 g-pb-10 g-mb-25">
<h3 class="g-font-weight-300" style="margin-bottom: 0">{{ {eng:'Successfully Deployed',chn:'成功交付多个大型企业培训平台项目'} | trans }}</h3>
</header>
<div class="row">
<div class="col-md-12">
<p>{{ {eng:'BambooCloud Enterprise deployed for the first batch flagship Projects including CMEC, Jingye, Qingjian, CCDC; BambooCloud H-ED deployed successfully for Xijing University in China',chn:'成功交付多个企业在线培训平台项目,包括:中国机械设备工程公司、中冶置业(新加坡)、青建国际、中建南洋等;西京学院网络学习平台完成交付'} | trans }}</p>
</div>
</div>
</article>
</div>
<!-- End Timeline Content -->
</div>
</li>
<li class="col-md-12 g-mb-40">
<div class="row" style="display: flex">
<!-- Timeline Date -->
<div class="col-md-3 text-md-right g-pt-20--md g-pr-40--md g-mb-20" style="flex:0 0 25%;">
<h5 class="h6 mb-0">2015</h5>
<h4 class="h5" translate="">August</h4>
</div>
<!-- End Timeline Date -->
<!-- Timeline Content -->
<div class="col-md-9 g-orientation-left g-pl-40--md">
<!-- Timeline Dot -->
<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-green g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i>
</div>
<!-- End Timeline Dot -->
<article class="g-pos-rel g-bg-gray-light-v5 g-pa-30">
<!-- Timeline Arrow -->
<div class="g-hidden-sm-down u-triangle-inclusive-v1--right g-top-30 g-z-index-2 absolute">
<div class="u-triangle-inclusive-v1--right__back g-brd-gray-light-v5-right"></div>
</div>
<div class="g-hidden-md-up u-triangle-inclusive-v1--top g-left-20 g-z-index-2">
<div class="u-triangle-inclusive-v1--top__back g-brd-gray-light-v5-bottom"></div>
</div>
<!-- End Timeline Arrow -->
<header class="g-brd-bottom g-brd-gray-light-v4 g-pb-10 g-mb-25">
<h3 class="g-font-weight-300" style="margin-bottom: 0">{{ {eng:'Xijing University & CMEC Power Plant',chn:'西京学院&中国机械设备工程股份有限公司'} | trans }}</h3>
</header>
<div class="row">
<div class="col-md-12">
<p>{{ {eng:'Bamboo System Technology raised Angel fund 200k; Signned contract with China Xijing University Online Platform project, CMEC Power Plant Training project',chn:'九竹系统科技获得天使投资20万;获得中国西京学院网络课程平台和中国机械设备工程股份有限公司培训平台项目合同'} | trans }}</p>
</div>
</div>
</article>
</div>
<!-- End Timeline Content -->
</div>
</li>
<li class="col-md-12 g-mb-40">
<div class="row" style="display: flex">
<!-- Timeline Date -->
<div class="col-md-3 text-md-right g-pt-20--md g-pr-40--md g-mb-20" style="flex:0 0 25%;">
<h5 class="h6 mb-0">2014</h5>
<h4 class="h5" translate="">December</h4>
</div>
<!-- End Timeline Date -->
<!-- Timeline Content -->
<div class="col-md-9 g-orientation-left g-pl-40--md">
<!-- Timeline Dot -->
<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-green g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i>
</div>
<!-- End Timeline Dot -->
<article class="g-pos-rel g-bg-gray-light-v5 g-pa-30">
<!-- Timeline Arrow -->
<div class="g-hidden-sm-down u-triangle-inclusive-v1--right g-top-30 g-z-index-2 absolute">
<div class="u-triangle-inclusive-v1--right__back g-brd-gray-light-v5-right"></div>
</div>
<div class="g-hidden-md-up u-triangle-inclusive-v1--top g-left-20 g-z-index-2">
<div class="u-triangle-inclusive-v1--top__back g-brd-gray-light-v5-bottom"></div>
</div>
<!-- End Timeline Arrow -->
<header class="g-brd-bottom g-brd-gray-light-v4 g-pb-10 g-mb-25">
<h3 class="g-font-weight-300" style="margin-bottom: 0">{{ {eng:'Deployed',chn:'九竹教育云平台完成搭建和发布'} | trans }}</h3>
</header>
<div class="row">
<div class="col-md-12">
<p>{{ {eng:'BambooCloud 1.0 released and officially released to market',chn:'九竹教育云1.0正式发布'} | trans }}</p>
</div>
</div>
</article>
</div>
<!-- End Timeline Content -->
</div>
</li>
<li class="col-md-12 g-mb-40">
<div class="row" style="display: flex">
<!-- Timeline Date -->
<div class="col-md-3 text-md-right g-pt-20--md g-pr-40--md g-mb-20" style="flex:0 0 25%;">
<h5 class="h6 mb-0">2014</h5>
<h4 class="h5" translate="">October</h4>
</div>
<!-- End Timeline Date -->
<!-- Timeline Content -->
<div class="col-md-9 g-orientation-left g-pl-40--md">
<!-- Timeline Dot -->
<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-green g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i>
</div>
<!-- End Timeline Dot -->
<article class="g-pos-rel g-bg-gray-light-v5 g-pa-30">
<!-- Timeline Arrow -->
<div class="g-hidden-sm-down u-triangle-inclusive-v1--right g-top-30 g-z-index-2 absolute">
<div class="u-triangle-inclusive-v1--right__back g-brd-gray-light-v5-right"></div>
</div>
<div class="g-hidden-md-up u-triangle-inclusive-v1--top g-left-20 g-z-index-2">
<div class="u-triangle-inclusive-v1--top__back g-brd-gray-light-v5-bottom"></div>
</div>
<!-- End Timeline Arrow -->
<header class="g-brd-bottom g-brd-gray-light-v4 g-pb-10 g-mb-25">
<h3 class="g-font-weight-300" style="margin-bottom: 0">{{ {eng:'Founded',chn:'公司成立'} | trans }}</h3>
</header>
<div class="row">
<div class="col-md-12">
<p>{{ {eng:'Bamboo System Technology Pte Ltd was founded in Singapore',chn:'九竹系统科技在新加坡正式成立'} | trans }}</p>
</div>
</div>
</article>
</div>
<!-- End Timeline Content -->
</div>
</li>
<li class="col-md-12 g-mb-40">
<div class="row" style="display: flex">
<!-- Timeline Date -->
<div class="col-md-3 text-md-right g-pt-20--md g-pr-40--md g-mb-20" style="flex:0 0 25%;">
<h5 class="h6 mb-0">2014</h5>
<h4 class="h5" translate="">August</h4>
</div>
<!-- End Timeline Date -->
<!-- Timeline Content -->
<div class="col-md-9 g-orientation-left g-pl-40--md">
<!-- Timeline Dot -->
<div class="g-hidden-sm-down u-timeline-v2__icon g-top-35">
<i class="d-block g-width-18 g-height-18 g-bg-green g-brd-around g-brd-3 g-brd-gray-light-v5 rounded-circle"></i>
</div>
<!-- End Timeline Dot -->
<article class="g-pos-rel g-bg-gray-light-v5 g-pa-30">
<!-- Timeline Arrow -->
<div class="g-hidden-sm-down u-triangle-inclusive-v1--right g-top-30 g-z-index-2 absolute">
<div class="u-triangle-inclusive-v1--right__back g-brd-gray-light-v5-right"></div>
</div>
<div class="g-hidden-md-up u-triangle-inclusive-v1--top g-left-20 g-z-index-2">
<div class="u-triangle-inclusive-v1--top__back g-brd-gray-light-v5-bottom"></div>
</div>
<!-- End Timeline Arrow -->
<header class="g-brd-bottom g-brd-gray-light-v4 g-pb-10 g-mb-25">
<h3 class="g-font-weight-300" style="margin-bottom: 0">{{ {eng:'Our First Step',chn:'设计启动'} | trans }}</h3>
</header>
<div class="row">
<div class="col-md-12">
<p>{{ {eng:'BambooCloud concept formed and started the framework development',chn:'九竹教育云平台架构设计启动'} | trans }}</p>
</div>
</div>
</article>
</div>
<!-- End Timeline Content -->
</div>
</li>
</ul>
</div>
</div>
</div>
</section>