1<!DOCTYPE html> 2<html lang="us" class="no-js"> 3 4<head> 5 <meta charset="utf-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 7 <meta http-equiv="x-ua-compatible" content="ie=edge" /> 8 <meta name="format-detection" content="telephone=no"> 9 <title>æ¼è®²å宾 - GITCå®ç½</title> 10 <meta content="" name="description" /> 11 <link href="static/css/bootstrap.min.css" rel="stylesheet" /> 12 <link href="static/css/animate.css" rel="stylesheet" /> 13 <link href="static/css/themify.css" rel="stylesheet" /> 14 <link href="static/css/scrollbar.min.css" rel="stylesheet" /> 15 <link href="static/css/swiper.min.css" rel="stylesheet" /> 16 <link href="static/css/style.css" rel="stylesheet" /> 17 <link href="static/css/global.css" rel="stylesheet" /> 18 <link href="static/css/blue.css" rel="stylesheet" /> 19</head> 20<style> 21 /*å宾æ éé */ 22@media (max-width : 768px){ 23 #info-box { 24 position: fixed; 25 display: none; 26 left: 0; 27 top:0; 28 text-align: center; 29 font-size: 12px; 30 z-index: 99999999999999; 31 height: 100%; 32 background-color: rgba(18,43,95,.9); 33 34} 35 #info-box .box { 36 width: 100%; 37 min-height: 300px; 38 margin-left: 0px; 39 margin-top: 0px; 40 color: #fff; 41 padding: 0px; 42 background-color:rgba(18,43,95,.0); 43 } 44 #info-box .section .cl { 45 float: none; 46 width: 140px; 47 padding-right: 0px; 48 color: #fff; 49 text-align: center; 50 margin: 0 auto; 51} 52 #info-box .section { 53 position: relative; 54 padding: 0 10%; 55 } 56 #info-box .section img { 57 width: 60px; 58 cursor: pointer; 59 margin: 20px 0 0 10px; 60} 61} 62</style> 63<body class="page-speaker"> 64 <header class="navbar-fixed-top s-header js__header-sticky js__header-overlay"> 65 <div class="s-header__navbar"> 66 <div class="s-header__container"> 67 <div class="visible-xs"> 68 <div class="s-header__navbar-row"> 69 <div class="s-header__navbar-row-col g-full-width--xs"> 70 <div class="s-header__logo"><a href="index.html" class="s-header__logo-link"> 71 <img class="s-header__logo-img s-header__logo-img-default" src="static/img/logo.png" alt=""> 72 <img class="s-header__logo-img s-header__logo-img-shrink" src="static/img/logo3.png" alt=""> 73 </a></div> 74 </div> 75 <div class="s-header__navbar-row-col"><a href="javascript:void(0);" class="s-header__trigger js__trigger"> 76 <span class="s-header__trigger-icon"></span> 77 <svg x="0rem" y="0rem" width="3.125rem" height="3.125rem" viewbox="0 0 54 54"> 78 <circle fill="transparent" stroke="#fff" stroke-width="1" cx="27" cy="27" r="25" stroke-dasharray="157 157" stroke-dashoffset="157"></circle> 79 </svg> 80 </a></div> 81 </div> 82 </div> 83 <div class="s-header__navbar-row hidden-xs"> 84 <a href="index.html"><img class="s-header__logo-img s-header__logo-img-shrink" src="static/img/logo3.png" alt="" style="margin: 0.75rem 1.875rem;"></a> 85 <p class="s-header-left-nav"> 86 <a href="index.html">é¦é¡µ</a> 87 <a href="sh.html">GITC䏿µ·ç«</a> 88 <a href="http://www.kylinclub.org/" target="_blank">å ³äºä¸»åæ¹</a> 89 <a href="contact.html">èç³»æä»¬</a> 90 <a href="javascript:;" style="margin-left: 60px"><span class="ti-user"></span> 注å</a> 91 <a href="javascript:;">ç»å½</a> 92 <a href="http://www.bagevent.com/event/549700?bag_track=bagevent" target="_blank" class="round-btn">ç¹å»<br>è´ç¥¨</a> 93 </p> 94 </div> 95 </div> 96 </div> 97 <div class="s-header-bg-overlay js__bg-overlay"> 98 <nav class="s-header__nav js__scrollbar"> 99 <div id="navmenu" class="container-fluid"> 100 <div class="col-md-5 col-xs-12 g-margin-b-30--xs g-pull-right--xs"> 101 <ul class="list-unstyled s-header__nav-menu"> 102 <li class="s-header__nav-menu-item"> 103 <a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="index.html">é¦é¡µ</a></li> 104 <li class="s-header__nav-menu-item"> 105 <a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="sh.html">GITC䏿µ·ç«</a></li> 106 <li class="s-header__nav-menu-item"> 107 <a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="http://www.kylinclub.org/">å ³äºä¸»åæ¹</a></li> 108 <li class="s-header__nav-menu-item"> 109 <a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="contact.html">èç³»æä»¬</a></li> 110 <li class="s-header__nav-menu-item"> 111 <a class="s-header__nav-menu-link s-header__nav-menu-link-divider" href="http://www.bagevent.com/event/549700?bag_track=bagevent">ç¹å»è´ç¥¨</a></li> 112 </ul> 113 </div> 114 </div> 115 </nav> 116 </div> 117 </header> 118 119 <div class="visible-xs"><img style="width: 100%" src="static/img/speaker_ph001.jpg" alt=""></div> 120 <div class="g-fullheight--xs g-bg-position--center swiper-slide swiper-slide-active hidden-xs" style="background-image: url('static/img/speaker_ph001.jpg'); margin-right: 50px; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); z-index: 1; transition-duration: 0ms;" 121 data-swiper-slide-index="1"> 122 </div> 123 124 <div class="container g-padding-y-40--xs g-padding-y-100--md"> 125 <div class="row g-row-col--0 g-overflow--hidden"> 126 <div class="g-text-center--xs">
127 <h2 class=" g-font-weight--700 g-font-size-20--xs g-font-size-24--md color-ttl g-margin-b-30--xs g-margin-b-50--md"> 128 æ¼è®²å宾<br><i class="black-line"></i> 129 </h2> 130 <div class="swiper-container swiper-container-people"> 131 <div class="swiper-wrapper"> 132 </div> 133 <div class="swiper-pagination"></div> 134 </div> 135 </div> 136 </div> 137 138 </div> 139 140 <footer class="g-bg-color--dark"> 141 <div class="g-hor-divider__dashed--white-opacity-lightest"> 142 <div class="container g-padding-y-30--xs g-padding-y-50--md"> 143 <div class="row"> 144 <div class="col-sm-3 g-margin-b-20--xs g-margin-b-0--md"> 145 <ul class="list-unstyled g-ul-li-tb-5--xs g-margin-b-0--xs"> 146 <li class="g-font-size-12--xs">èµå©å¤§ä¼&å±è§å±ç¤ºå¨è¯¢<br>[email protected]</li> 147 <li class="g-font-size-12--xs">åä½åä½&åä½åªä½å¨è¯¢<br>[email protected]</li> 148 <li class="g-font-size-12--xs">éºéºä¼ä¼åç³è¯·å¨è¯¢<br>[email protected]</li> 149 <li class="g-font-size-12--xs">å¿æ¿è æå<br>[email protected]</li> 150 <li class="g-font-size-12--xs">è´çµæä»¬<br>010-86466226</li> 151 </ul> 152 </div> 153 <div class="col-sm-2 col-xs-6 g-margin-b-20--xs g-margin-b-0--md hidden-xs"> 154 <ul class="list-unstyled g-ul-li-tb-5--xs g-margin-b-0--xs"> 155 <li> 156 <a class="g-font-size-12--xs g-color--white-opacity" href="javascript:;" rel="nofollow"><i class="g-padding-r-5--xs ti-facebook"></i> Facebook</a> 157 </li> 158 <li> 159 <a class="g-font-size-12--xs g-color--white-opacity" href="javascript:;" rel="nofollow"><i class="g-padding-r-5--xs ti-twitter"></i> Twitter</a> 160 </li> 161 <li> 162 <a class="g-font-size-12--xs g-color--white-opacity" href="javascript:;" rel="nofollow"><i class="g-padding-r-5--xs ti-google"></i> Google+</a> 163 </li> 164 <li> 165 <a class="g-font-size-12--xs g-color--white-opacity" href="javascript:;" rel="nofollow"><i class="g-padding-r-5--xs ti-youtube"></i> Youtube</a> 166 </li> 167 </ul> 168 </div> 169 <div class="col-sm-2 col-xs-6 g-margin-b-20--xs g-margin-b-0--md hidden-xs"> 170 <ul class="list-unstyled g-ul-li-tb-5--xs g-margin-b-0--xs"> 171 <li><a class="g-font-size-12--xs g-color--white-opacity" href="index.html">é¦é¡µ</a></li> 172 <li><a class="g-font-size-12--xs g-color--white-opacity" href="sh.html">䏿µ·ç«</a></li> 173 <li><a class="g-font-size-12--xs g-color--white-opacity" href="javascript:;">å京ç«</a></li> 174 <li><a class="g-font-size-12--xs g-color--white-opacity" href="javascript:;">æå·ç«</a></li> 175 <li><a class="g-font-size-12--xs g-color--white-opacity" href="http://www.kylinclub.org/" target="_blank">å ³äºä¸»åæ¹</a></li> 176 <li><a class="g-font-size-12--xs g-color--white-opacity" href="contact.html">èç³»æä»¬</a></li> 177 </ul> 178 </div> 179 <div class="col-md-4 col-md-offset-1 col-sm-5 col-sm-offset-1 s-footer__logo g-padding-y-20--xs g-padding-y-0--md"> 180 <a href="/"> 181 <h3 class="g-font-size-14--xs g-color--white-opacity text-normal">GITC</h3> 182 </a> 183 <div class="line hidden-xs"></div> 184 <p class="g-color--white-opacity g-font-size-12--xs">GITCå ¨çäºèç½ææ¯å¤§ä¼å§ç»èµ°å¨äºèç½ææ¯äº¤æµå享çæåç«¯ï¼æ¯ç®åå½å è§æ¨¡æå¤§ãèµæºææççææ¯å³°ä¼ï¼åæ¶ä¹æ¯ä¸å½äºèç½ä¸å¹´ä¸åº¦çè¡ä¸çäºã</p> 185 </div> 186 </div> 187 </div> 188 </div> 189 <div class="container g-padding-y-20--xs"> 190 <div class="row"> 191 <div class="col-xs-2 hidden-xs"><a href="/"> 192 <img class="g-width-100--xs g-height-auto--xs" src="static/img/logo2.png" alt=""> 193 </a></div> 194 <div class="col-xs-10 g-text-right--xs"> 195 <p class="g-font-size-12--xs g-margin-b-0--xs g-color--white-opacity-light">京CPå¤14035833å·-1 äº¬å ¬ç½å®å¤11010200322</p> 196 </div> 197 </div> 198 </div> 199 </footer> 200 201 <div id="info-box"> 202 </div> 203 <a href="javascript:void(0);" class="s-back-to-top js__back-to-top"></a> 204
204<script type="text/javascript"> 205 var GMM_APP_PATH = ''; 206 </script>
206 207
207<script type="text/javascript" src="static/js/jquery.min.js"></script>
207 208
208<script type="text/javascript" src="static/js/jquery.migrate.min.js"></script>
208 209
209<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
209 210
210<script type="text/javascript" src="static/js/jquery.smooth-scroll.min.js"></script>
210 211
211<script type="text/javascript" src="static/js/jquery.back-to-top.min.js"></script>
211 212
212<script type="text/javascript" src="static/js/jquery.scrollbar.min.js"></script>
212 213
213<script type="text/javascript" src="static/js/jquery.parallax.min.js"></script>
213 214
214<script type="text/javascript" src="static/js/jquery.wow.min.js"></script>
214 215
215<script type="text/javascript" src="static/js/global.min.js"></script>
215 216
216<script type="text/javascript" src="static/js/header-sticky.min.js"></script>
216 217
217<script type="text/javascript" src="static/js/scrollbar.min.js"></script>
217 218
218<script type="text/javascript" src="static/js/wow.min.js"></script>
218 219
219<script type="text/javascript" src="static/js/swiper.jquery.min.js"></script>
219 220
220<script type="text/javascript" src="static/js/waypoint.min.js"></script>
220 221
221<script type="text/javascript" src="static/js/counterup.min.js"></script>
221 222
222<script type="text/javascript" src="static/js/swiper.min.js"></script>
222 223
223<script type="text/javascript" src="static/js/counter.min.js"></script>
223 224
224<script type="text/javascript" src="static/js/parallax.min.js"></script>
224 225 226 227
227<script type="text/javascript"> 228 $(function () { 229 $.ajax('data/users?type=speaker&count=100').then(function (v) { 230 if (0 == v.status) { 231 var rs = v.data, xml = '', _spilt = $(window).width() > 768 ? 8 : 4; 232 for (var i = 0; i < rs.length; i++) { 233 xml += '<p class="js-info' + (i % _spilt == 0 ? ' cll' : '') + '"><img src="' + rs[i].img.substring(1) + '" alt="" class="img-circle" data-info=\'' + JSON.stringify(rs[i]) + '\'><b>' 234 + rs[i].name + '</b><span>' + rs[i].company + '<br>' + rs[i].title + '</span></p>'; 235 } 236 $('.swiper-container-people').html(xml); 237 var $box = $('#info-box'); 238 var timers = null; 239 $box.mouseenter = $('.js-info img').mouseenter(function (event) { 240 event.stopPropagation(); 241 clearTimeout(timers) 242 var _data = JSON.parse($(this).attr('data-info')); 243 var _xml = '<div class="box" id="lp"><div class="section">' 244 + '<div class="cl"><img src="' + _data.img.substring(1) + '" alt="" class="img-circle"><b>' + _data.name + '</b><span>' + _data.company + '<br>' + _data.title + '</span></div>' 245 + '<div class="cr">' 246 + '<b>个人ç®ä»</b>' 247 + '<span class="hr"></span>' 248 + '<div class="info">' + _data.info + '</div>' 249 + '</div></div>'; 250 $box.html(_xml); 251 timers = setTimeout(function () { 252 $box.css('display', 'block') 253 }, 1000) 254 }) 255 $box.mouseout = $('.js-info img').mouseout(function (event) { 256 event.stopPropagation(); 257 clearTimeout(timers); 258 $box.css('display', 'none') 259 }) 260 $box.on('mouseout', function (event) { 261 event.stopPropagation(); 262 clearTimeout(timers); 263 $box.css('display', 'none') 264 }) 265 $box.on('mouseenter', function (event) { 266 event.stopPropagation(); 267 clearTimeout(timers); 268 $box.css('display', 'block') 269 270 }) 271 } 272 }); 273 }); 274 </script>
274 275
275<script> 276 277function browserRedirect() { 278var sUserAgent = navigator.userAgent.toLowerCase(); 279var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; 280var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; 281var bIsMidp = sUserAgent.match(/midp/i) == "midp"; 282var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; 283var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; 284var bIsAndroid = sUserAgent.match(/android/i) == "android"; 285var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; 286var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; 287if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){ 288 289}else{ 290 $.ajax('data/users?type=speaker&count=100').then(function (v) { 291 if (0 == v.status) { 292 var rs = v.data, xml = '', _spilt = $(window).width() > 768 ? 8 : 4; 293 for (var i = 0; i < rs.length; i++) { 294 xml += '<p class="js-info' + (i % _spilt == 0 ? ' cll' : '') + '"><img src="' + rs[i].img.substring(1) + '" alt="" class="img-circle" data-info=\'' + JSON.stringify(rs[i]) + '\'><b>' 295 + rs[i].name + '</b><span>' + rs[i].company + '<br>' + rs[i].title + '</span></p>'; 296 } 297 $('.swiper-container-people').html(xml); 298 var $box = $('#info-box'); 299 var timers = null; 300 $('.js-info img').click(function (event) { 301 event.stopPropagation(); 302 clearTimeout(timers) 303 var _data = JSON.parse($(this).attr('data-info')); 304 var _xml = '<div class="box" id="lp"><div class="section">' 305 + '<div class="cl"><img src="' + _data.img.substring(1) + '" alt="" class="img-circle"><b>' + _data.name + '</b><span>' + _data.company + '<br>' + _data.title + '</span></div>' 306 + '<div class="cr">' 307 + '<b>个人ç®ä»</b>' 308 + '<span class="hr"></span>' 309 + '<div class="info">' + _data.info + '</div>' 310 + '</div></div>'; 311 $box.html(_xml); 312 timers = setTimeout(function () { 313 $box.css('display', 'block') 314 }, 1000) 315 }) 316 $box.click(function (event) { 317 event.stopPropagation(); 318 clearTimeout(timers); 319 $box.css('display', 'none') 320 }) 321 } 322 }); 323} 324}browserRedirect(); 325 326</script>
326 327
327<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-591fe0c2662cc83b"></script>
327 328</body> 329 330</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.