-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtedx.html
More file actions
156 lines (152 loc) · 7 KB
/
tedx.html
File metadata and controls
156 lines (152 loc) · 7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<!--[if lt IE 10]><html class="lt10"><![endif]-->
<!--[if lt IE 9]><html class="lt9"><![endif]-->
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>TEDxTencent 2016年度盛典倒计时</title>
<meta name="Copyright" content="Tencent" />
<link href="favicon.ico" type="image/ico" rel="shortcut icon" />
<meta name="Keywords" content="首页 - TEDxTencent" />
<meta name="Description" content="探索 洞见" />
<!--QQ分享使用-->
<meta itemprop="name" content="TEDxTencent 2016年度盛典倒计时"/>
<meta itemprop="description" name="description" content="6月6日,让我们一起做探索世界的思想战士"/>
<meta itemprop="image" content="http://cdn.m.tencent.com/hr/TEDxTencent-/share2016.png" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<link rel="stylesheet" href="./css/style.css">
<!--[if lt IE9]>
<script src="./js/html5.js"></script>
<![endif]-->
</head>
<body>
<div style="position: absolute; opacity: 0; z-index: -1; width: 0; height: 0; overflow: hidden;">
<img src="http://cdn.m.tencent.com/hr/TEDxTencent-/share2016.png" alt="share_cover">
</div>
<header class="header">
<section class="topbar ">
<div class="topbar_bg"></div>
<div class="ui_maxw topbar_content">
<h3 class="logo"><a href="index.html"><span class="tedx_logo">TEDx</span><span class="tedx_name">Tencent</span>
<div class="tedx_info">
<span class="tedx_x">x</span> = independently organized TED event
</div>
</a></h3>
<a class="enroll pc" target="_blank" href="http://km.oa.com/group/TEDX/event/28210/view">关注抢票</a>
<a class="enroll m" target="_blank" href="https://km.tencent.com/pkm/events/28210">关注抢票</a>
<!-- <div class="lang_tab">
<a class="current cn" href="index.html">简体中文</a><em class="line">|</em><a class="en" href="en/index.html">English</a>
</div> -->
</div>
<span class="nav_btn"></span>
<nav class="nav">
<div class="ui_maxw">
<menu class="menu">
<ul>
<li>
<a href="index.html">HOME</a>
</li>
<li>
<a href="talks.html">TALKS</a>
</li>
<li class="current">
<a href="tedx.html" class="li_sup">TED和TED<sup>x</sup></a>
</li>
<li>
<a href="about.html">ABOUT US</a>
</li>
</ul>
</menu>
</div>
</nav>
</section>
</header>
<article class="ny_container tedx">
<article class="ny_container">
<article class="banner" id="banner" >
<section class="ted-line">
<div class="line-box l1">
<!-- <div class="dot"></div>
<div class="line"></div> -->
<img src="./images/redlinel@2x.png">
</div>
<div class="line-box l2">
<!-- <div class="line-box">
<div class="dot"></div>
<div class="line"></div>
</div> -->
<img src="./images/redliner@2x.png">
</div>
</section>
<section class="ted-sign">
<div class="sign-a">
<img src="./images/sign_a.png" alt="" title="">
</div>
<div class="sign-b">
<img src="./images/sign_b.png" alt="" title="">
</div>
</section>
<section class="ui_maxw scene" id="scene" >
<div class="TEDxLogos">
<div class="TEDxexbl"><img src="./images/exbl.png" class="layer" data-depth="0.20" alt="EXPLORE INSIGHT-探索 遇见"></div>
</div>
</section>
</article>
<section class="tedx_1">
<div class="ui_maxw">
<h3 class="mod_title"><span class="tit">什么是TED和TED<sup>x</sup></span></h3>
<div class="content clearfix">
<p>TED(指technology, entertainment, design在英语中的缩写,即技术、娱乐、设计)是美国的一家私有非营利机构,该机构以它组织的TED大会著称,这个会议的宗旨是“用思想的力量来改变世界”。 每年3月,TED大会在美国召集众多科学、设计、文学、音乐等领域的杰出人物,分享他们关于技术、社会、人的思考和探索。</p>
<p>TED<sup>x</sup>是由TED于2009年推出的一个项目,旨在鼓励各地的TED粉丝自发组织TED风格的活动。截至2010年4月,已经有500多场TED<sup>x</sup>在世界各地的城市和乡村举办。</p>
<p>TED<sup>x</sup>这种本地化的、自组织的活动可以把人们聚集到一起来分享类似于TED的经历和体验。在TED<sup>x</sup>活动中,演讲的视频和现场讲者相结合激发出更深层次的讨论和小组内更紧密的联系。这种当地的、自发性的活动被称为 TED<sup>x</sup>,“x”代表了独立组织的TED活动。</p>
</div>
</div>
</section>
</article>
<footer class="footer">
<div class="coryright ui_maxw">
© TED<sup>x</sup>Tencent 2016 This independent TED<sup>x</sup> event is operated license from TED.
</div>
</footer>
<script type="text/javascript">
// if (document.addEventListener) {
// document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// WeixinJSBridge.on('menu:share:appmessage', function () {
// WeixinJSBridge.invoke('sendAppMessage', {
// "appid": "",
// "img_url": 'http://cdn.m.tencent.com/hr/TEDxTencent-/share2016.png',
// "img_width": "300",
// "img_height": "300",
// "link": 'http://cdn.m.tencent.com/hr/TEDxTencent/html/index.html',
// "desc": '6月6日,让我们看见你追问的世界',
// "title": 'TEDxTencent 2016年度盛典倒计时'
// }, function (res) {
// });
// return false;
// });
// WeixinJSBridge.on('menu:share:timeline', function () {
// WeixinJSBridge.invoke('shareTimeline', {
// "appid": "",
// "img_url": 'http://cdn.m.tencent.com/hr/TEDxTencent-/share2016.png',
// "img_width": "300",
// "img_height": "300",
// "link": 'http://cdn.m.tencent.com/hr/TEDxTencent/html/index.html',
// "desc": '6月6日,让我们看见你追问的世界',
// "title": 'TEDxTencent 2016年度盛典倒计时'
// }, function (res) {
// });
// return false;
// });
// }, false);
// }
</script>
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./js/modernizr-touch.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=45404844" charset="UTF-8"></script>
</body>
</html>