147 lines
7.4 KiB
PHTML
Executable File
147 lines
7.4 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
{include file="include/head" /}
|
||
<meta charset="UTF-8">
|
||
<title>元创十周年精彩回顾</title>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/subject/decennial.css">
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.css">
|
||
<script type="text/javascript" src="__PUBLIC__/web/scripts/bxslider/jquery.bxslider.min.js"></script>
|
||
|
||
</head>
|
||
|
||
<body style="background:#fff;">
|
||
<div id="content">
|
||
|
||
<!--top-->
|
||
{include file="include/top" /}
|
||
<!--top End-->
|
||
<!--Banner-->
|
||
<div class="img-responsive margin-top-90"><img src="/uploads/default/banner-wap-CH-ten.jpg"></div>
|
||
<!--第二屏-->
|
||
<div class="ten_02_bg img-responsive">
|
||
<div class="ten_02">
|
||
<div class="swt-Container">
|
||
<div class="text_center ten_bg f-black f_weight_600 text_40 ten_pa_30">十年创研，点滴在心</div>
|
||
<div class="img-responsives"><img src="__PUBLIC__/m_web/images/decennial/ten_02.jpg"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!--第三屏-->
|
||
<div class="img-responsive ten_three">
|
||
<div class="text_40 text_center f-black f_weight_600 ten_pa_30">十载风雨同舟，莫失莫忘</div>
|
||
<div class="des text_center f-gray ten_pa_20 ten_pa_30">元创的十年发展征途，也可谓荆棘重重、处处充满挑战，但是我们身后，始终有这么一群人，我们要淌水，他们帮我们造船、我们要爬山，他们为我们结绳。十年风雨同舟，感恩一路相随。</div>
|
||
<div class="m_Container">
|
||
<video controls poster="__PUBLIC__/web/images/decennial/ten_03.jpg" height="100%">
|
||
<source src="__PUBLIC__/web/images/decennial/ten_video.mp4" type="video/mp4">
|
||
您的浏览器不支持 video 标签。
|
||
Your browser does not support HTML5 video.
|
||
</video>
|
||
|
||
</div>
|
||
</div>
|
||
<!--10年新起航-->
|
||
<div class="swt-Container">
|
||
<div class="text_40 text_center f-black f_weight_600 padding-t-48vw ten_pa_30">10年新起航</div>
|
||
<div class="des text_center f-gray ten_pa_20">品牌专注于USB技术周边产品研发与生产，主要包括USB数据传输技术、Type-C技术运用、USB电力传输技术等的实际应用；目前，品牌已经布局全新品类线包括备份宝、雷电3、固态存储等，未来，这几大板块也将是品牌的着力点。</div>
|
||
<div class="img-responsive margin-t-15vw ten_pa_30"><img src="__PUBLIC__/web/images/decennial/ten04.jpg"></div>
|
||
</div>
|
||
|
||
<!--小改变 大不同-->
|
||
<div class="swt-Container">
|
||
<div class="text_40 text_center f-black f_weight_600 ten_pa_30">小改变 大不同</div>
|
||
<div class="des text_center f-black" style="margin-top:-0.5vw;">Little change，big difference</div>
|
||
<div class="des text_center f-gray ten_pa_20 ten_pa_30">全新品牌理念，以不断累积小改变的方式去探索与创造体验的大不同。以全新升级的VI视觉，全面呈现品牌未来的产品布局。
|
||
</div>
|
||
<div class="img-responsive margin-t-15vw position-r">
|
||
<img src="__PUBLIC__/web/images/decennial/ten05.jpg">
|
||
<div class="position-r ten_four des text_center f-black margin-b-30vw">
|
||
<ul>
|
||
<li>电脑周边</li>
|
||
<li>手机周边</li>
|
||
<li>电子电工</li>
|
||
<li>影音娱乐</li>
|
||
<li>生活周边</li>
|
||
<li>个人护理</li>
|
||
<li>高端游戏</li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="ten_four_line"></div>
|
||
<!--第五屏-->
|
||
<!--第五屏-->
|
||
<div class="swt-Container">
|
||
<div class="text_40 text_center f-black f_weight_600 ten_pa_30">“十年耀变，十年新章”庆典现场</div>
|
||
<!--拉开庆典序幕-->
|
||
<div class="text_28 text_center f-black f_weight_600">拉开庆典序幕</div>
|
||
<div class="des text_center f-gray ten_pa_20 ten_pa_30">整场庆典开始，由品牌创始人及东莞常平镇领导致辞并拉开庆典序幕，和与会的海内外代理商、供应商、公司员工、员工家属等千余人一同回顾了品牌的十年发展路及未来的规划与发展方向。</div>
|
||
<div class="ten_six overflow-f img-responsive margin-b-30vw">
|
||
<ul>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten06_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten06_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten06_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
<!--员工自编自导自演欢乐文艺汇演-->
|
||
<div class="text_40 text_center f-black f_weight_600 ten_pa_30">员工自编自导自演欢乐文艺汇演</div>
|
||
<div class="des text_center f-gray ten_pa_20">轻松愉悦的歌舞、小品、舞台剧逗趣全场，尽显公司蓬勃、年轻、勇敢的企业精神面貌。</div>
|
||
<div class="ten_six overflow-f img-responsive margin-b-30vw">
|
||
<ul>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten07_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten07_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten07_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
<!--获奖代理商、供应商-->
|
||
<div class="text_40 text_center f-black f_weight_600 ten_pa_30">获奖代理商、供应商</div>
|
||
<div class="des text_center f-gray ten_pa_20">十年发展征途，离不开各方伙伴的鼎力支持，在元创十周年之际，也邀请了诸多海内外伙伴参与其中，感谢多年来的支持与引导。</div>
|
||
<div class="ten_six overflow-f img-responsive margin-b-30vw">
|
||
<ul>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten08_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten08_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten08_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
<!--新、老、少元创人齐聚一堂-->
|
||
<div class="text_40 text_center f-black f_weight_600 ten_pa_30">新、老、少元创人齐聚一堂</div>
|
||
<div class="des text_center f-gray ten_pa_20">如果将一个十年发展企业的比作一艘海上远航的船，我们所有元创人就如同航船上的水手，一起劈波斩浪、一同沐浴彩虹。许许多多元创人将自己最好的年华与元创写在了一起，许许多多元创人在元创也迎来了人生新阶段。</div>
|
||
<div class="ten_six overflow-f img-responsives">
|
||
<ul>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten09_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten09_two.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten09_three.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!--第十屏-->
|
||
<div class="swt-Container">
|
||
<div class="text_40 text_center f-black f_weight_600 ten_pa_30">庆典精彩瞬间</div>
|
||
<ul class="ten_slider">
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten10_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten10_one.jpg"></li>
|
||
<li><img src="__PUBLIC__/web/images/decennial/ten10_one.jpg"></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!--第十一屏-->
|
||
<div class="swt-Container padding-b-3">
|
||
<div class="text_40 text_center f-black f_weight_600 margin-top-30 margin-bottom-30">10年见证，感谢一路同行</div>
|
||
<div class="img-responsives"><img src="__PUBLIC__/web/images/decennial/ten_11.jpg"></div>
|
||
</div>
|
||
<!-- bottom s -->
|
||
{include file="include/bottom" /}
|
||
</div>
|
||
<!-- bottom e -->
|
||
<script type="text/javascript">
|
||
$(document).ready(function(){
|
||
$('.ten_slider').bxSlider({
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |