1 2<!DOCTYPE HTML> 3<html class="no-js"> 4<head> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> 7 <meta name="renderer" content="webkit"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 9 <base href="/cn/"> 10 <title>å å¯ç ç©¶é¢_ç½ç«å»ºè®¾_çµååå¡_ç½ç»æ¨å¹¿_个人ç½ç»æå¡å_å å¯å»ºç«</title> 11 <!-- 使ç¨url彿°è½¬æ¢ç¸å ³è·¯å¾ --> 12 <link rel="icon" href="./images/ico-32x32.png" sizes="32x32" /> 13 <link rel="icon" href="./images/ico-192x192.png" sizes="192x192" /> 14 <link rel="apple-touch-icon-precomposed" href="./images/ico-180x180.png"> 15 <meta name="msapplication-TileImage" content="./images/ico-270x270.png"> 16 <!-- theme --> 17 <link href="./css/rockox.css" rel="stylesheet"> 18 <link href="./css/rockox-main.css" rel="stylesheet"> 19 <!-- animation --> 20 <link href="./css/animate.css" rel="stylesheet"> 21 <!-- piecharts --> 22 <link rel="stylesheet" href="./css/pie-charts-style.css"> 23 <!-- Add fancyBox --> 24 <link rel="stylesheet" href="./css/jquery.fancybox.css?v=2.1.5" media="screen"> 25 <!-- jcarousel styling --> 26 <link rel="stylesheet" href="./css/skin.css"> 27 <!-- Bootstrap --> 28 <link href="./css/bootstrap.css" rel="stylesheet"> 29 <!-- CSS STYLE --> 30 <link rel="stylesheet" type="text/css" href="./css/revolution_style.css" media="screen" /> 31 <!-- REVOLUTION BANNER CSS SETTINGS --> 32 <link rel="stylesheet" type="text/css" href="./css/settings.css" media="screen" /> 33 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 34 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 35 <!--[if lt IE 9]> 36
36<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
36 37
37<script src="https://oss.maxcdn.com/libs/respond.http://www.guanfu.org/usr/themes/NHSTU/js/1.4.2/respond.min.js"></script>
37 38 <![endif]--> 39 <link rel="stylesheet" href="./style.css"> 40 <!-- éè¿èªæå½æ°è¾åºHTML头é¨ä¿¡æ¯ --> 41 <style type="text/css">.testat-dialog{position:fixed;top:100px;left:50%;padding:10px;background-color:#fff;display:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;z-index:1024;} 42.testat-dialog.error{background-color:#f40;color:#fff;} 43.testat-dialog.success{background-color:#24AA42;color:#fff;}</style>
43<script type="text/javascript">window.action="/action/";</script>
43<meta name="description" content="å å¯ç½ç»ä¸æ³¨äºä¸å°ä¼äºä¸åä½å®æ¹ç½ç«çå±ç¤ºå»ºç«,è´åäºä¸ºå®¢æ·æä¾ç²¾åççµååå¡ä¿¡æ¯åè§£å³æ¹æ¡,æ¥æå¤å¹´çèµæ·±è¡ä¸ç»éª,ä¸å¡èå´æ¶å:ç½ç«çå/ç½ç«è®¾è®¡/ç¨åºå¼å/ç½ç«æ¨å¹¿..." /> 44<meta name="keywords" content="ç½ç«å»ºè®¾,åå建设,å å¯å»ºç«" /> 45<meta name="generator" content="Typecho 1.0/14.10.10" /> 46<meta name="template" content="NHSTU" /> 47<link rel="pingback" href="/action/xmlrpc" /> 48<link rel="EditURI" type="application/rsd+xml" title="RSD" href="/action/xmlrpc?rsd" /> 49<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/action/xmlrpc?wlw" /> 50<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="/feed/" /> 51<link rel="alternate" type="application/rdf+xml" title="RSS 1.0" href="/feed/rss/" /> 52<link rel="alternate" type="application/atom+xml" title="ATOM 1.0" href="/feed/atom/" />
53<script type="text/javascript"> 54(function () { 55 window.TypechoComment = { 56 dom : function (id) { 57 return document.getElementById(id); 58 }, 59 60 create : function (tag, attr) { 61 var el = document.createElement(tag); 62 63 for (var key in attr) { 64 el.setAttribute(key, attr[key]); 65 } 66 67 return el; 68 }, 69 70 reply : function (cid, coid) { 71 var comment = this.dom(cid), parent = comment.parentNode, 72 response = this.dom('respond-page-13938'), input = this.dom('comment-parent'), 73 form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0], 74 textarea = response.getElementsByTagName('textarea')[0]; 75 76 if (null == input) { 77 input = this.create('input', { 78 'type' : 'hidden', 79 'name' : 'parent', 80 'id' : 'comment-parent' 81 }); 82 83 form.appendChild(input); 84 } 85 86 input.setAttribute('value', coid); 87 88 if (null == this.dom('comment-form-place-holder')) { 89 var holder = this.create('div', { 90 'id' : 'comment-form-place-holder' 91 }); 92 93 response.parentNode.insertBefore(holder, response); 94 } 95 96 comment.appendChild(response); 97 this.dom('cancel-comment-reply-link').style.display = ''; 98 99 if (null != textarea && 'text' == textarea.name) { 100 textarea.focus(); 101 } 102 103 return false; 104 }, 105 106 cancelReply : function () { 107 var response = this.dom('respond-page-13938'), 108 holder = this.dom('comment-form-place-holder'), input = this.dom('comment-parent'); 109 110 if (null != input) { 111 input.parentNode.removeChild(input); 112 } 113 114 if (null == holder) { 115 return true; 116 } 117 118 this.dom('cancel-comment-reply-link').style.display = 'none'; 119 holder.parentNode.insertBefore(response, holder); 120 return false; 121 } 122 }; 123})(); 124</script>
vendor: 2 bytes, line 124
124
125<script type="text/javascript"> 126(function () { 127 var event = document.addEventListener ? { 128 add: 'addEventListener', 129 focus: 'focus', 130 load: 'DOMContentLoaded' 131 } : { 132 add: 'attachEvent', 133 focus: 'onfocus', 134 load: 'onload' 135 }; 136 137 document[event.add](event.load, function () { 138 var r = document.getElementById('respond-page-13938'); 139 140 if (null != r) { 141 var forms = r.getElementsByTagName('form'); 142 if (forms.length > 0) { 143 var f = forms[0], textarea = f.getElementsByTagName('textarea')[0], added = false; 144 145 if (null != textarea && 'text' == textarea.name) { 146 textarea[event.add](event.focus, function () { 147 if (!added) { 148 var input = document.createElement('input'); 149 input.type = 'hidden'; 150 input.name = '_'; 151 input.value = (function () { 152 var _bQd = //'udC' 153'5d5'+'6'//'h' 154+//'gH' 155'1'+'84'//'y' 156+//'b' 157'9'+'8'//'Oqe' 158+//'cO' 159'f5b'+'C'//'C' 160+//'Ie' 161'3e'+/* 'tgj'//'tgj' */''+//'sKJ' 162'b'+'03a'//'cT' 163+/* '3k'//'3k' */''+'70'//'7f' 164+//'sWb' 165'sWb'+//'nBe' 166'ff'+/* 'N'//'N' */''+'2'//'iUQ' 167+//'1' 168'1'+//'gbP' 169'gbP'+//'VzJ' 170'41'+//'V2' 171'645'+'b'//'SW' 172+//'aj' 173'07', _WfNl4t9 = [[12,13],[20,23],[24,27]]; 174 175 for (var i = 0; i < _WfNl4t9.length; i ++) { 176 _bQd = _bQd.substring(0, _WfNl4t9[i][0]) + _bQd.substring(_WfNl4t9[i][1]); 177 } 178 179 return _bQd; 180})(); 181 182 f.appendChild(input); 183 added = true; 184 } 185 }); 186 } 187 } 188 } 189 }); 190})(); 191</script>
191</head> 192 <body class="fixed-header" data-spy="scroll" data-target=".navbar"> 193 <div id="wrapper"> 194 <!-- BEGIN HEADER --> 195 <header id="home"> 196 <!--div class="top-bar"> 197 <div class="container"> 198 <span><i class="fa fa-mobile"></i> + 86 131 7478 1880 </span> 199 <div class="social"> 200 <a href="https://twitter.com/kugeceo" class="tw"><i class="fa fa-twitter"></i></a> 201 <a href="https://www.facebook.com/kugeceo" class="fb"><i class="fa fa-facebook"></i></a> 202 <a href="https://www.youtube.com/channel/kugeceo" class="yt"><i class="fa fa-youtube"></i></a> 203 <a href="http://instagram.com/kugeceo" class="ig"><i class="fa fa-instagram"></i></a> 204 <a href="https://dribbble.com/kugeceo" class="db"><i class="fa fa-dribbble"></i></a> 205 </div> 206 </div> 207 </div--> 208 <nav class="navbar navbar-default" role="navigation"> 209 <div class="container"> 210 <!-- Brand and toggle get grouped for better mobile display --> 211 <div class="navbar-header"> 212 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 213 <span class="sr-only">忢坼èª</span> 214 <span class="icon-bar"></span> 215 <span class="icon-bar"></span> 216 <span class="icon-bar"></span> 217 </button> 218 <!-- BEGIN LOGO --> 219 <a class="navbar-brand" href="#home"><img src="./images/logo.png" alt=""></a> 220 <!-- END LOGO --> 221 </div> 222 <!-- Collect the nav links, forms, and other content for toggling --> 223 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 224 <!-- BEGIN NAVIGATION --> 225 <ul class="nav navbar-nav"> 226 <li class="active"><a href="/#home">é¦é¡µ</a></li> 227 <li><a href="#services">æå¡</a></li> 228 <li><a href="#experience">ç ç©¶</a></li> 229 <li><a href="#team">æ¸ é</a></li> 230 <li><a href="#pricing-tables">ä»·æ ¼</a></li> 231 <li><a href="#portfolio">ææ</a></li> 232 <li><a href="#best-sellers">æ¹æ¡</a></li> 233 <li><a href="#contact-us">èç³»</a></li> 234 </ul> 235 <!-- END NAVIGATION --> 236 </div><!-- /.navbar-collapse --> 237 </div><!-- /.container-fluid --> 238 </nav> 239 </header> 240 <!-- END HEADER --> <!-- BEGIN BANNER --> 241 <div class="fullwidthbanner-container"> 242 <div class="fullwidthbanner"> 243 <ul> 244 <!-- FADE --> 245 <li data-transition="fade" data-slotamount="10"> 246 <img src="./images/slides/thumb1.jpg" alt="" /> 247 <div class="caption lfr" data-x="820" data-y="70" data-speed="1200" data-start="1300" data-easing="easeOutBack"><img src="./images/slides/women.png" alt="" /></div> 248 <div class="caption lfb" data-x="570" data-y="0" data-speed="19000" data-start="3400" data-easing="easeOutBack"><img src="./images/slides/para-large.png" alt="" /></div> 249 <div class="caption lfb" data-x="430" data-y="450" data-speed="12200" data-start="3400" data-easing="easeOutBack"><img src="./images/slides/para-small.png" alt="" /></div> 250 <div class="caption lft very_large_text" data-x="30" data-y="220" data-speed="1800" data-start="2000" data-easing="easeOutExpo">䏿³¨äº</div> 251 <div class="caption lft very_large_text2" data-x="215" data-y="220" data-speed="1800" data-start="2000" data-easing="easeOutExpo">åçç½ç«å»ºè®¾</div> 252 <div class="caption lfl medium_grey" data-x="30" data-y="305" data-speed="300" data-start="2500" data-easing="easeOutExpo">ãå å¯åçåè¥éç½ç«å»ºè®¾</div> 253 <div class="caption lfb small_text" data-x="30" data-y="328" data-speed="1800" data-start="2600" data-easing="easeOutExpo">å å¯å»ºç«ä¸æ³¨äºç½ç«å»ºè®¾é¢åï¼é¢åå ¨å½å°åºå¤§ä¸å°åä¼ä¸ãäºä¸åä½ãæ¿åºæºææä¾<br/> ç½ç«å»ºè®¾æå¡ãç½ç»åºç¡æå¡ãå¹³é¢è®¾è®¡æå¡ï¼è´åäºä¸ºå®¢æ·æä¾ç²¾åä¿¡æ¯åè§£å³æ¹æ¡</div> 254 <div class="caption sfb" data-x="30" data-y="375" data-speed="1800" data-start="3400" data-easing="easeOutBack"><a href="/blog/" target="_blank" class="button red small">READ MORE</a></div> 255 </li> 256 <!-- FADE --> 257 <li data-transition="fade" data-slotamount="10"> 258 <img src="./images/slides/thumb2.jpg" alt="" /> 259 <div class="caption lfl" data-x="870" data-y="60" data-speed="20999" data-start="3000" data-easing="easeOutBack"><img src="./images/slides/color-large-para.png" alt="" /></div> 260 <div class="caption lfr" data-x="430" data-y="450" data-speed="20999" data-start="3000" data-easing="easeOutBack"><img src="./images/slides/color-small-para.png" alt="" /></div> 261 <div class="caption lft very_large_text3" data-x="385" data-y="220" data-speed="1200" data-start="1500" data-easing="easeOutExpo">çµååå¡åºç¨</div> 262 <div class="caption lfl medium_grey2" data-x="230" data-y="305" data-speed="0" data-start="2500" data-easing="easeOutExpo">å å¯çµåè´åäºä¸ºå®¢æ·æä¾ç²¾åççµååå¡ä¿¡æ¯åè§£å³æ¹æ¡ï¼å å¯å·²æ¥æå¤å¹´çèµæ·±çµåè¿è¥ç»éª</div> 263 <div class="caption sfb" data-x="520" data-y="340" data-speed="1200" data-start="2000" data-easing="easeOutBack"><a href="/blog/" target="_blank" class="button blue small">READ MORE</a></div> 264 </li> 265 <!-- FADE --> 266 <li data-transition="fade" data-slotamount="10"> 267 <img src="./images/slides/thumb3.jpg" alt="" /> 268 <div class="caption lfb" data-x="820" data-y="110" data-speed="1500" data-start="1300" data-easing="easeOutBack"><img src="./images/slides/tablet.png" alt="" /></div> 269 <div class="caption lft very_large_text4" data-x="30" data-y="215" data-speed="1800" data-start="2000" data-easing="easeOutExpo">软è¥é</div> 270 <div class="caption lft very_large_text5" data-x="230" data-y="220" data-speed="1800" data-start="2000" data-easing="easeOutExpo">SEOä¼åæ¨å¹¿</div> 271 <div class="caption lfl medium_grey2" data-x="30" data-y="305" data-speed="300" data-start="2500" data-easing="easeOutExpo">ãå å¯åä¿¡æ²¡ææ¨å¹¿ä¸åºå»ç产å</div> 272 <div class="caption lfb small_text2" data-x="30" data-y="328" data-speed="1800" data-start="2600" data-easing="easeOutExpo">å å¯SEO以个æ§åçåæçç¥ã丰å¯çä¼åç»éªãå ¨æ¹ä½çæ¨å¹¿å¹³å°ä»¥åæçæ°é¢çè¥é模å¼<br/>ä¸ºå®¢æ·æä¾çæ£ä¸ä¸ãå ¨é¢çä¿¡æ¯åè§£å³æ¹æ¡</div> 273 <div class="caption sfb" data-x="30" data-y="375" data-speed="1800" data-start="3000" data-easing="easeOutBack"><a href="/blog/" target="_blank" class="button blue small">READ MORE</a></div> 274 </li> 275 </ul> 276 <div class="tp-bannertimer"></div> 277 </div> 278 </div> 279 <!-- END BANNER --> 280 <!-- BEGIN SERVICES SECTION --> 281 <section class="services-sec gray-bg border" id="services"> 282 <div class="container"> 283 <ul class="row clearfix"> 284 <li class="col-md-4 col-sm-4 bounceIn" data-delay="100"> 285 <div class="service-sec"> 286 <a href="#." ><span class="yellow"><i class="fa fa-rocket img-circle open"></i></span></a> 287 <h3>åææ¦å¿µ</h3> 288 <p>åææ¦å¿µå¼çåæçµæï¼æä¾å ·ä½èæç¡®çåææ¹å<br/>åææ¦å¿µä¸æ¯å¹¿åè¯ï¼æ¯ææç¡®æ¹åçåææå¼<br/>䏿¯ç»è¿ä¿®é¥°å润è²ç广åè¯<br/>åææ¦å¿µæ¯æå¥æ´å®ãè¨ä¹å ·ä½ç</p> 289 </div> 290 </li> 291 <li class="col-md-4 col-sm-4 bounceIn" data-delay="200"> 292 <div class="service-sec"> 293 <a href="#."><span class="red"><i class="fa fa-code img-circle open"></i></span></a> 294 <h3>ç½ç«å¼å</h3> 295 <p>åºäºB/Sï¼IEæµè§å¨ï¼çç½é¡µå¼åï¼ä¸è¬å ·æäºå¨æ§<br/>ä¹å¯ä»¥çè§£å¼åå³å¶ä½ï¼æ¯è¾å¤çå°å¶ä½å¸¦æ¥çå¼å<br/>ç½ç«æ¯ç±è¥å¹²ä¸ªé¡µé¢ç»æçæèç³»çéå</p> 296 </div> 297 </li> 298 <li class="col-md-4 col-sm-4 bounceIn" data-delay="300"> 299 <div class="service-sec"> 300 <a href="#."><span class="green"><i class="fa fa-clock-o img-circle open"></i></span></a> 301 <h3>ææ¯æ¯æ</h3> 302 <p>24/7 å®å&å®åå è´¹ææ¯æ¯æ<br/>线ä¸&线ä¸å ¨å¤©åææ¯æ¯æ<br/>å¼å¯¼SEOä¼åï¼å¸®å©ä¹¦åç«ç¹å¼æµæ¥å<br/>SEOä¼åï¼ç½ç»è¥éæ¨å¹¿ä¸ä¸æå¡</p> 303 </div> 304 </li> 305 </ul> 306 <div class="clearfix"></div> 307 </div> 308 <div class="clearfix"></div> 309 </section> 310 <!-- END SERVICES SECTION --> 311 <!-- BEGIN SPECIALTIES SECTION --> 312 <section class="no-padding-bottom experience" id="experience"> 313 <div class="container"> 314 <!-- BEGIN HEADING --> 315 <h2 class="text-center">å 坿ä¾ä¸ä¸çåçç½ç«å»ºè®¾æå¡</h2> 316 <p class="text-center">åçç½ç«å»ºè®¾ãçµååå¡åºç¨ãç½ç»è¥éæ¨å¹¿ãåå ¶ç¸å ³ä¸å¡ï¼å ä¸ºä¸æ³¨æä»¥ä¸ä¸ï¼å 为ä¸ä¸æä»¥åè¶ï¼</p> 317 <!-- END HEADING --> 318 <div class="row"> 319 <!-- BEGIN DEVICES --> 320 <div class="col-md-12 text-center devices scrn bounceInUp" data-delay="100"><img src="./images/scrn-shot.png" alt=""></div> 321 <!-- END DEVICES --> 322 </div> 323 </div> 324 </section> 325 <!-- END SPECIALTIES SECTION --> 326 <!-- BEGIN SPECIALTUES SECTION --> 327 <section class="fun-facts" > 328 <div class="container"> 329 <div class="row" id="counters"> 330 <div class="col-md-3"> 331 <div class="counter"> 332 <div class="count yellow"><i class="fa fa-users"></i></div> 333 <span class="timer1 yellow" data-analyticsid="5551234">512</span> 334 <p>å 坿å¡è¿ç客æ·</p> 335 </div> 336 </div> 337 <div class="col-md-3"> 338 <div class="counter"> 339 <div class="count red"><i class="fa fa-trophy"></i></div> 340 <span class="timer2 red">163</span> 341 <p>è·åçå¥é¡¹ä¸è£èª</p> 342 </div> 343 </div> 344 <div class="col-md-3"> 345 <div class="counter"> 346 <div class="count green"><i class="fa fa-thumbs-up"></i></div> 347 <span class="timer3 green" id="article-finished">1960</span> 348 <p>å å¯å·²å®æç项ç®</p> 349 </div> 350 </div> 351 <div class="col-md-3"> 352 <div class="counter"> 353 <div class="count blue"><i class="fa fa-laptop"></i></div> 354 <span class="timer4 blue">1286</span> 355 <p>ç®åå¨çº¿ç½ç»é¡¹ç®</p> 356 </div> 357 </div> 358 </div> 359 </div> 360 </section> 361 <!-- END SPECIALTUES SECTION --> 362 <!-- BEGIN TEAM CONTAINER --> 363 <section class="team" id="team"> 364 <div class="container text-center"> 365 <!-- BEGIN HEADING --> 366 <h1 class="yellow">åæå¢é<span>客æ·å©æ¶¦æå¤§åæ¯æä»¬çç®æ ï¼æä»¬å°ç»§ç»ä»¥è¯å¥½çä¿¡èªä¸ºåºç¡ï¼ç§æ¿ç¨³åºä¸åå±ãæ±å®ä¸åæ°çç²¾ç¥ï¼ä¸ºå®¢æ·æä¾æ´å ¨é¢ãæ´ä¸ä¸çç½ç»ä¿¡æ¯åè§£å³æ¹æ¡ï¼æä»¬å ·æä¸æµçè®¾è®¡åææ¯æ°´å¹³ä¸ä¸å¢éã</span></h1> 367 <!-- END HEADING --> 368 <div class="row"> 369 <div class="col-md-4 bounceIn" data-delay="100"> 370 <!-- BEGIN TEAM --> 371 <div class="team-image-sec"> 372 <div class="img-overlay"></div> 373 <figure><img title="Image" alt="image" src="./images/team1.jpg" ></figure> 374 <ul> 375 <li><a href="#."><i class="fa fa-google-plus"></i></a></li> 376 <li><a href="#."><i class="fa fa-twitter"></i></a></li> 377 <li><a href="#."><i class="fa fa-facebook"></i></a></li> 378 </ul> 379 </div> 380 <div class="team-detail-sec"> 381 <h3 class="red">åçç½ç«å»ºè®¾<span>å å¯åçåè¥éç½ç«å»ºè®¾</span></h3> 382 <p>å å¯ä¸æ³¨äºåçç½ç«å»ºè®¾é¢åï¼é¢åå ¨å½åçå¸å°åºçå¤
382§ä¸å°åä¼ä¸éå¢ãäºä¸åä½ãæ¿åºæºææä¾ç½ç«å»ºè®¾ãç½ç»åºç¡ãå¹³é¢è®¾è®¡çæå¡ã</p> 383 </div> 384 <!-- END TEAM --> 385 </div> 386 <div class="col-md-4 bounceIn" data-delay="400"> 387 <!-- BEGIN TEAM --> 388 <div class="team-image-sec"> 389 <div class="img-overlay"></div> 390 <figure><img title="Image" alt="image" src="./images/team2.jpg"></figure> 391 <ul> 392 <li><a href="#."><i class="fa fa-google-plus"></i></a></li> 393 <li><a href="#."><i class="fa fa-twitter"></i></a></li> 394 <li><a href="#."><i class="fa fa-facebook"></i></a></li> 395 </ul> 396 </div> 397 <div class="team-detail-sec"> 398 <h3 class="green">çµååå¡åºç¨<span>å å¯åçåè¥éåå建设</span></h3> 399 <p>å å¯è´åäºä¸ºå®¢æ·æä¾ç²¾åççµååå¡ä¿¡æ¯åè§£å³æ¹æ¡ï¼NHç½ç»å·²æ¥æå¤å¹´çèµæ·±çµåè¿è¥ç»éªï¼å®¢æ·å©æ¶¦æå¤§åä¸ç´é½æ¯æä»¬çç®æ ã</p> 400 </div> 401 <!-- END TEAM --> 402 </div> 403 <div class="col-md-4 bounceIn" data-delay="900"> 404 <!-- BEGIN TEAM --> 405 <div class="team-image-sec"> 406 <div class="img-overlay"></div> 407 <figure>
407<img title="Image" alt="image" src="./images/team3.jpg"></figure> 408 <ul> 409 <li><a href="#."><i class="fa fa-google-plus"></i></a></li> 410 <li><a href="#."><i class="fa fa-twitter"></i></a></li> 411 <li><a href="#."><i class="fa fa-facebook"></i></a></li> 412 </ul> 413 </div> 414 <div class="team-detail-sec"> 415 <h3 class="blue">ä¼åæ¨å¹¿è¥é<span>å å¯åä¿¡æ²¡ææ¨å¹¿ä¸åºå»ç产å</span></h3> 416 <p>å å¯ä»¥ä¸ªæ§åçåæçç¥ã丰å¯çä¼åç»éªãå ¨æ¹ä½çæ¨å¹¿å¹³å°ä»¥åæçæ°é¢çè¥é模å¼ï¼ä¸ºå®¢æ·æä¾çæ£ä¸ä¸ãå ¨é¢çä¿¡æ¯åè§£å³æ¹æ¡ã</p> 417 </div> 418 <!-- END TEAM --> 419 </div> 420 </div> 421 </div> 422 </section> 423 <!-- END TEAM CONTAINER --> 424 <!-- BEGIN PIECHARTS SECTION --> 425 <section class="piecharts no-margin-bottom" id="pie-charts" data-stellar-background-ratio="-0.2"> 426 <div class="overlay"></div> 427 <div class="container"> 428 <div class="row"> 429 <div class="col col-12"> 430 <!-- BEGIN HEADING --> 431 <h2>å å¯åçç½ç«å»ºè®¾æè½ç¹é¿...</h2> 432 <p>ä¸ç®¡æ¯åè¡ä¸çä¼ä¸ç«è¿æ¯åç§è§æ¨¡ä¸ç±»åççµååå¡å¹³å°ï¼å å¯é½å°ä»¥ä¸ªæ§åççåæçåãæççç½ç«å»ºè®¾ææ¯ã<br/>强大çç¨åºå¼åå®åã丰å¯çç½ç«ç»´æ¤ç»éªä»¥åå ¨æ¹ä½çç½ç»è¥éçç¥ï¼ä¸ºå®¢æ·æä¾çæ£ä¸ä¸ãå ¨é¢çè§£å³æ¹æ¡ã</p> 433 <!-- END HEADING --> 434 <!-- BEGIN PIECHART --> 435 <span class="chart blue-circle" data-percent="95" data-delay="100"> 436 <span class="percent"></span> 437 <span class="skill-name">Photoshop</span> 438 </span> 439 <!-- END PIECHART --> 440 <!-- BEGIN PIECHART --> 441 <span class="circle green-circle" data-percent="98" data-delay="300"> 442 <span class="percent"></span> 443 <span class="skill-name">Dreamweaver</span> 444 </span> 445 <!-- END PIECHART --> 446 <!-- BEGIN PIECHART --> 447 <span class="circle red-circle" data-percent="99" data-delay="500"> 448 <span class="percent"></span> 449 <span class="skill-name">HTML5+CSS+JS</span> 450 </span> 451 <!-- END PIECHART --> 452 <!-- BEGIN PIECHART --> 453 <span class="circle yellow-circle" data-percent="90" data-delay="700"> 454 <span class="percent"></span> 455 <span class="skill-name">PHP+MYSQL</span> 456 </span> 457 <!-- END PIECHART --> 458 <!-- BEGIN PIECHART --> 459 <span class="circle purple-circle" data-percent="96" data-delay="900"> 460 <span class="percent"></span> 461 <span class="skill-name">WordPress</span> 462 </span> 463 <!-- END PIECHART --> 464 </div> 465 </div> 466 </div> 467 </section> 468 <!-- END PIECHARTS SECTION --> 469 <!-- BEGIN TRI SECTION CONTAINER --> 470 <section class="tri-secs gray-bg border"> 471 <div class="container"> 472 <div class="row"> 473 <div class="col-md-6 flipInY" data-delay="100"> 474 <!-- BEGIN TRI SECTION --> 475 <div class="tri-sec text-center"> 476 <i class="fa fa-flask blue"></i> 477 <h3 class="blue">ç²¾å¿è®¾è®¡</h3> 478 <p>å å¯å»ºç«å°ç²¾å¿ãç¨å¿å®ææ¯ä¸ä¸ªç½ç«ãæ¯ä¸ä¸ªé¡¹ç®ï¼</p> 479 </div> 480 <!-- END TRI SECTION --> 481 </div> 482 <div class="col-md-6 flipInY" data-delay="100"> 483 <!-- BEGIN TRI SECTION --> 484 <div class="tri-sec text-center"> 485 <i class="fa fa-html5 green"></i> 486 <h3 class="green">åæ²¿ææ¯</h3> 487 <p>å å¯ä½¿ç¨ææ°ç½ç»åæ²¿ææ¯è¿è¡ç½ç«å¼åãæå¡å¨æå»ºï¼</p> 488 </div> 489 <!-- END TRI SECTION --> 490 </div> 491 </div> 492 <div class="row"> 493 <div class="col-md-6 flipInY" data-delay="300"> 494 <!-- BEGIN TRI SECTION --> 495 <div class="tri-sec text-center last"> 496 <i class="fa fa-lightbulb-o yellow"></i> 497 <h3 class="yellow">åçåæ</h3> 498 <p>å å¯é对æ¯ä¸ä¸ªç½ç«é½æä¸åçè§ç¹ï¼ä»¥åç为åºç¹è®¾è®¡ï¼</p> 499 </div> 500 <!-- END TRI SECTION --> 501 </div> 502 <div class="col-md-6 flipInY"> 503 <!-- BEGIN TRI SECTION --> 504 <div class="tri-sec text-center last" data-delay="300"> 505 <i class="fa fa-desktop red"></i> 506 <h3 class="red">å®ç¾ååº</h3> 507 <p>å å¯æå»ºçæ¯ä¸ä¸ªç½ç«é½è½å®ç¾å ¼å®¹å类平å°å®ç¾å±ç°ä¸ååºï¼</p> 508 </div> 509 <!-- END TRI SECTION --> 510 </div> 511 </div> 512 </div> 513 </section> 514 <!-- END TRI SECTION CONTAINER --> 515 <!-- BEGIN PORTFOLIO CONTAINER --> 516 <section class="portfolio no-padding-bottom" id="portfolio"> 517 <div class="container"> 518 <!-- BEGIN HEADING --> 519 <h1 class="purple text-center">é¡¹ç®æ¡ä¾<span>æ¿æ¥æ°ç¾å®¶ç½ç«å»ºè®¾ä¸ç¨åºå¼å项ç®ï¼éè¿å å¯ç䏿åªå<br/>鿏æä¸ºå®¢æ·å¨äºèç½ä¿¡æ¯åé¢åå¼å¾ä¿¡ä»»ãæä»·å¼çé¿æåä½ä¼ä¼´ï¼å¹¶è·å¾äºå®¢æ·çä¸è´å¥½è¯ï¼</span></h1> 520 <!-- END HEADING --> 521 </div> 522 <div id="filters"> 523 <!-- BEGIN PORTFOLIO NAV --> 524 <ul class="clearfix"> 525 <li><a href="#" data-filter="*" class="active"><h3>All</h3></a></li> 526 <li><a href="#" data-filter=".web"><h3>WEB</h3></a></li> 527 <li><a href="#" data-filter=".shop"><h3>SHOP</h3></a></li> 528 <li><a href="#" data-filter=".seo"><h3>SEO</h3></a></li> 529 <li><a href="#" data-filter=".design"><h3>DESIGN</h3></a></li> 530 <li><a href="#" data-filter=".logo"><h3>LOGO</h3></a></li> 531 </ul> 532 <!-- END PORTFOLIO NAV --> 533 </div> 534 <div id="portfolio-items-wrap" class="fadeInUp"> 535 <!-- BEGIN PORTFOLIO --> 536 <div class="portfolio-item shop seo design logo web"> 537 <div class="portfolio"> 538 <div class="img-overlay"></div> 539 <a href="./images/portfolio/portfolio1.jpg" class="portfolio-image fancybox"> 540 <i class="fa fa-search"></i> 541 </a> 542 <a href="/www.beiyou-edu.com/" target="_blank"> 543 <i class="fa fa-link"></i> 544 </a> 545 <img src="./images/portfolio/portfolio1.jpg" alt=""> 546 </div> 547 </div> 548 <!-- END PORTFOLIO --> 549 <!-- BEGIN PORTFOLIO --> 550 <div class="portfolio-item design logo fadeInUp"> 551 <div class="portfolio"> 552 <div class="img-overlay"></div> 553 <a href="./images/portfolio/portfolio2.jpg" class="portfolio-image fancybox"> 554 <i class="fa fa-search"></i> 555 </a> 556 <a href="/www.gzamber.com/" target="_blank"> 557 <i class="fa fa-link"></i> 558 </a> 559 <img src="./images/portfolio/portfolio2.jpg" alt=""> 560 </div> 561 </div> 562 <!-- END PORTFOLIO --> 563 <!-- BEGIN PORTFOLIO --> 564 <div class="portfolio-item design web shop seo"> 565 <div class="portfolio"> 566 <div class="img-overlay"></div> 567 <a href="./images/portfolio/portfolio3.jpg" class="portfolio-image fancybox"> 568 <i class="fa fa-search"></i> 569 </a> 570 <a href="/www.kasairalee-kli.com/" target="_blank"> 571 <i class="fa fa-link"></i> 572 </a> 573 <img src="./images/portfolio/portfolio3.jpg" alt=""> 574 </div> 575 </div> 576 <!-- END PORTFOLIO --> 577 <!-- BEGIN PORTFOLIO --> 578 <div class="portfolio-item web shop seo logo fadeInUp"> 579 <div class="portfolio"> 580 <div class="img-overlay"></div> 581 <a href="./images/portfolio/portfolio4.jpg" class="portfolio-image fancybox"> 582 <i class="fa fa-search"></i> 583 </a> 584 <a href="/www.tuozhan1.com/" target="_blank"> 585 <i class="fa fa-link"></i> 586 </a> 587 <img src="./images/portfolio/portfolio4.jpg" alt=""> 588 </div> 589 </div> 590 <!-- END PORTFOLIO --> 591 <!-- BEGIN PORTFOLIO --> 592 <div class="portfolio-item web shop design seo logo"> 593 <div class="portfolio"> 594 <div class="img-overlay"></div><a href="./images/portfolio/portfolio5.jpg" class="portfolio-image fancybox"> 595 <i class="fa fa-search"></i> </a> 596 <a href="/www.gdzuozuo.com/" target="_blank"> 597 <i class="fa fa-link"></i> 598 </a> 599 <img src="./images/portfolio/portfolio5.jpg" alt=""> 600 </div> 601 </div> 602 <!-- END PORTFOLIO --> 603 <!-- BEGIN PORTFOLIO --> 604 <div class="portfolio-item web design seo logo fadeInUp"> 605 <div class="portfolio"> 606 <div class="img-overlay"></div><a href="./images/portfolio/portfolio6.jpg" class="portfolio-image fancybox"> 607 <i class="fa fa-search"></i></a> 608 <a href="/www.majorbio.com/" target="_blank"> 609 <i class="fa fa-link"></i> 610 </a> 611 <img src="./images/portfolio/portfolio6.jpg" alt=""> 612 </div> 613 </div> 614 <!-- END PORTFOLIO --> 615 <!-- BEGIN PORTFOLIO --> 616 <div class="portfolio-item web logo fadeInUp"> 617 <div class="portfolio"> 618 <div class="img-overlay"></div><a href="./images/portfolio/portfolio7.jpg" class="portfolio-image fancybox"> 619 <i class="fa fa-search"></i></a> 620 <a href="/www.naidongkeji.com/" target="_blank"> 621 <i class="fa fa-link"></i> 622 </a> 623 <img src="./images/portfolio/portfolio7.jpg" alt=""> 624 </div> 625 </div> 626 <!-- END PORTFOLIO --> 627 <!-- BEGIN PORTFOLIO --> 628 <div class="portfolio-item shop design seo logo"> 629 <div class="portfolio"> 630 <div class="img-overlay"></div><a href="./images/portfolio/portfolio8.jpg" class="portfolio-image fancybox"> 631 <i class="fa fa-search"></i></a> 632 <a href="/www.hkminghao.com/" target="_blank"> 633 <i class="fa fa-link"></i> 634 </a> 635 <img src="./images/portfolio/portfolio8.jpg" alt=""> 636 </div> 637 </div> 638 <!-- END PORTFOLIO --> 639 </div> 640 </section> 641 <!-- END TABLES CONTAINER --> 642 <!-- BEGIN TABLES CONTAINER --> 643 <section class="tables" data-stellar-background-ratio="-0.2" id="pricing-tables"> 644 <div class="overlay"></div> 645 <div class="container"> 646 <div class="row"> 647 <div class="col-md-3 fadeInUp" data-delay="200"> 648 <!-- BEGIN TABLE --> 649 <div class="table yellow-table text-center">
650 <span class="table-heading">åçç½ç«è¥éå</span> 651 <p class="price"><span class="currency">ï¿¥</span><span><strong>299</strong>.99</span>/ å¹´ èµ·</p> 652 <ul class="list-unstyled"> 653 <li>åçç½ç«ä¸æ¡é¾</li> 654 <li>é微信ç«å微信è¿è¥å¹³å°</li> 655 <li>æéçå¾çå¤ç</li> 656 <li>éå è´¹çä¼ä¸é®ç®±</li> 657 <li>éå½é 顶级ååä¸100M空é´</li> 658 <li>24/7 å¨çº¿æå¡æ¯æ</li> 659 </ul> 660 <a class="btn btn-yellow" href="#.">马ä¸å¼é</a> 661 </div> 662 <!-- END TABLE --> 663 </div> 664 <div class="col-md-3 fadeInUp" data-delay="200"> 665 <!-- BEGIN TABLE --> 666 <div class="table green-table text-center"> 667 <span class="table-heading">åçç½ç«åæå</span> 668 <p class="price"><span class="currency">ï¿¥</span><span><strong>1999</strong>.99</span>/ å¹´ èµ·</p> 669 <ul class="list-unstyled"> 670 <li>åçç½ç«ä¸ä¸è®¾è®¡é¡µé¢</li> 671 <li>é微信ç«å微信è¿è¥å¹³å°</li> 672 <li>大éå¾çå 容å¤ç</li> 673 <li>éå½é çä¼ä¸é®ç®±</li> 674 <li>éå½é 顶级ååä¸1G空é´</li> 675 <li>24/7 å¨çº¿æå¡æ¯æ</li> 676 </ul> 677 <a class="btn btn-green" href="#.">马ä¸å¼é</a> 678 </div> 679 <!-- END TABLE --> 680 </div> 681 <div class="col-md-3 fadeInUp" data-delay="600"> 682 <!-- BEGIN TABLE --> 683 <div class="table blue-table text-center"> 684 <span class="table-heading">åçååè¿è¥å</span> 685 <p class="price"><span class="currency">ï¿¥</span><span><strong>3999</strong>.99</span>/ å¹´ èµ·</p> 686 <ul class="list-unstyled"> 687 <li>åçåè½ååå建设</li> 688 <li>é微信ç«å微信è¿è¥å¹³å°</li> 689 <li>大éå¾çå 容å¤ç</li> 690 <li>éå½é çä¼ä¸é®ç®±</li> 691 <li>éå½é 顶级ååä¸2G空é´</li> 692 <li>24/7 å¨çº¿æå¡æ¯æ</li> 693 </ul> 694 <a class="btn btn-blue" href="#.">马ä¸å¼é</a> 695 </div> 696 <!-- END TABLE --> 697 </div> 698 <div class="col-md-3 fadeInUp" data-delay="800"> 699 <!-- BEGIN TABLE --> 700 <div class="table red-table text-center"> 701 <span class="table-heading">åçç½ç«å®å¶å</span> 702 <p class="price"><span class="currency">ï¿¥</span><span><strong>5999</strong>.99</span>/ å¹´ èµ·</p> 703 <ul class="list-unstyled"> 704 <li>ä¼ä¸åè½åç½ç«å®å¶å¼å</li> 705 <li>é微信ç«å微信è¿è¥å¹³å°</li> 706 <li>å è´¹æä¾å¾çå 容å¤ç</li> 707 <li>éå½é çä¼ä¸é®ç®±</li> 708 <li>éå½é 顶级ååä¸VPS</li> 709 <li>24/7 å¨çº¿æå¡æ¯æ</li> 710 </ul> 711 <a class="btn btn-red" href="#.">马ä¸å¼é</a> 712 </div> 713 <!-- END TABLE --> 714 </div> 715 </div> 716 </div> 717 </section> 718 <!-- END TABLES CONTAINER --> 719 <!-- BEGIN BEST SELLER CONTAINER --> 720 <section class="best-sellers" id="best-sellers"> 721 <div class="container"> 722 <div class="text-center"> 723 <!-- BEGIN HEADING --> 724 <h1 class="pink">æ éååèæä¸»æº<span>ä¸»æºæ¯ææ é个ç¬ç«ç«ç¹ï¼æ éä¸ªæ°æ®åºï¼æ§ä»·æ¯é«ï¼å¨çº¿çå¨99%以ä¸ï¼</span></h1> 725 <!-- END HEADING --> 726 </div> 727 <!-- BEGIN PRODUCTS --> 728 <div class="products"> 729 <!-- BEGIN PRODUCT --> 730 <div class="product green bounceIn" data-delay="100"> 731 <div class="product-thumb"><a href="/cart.php?a=add&pid=14&billingcycle=annually" data-fancybox-type="iframe" class="various"><span class="overlay"></span><img src="./images/best-sellers/shirt1.jpg" alt=""><i class="fa fa-shopping-cart"></i></a> 732 </div> 733 <div class="product-desc"> 734 <h4>500MB/10GB<span class="price">ï¿¥368</span></h4> 735 <p>éç¨å建设çä¼ä¸ç«</p> 736 </div> 737 </div> 738 <!-- END PRODUCT --> 739 <!-- BEGIN PRODUCT --> 740 <div class="product blue bounceIn" data-delay="300"> 741 <div class="product-thumb">
741<a href="/cart.php?a=add&pid=15&billingcycle=annually" data-fancybox-type="iframe" class="various"><span class="overlay"></span><img src="./images/best-sellers/shirt2.jpg" alt=""><i class="fa fa-shopping-cart"></i></a></div> 742 <div class="product-desc"> 743 <h4>1GB/20GB<span class="price">ï¿¥468</span></h4> 744 <p>éç¨å¾çç¨å¤çä¼ä¸ç«</p> 745 </div> 746 </div> 747 <!-- END PRODUCT --> 748 <!-- BEGIN PRODUCT --> 749 <div class="product red bounceIn" data-delay="500"> 750 <div class="product-thumb"><a href="/cart.php?a=add&pid=16&billingcycle=annually" data-fancybox-type="iframe" class="various"><span class="overlay"></span><img src="./images/best-sellers/shirt3.jpg" alt=""><i class="fa fa-shopping-cart"></i></a></div> 751 <div class="product-desc"> 752 <h4>2GB/30GB<span class="price">ï¿¥568</span></h4> 753 <p>éç¨ç»å¸¸æ´æ°çä¼ä¸ç«</p> 754 </div> 755 </div> 756 <!-- END PRODUCT --> 757 <!-- BEGIN PRODUCT --> 758 <div class="product purple bounceIn" data-delay="700"> 759 <label class="sale">Sale</label> 760 <div class="product-thumb"><a href="/cart.php?a=add&pid=17&billingcycle=annually" data-fancybox-type="iframe" class="various"><span class="overlay"></span><img src="./images/best-sellers/shirt4.jpg" alt=""><i class="fa fa-shopping-cart"></i></a></div> 761 <div class="product-desc"> 762 <h4>5GB/60GB<span class="price">ï¿¥868</span></h4> 763 <p>éç¨ä¸è¬åççµååå</p> 764 </div> 765 </div> 766 <!-- END PRODUCT --> 767 </div> 768 <!-- END PRODUCTS --> 769 </div> 770 </section> 771 <!-- END BEST SELLER CONTAINER --> 772 <!-- BEGIN OUR CLIENTS CONTAINER --> 773 <section class="our-clients" data-stellar-background-ratio="-0.2"> 774 <div class="overlay"></div> 775 <div class="container"> 776 <div class="row"> 777 <div class="col-md-12"> 778 <!-- BEGIN HEADING --> 779 <h2 class="text-center">æä»¬ç <b class="blue">大ç¥çº§</b> 客æ·</h2> 780 <!-- END HEADING --> 781 <div id="carousel-example-generic" class="carousel slide flipInY" data-ride="carousel"> 782 <!-- Wrapper for slides --> 783 <div class="carousel-inner text-center"> 784 <div class="item active"> 785 <!-- BEGIN TESTIMONIALS --> 786 <div class="testimonial"> 787 <i class="fa fa-quote-left"></i> 788 <p>æä»¬æ¯ä¼ åªå ¬å¸ï¼å¨ç¨çç½ç«å°±æ¯NHstuåçï¼å¾ç«é ·ç设计ï¼é常æ¼äº®åæ¶å°ï¼ä½¿ç¨çHTML5å¼åãç°å¨æä»¬é½ä¼åæç½ç»æ¹é¢éæ±çå®¢æ·æ¨èNHstuçæå¡ï¼æå¡æåº¦ä¹é常çèµï¼å¿ é¡»ç»NHstu建ç«128个èµï¼ï¼</p> 789 <i class="fa fa-quote-right"></i> 790 </div> 791 <!-- END TESTIMONIALS --> 792 </div> 793 <div class="item"> 794 <!-- BEGIN TESTIMONIALS --> 795 <div class="testimonial"> 796 <i class="fa fa-quote-left"></i> 797 <p>I'm Hayley, KiHaRa Web Design LLC gave my new website shop, wow, very nice website and server is from VPS House, it's good server. They gave me a lot of technical support, they have not rejected my every request. I recommend them!</p> 798 <i class="fa fa-quote-right"></i> 799 </div> 800 <!-- END TESTIMONIALS --> 801 </div> 802 <div class="item"> 803 <!-- BEGIN TESTIMONIALS --> 804 <div class="testimonial"> 805 <i class="fa fa-quote-left"></i> 806 <p>å 坿¯å¾ä¼ç§çå¢éï¼å 坿ä¼è¯çææ¯åé«åè´¨çæå¡ï¼å¨åæå ¬å¸åä½å·¥ç¨ä¸ï¼ä½ç°äºå å¯å¶ä½å¤§å ¬å¸ç½ç«çå®åãè½åç¡®ææ¡å®¢æ·ç鿱并ç»åºåççè§£å³æ¹æ¡ï¼æ¯ä¸ä¸ªææ¯è½åå项ç®ç®¡çè½åé½é常æ£çç½ç»æå¡ä¾åºåã</p> 807 <i class="fa fa-quote-right"></i> 808 </div> 809 <!-- END TESTIMONIALS --> 810 </div> 811 <div class="item"> 812 <!-- BEGIN TESTIMONIALS --> 813 <div class="testimonial"> 814 <i class="fa fa-quote-left"></i> 815 <p>客æäººåæå¡æåº¦å¾å¨å°ç»è´ï¼ä¸ä¸æ§å¾å¼ºï¼å¯¹äºæä»¬åä½ç项ç®å¾æ¯ç§¯æä¸»å¨ï¼è½åæ¶
815å馿²éï¼ææ¶å齿è§è¿æ¯å å¯é£è¾¹èªå·±ç项ç®äºï¼ååï¼çæ¯å¹¸è¦äºï¼é常é常æè°¢ï¼æå¾ æä»¬çé¿æåä½ï¼</p> 816 <i class="fa fa-quote-right"></i> 817 </div> 818 <!-- END TESTIMONIALS --> 819 </div> 820 </div> 821 <!-- Indicators --> 822 <ol class="carousel-indicators"> 823 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"> 824 <img src="./images/client1.png" alt="" title="" class="img-circle"> 825 <span><b>æç</b> CEO/ æä¼ åª</span> 826 </li> 827 <li data-target="#carousel-example-generic" data-slide-to="1"> 828 <img src="./images/client2.png" alt="" title="" class="img-circle"> 829 <span><b>Hayley</b>COO</span> 830 </li> 831 <li data-target="#carousel-example-generic" data-slide-to="2"> 832 <img src="./images/client3.png" alt="" title="" class="img-circle"> 833 <span><b>é»å¥³å£«</b>åææ»ç</span> 834 </li> 835 <li data-target="#carousel-example-generic" data-slide-to="3"> 836 <img src="./images/client4.png" alt="" title="" class="img-circle"> 837 <span><b>æå ç</b> CEO/ æåå¦å</span> 838 </li> 839 </ol> 840 </div> 841 </div> 842 </div> 843 </div> 844 </section> 845 <!-- END OUR CLIENTS CONTAINER --> 846 <!-- BEGIN CONTACT US CONTAINER --> 847 <section class="contact-us no-padding-bottom" id="contact-us"> 848 <div class="container"> 849 <!-- BEGIN HEADING --> 850 <h1 class="orange text-center">èç³»æä»¬<span>æå¾ æ¨çæ¥ä¿¡ï¼æä»¬ä¼è®¤çè¯å®çå¯¹å¾ æ¯ä¸ä½å®¢æ·ï¼ææ¥ä¿¡å¿ å°å¾å°æä»¬çåå¤ï¼</span></h1> 851 <!-- END HEADING --> 852 <!-- BEGIN THANK YOU MESSAGE --> 853 <div id="contact_message" class="success-msg">谢谢æ¨è½èç³»æä»¬ï¼</div> 854 <!-- END THANK YOU MESSAGE --> 855 <div id="respond-page-13938" class="form rollIn respond"> 856 <!-- BEGIN FORM --> 857 <form id="contact_form" method="post" action="/home.html/comment" role="form"> 858 <div class="row"> 859 <div class="col-md-6"> 860 <label>ç§°å¼ï¼</label> 861 <input type="text" name="author" id="author name" class="text" value="" required /> 862 </div> 863 <div class="col-md-6"> 864 <label>é®ç®±ï¼</label> 865 <input type="text" name="mail" id="mail email" class="text" value="" /> 866 </div> 867 </div> 868 <div class="row"> 869 <div class="col-md-6"> 870 <label>ç½ç«ï¼</label> 871 <input type="text" name="url" id="url website" class="text" placeholder="http://" value="" /> 872 </div> 873 <div class="col-md-6"> 874 <label>å ¬å¸ï¼</label> 875 <input type="text" name="company" id="company"> 876 </div> 877 </div> 878 <div class="row"> 879 <div class="col-md-12"> 880 <div class="message"> 881 <label>å 容ï¼</label> 882 <textarea rows="8" cols="50" name="text" id="textarea message" class="textarea" required >请å¡å¿ çä¸èç³»æ¹å¼ï¼ä¾å¦ææºå·ï¼</textarea> 883 <button type="submit" class="submit btn btn-orange" id="btn_submit">æäº¤çè¨</button> 884 </div> 885 </div> 886 </div> 887 </form> 888 <!-- END FORM --> 889 </div> 890 </div> 891 <div class="clearfix"></div> 892 <!-- BEGIN MAP --> 893 <div class="map"> 894 <div class="map-title"> 895 <h4>æ¥çå°å¾ <span><i class="fa fa-angle-down"></i></span></h4> 896 </div> 897 <iframe src="./../cache/#31.376782,121.360868,19z,map"></iframe> 898 </div> 899 <!-- END MAP --> 900 <!-- BEGIN SEARCH --> 901 <form class="text-center" style="margin: 58px;" method="post"> 902 <input type="text" name="s" class="text" /> 903 <button type="submit" class="submit btn btn-orange">æç´¢</button> 904 </form> 905 <!-- END SEARCH --> 906 </section> 907 <!-- END CONTACT US CONTAINER --> 908 <!-- BEGIN FOOTER --> 909 <footer> 910 <div class="container"> 911 <!-- BEGIN SOCIAL --> 912 <ul class="social"> 913 <li class="bounceIn" data-delay="0"><a href="https://www.facebook.com/nhstu520"><i class="fa fa-facebook"></i></a></li> 914 <li class="bounceIn" data-delay="100">
914<a href="https://twitter.com/NHstucom"><i class="fa fa-twitter"></i></a></li> 915 <li class="bounceIn" data-delay="200"><a href="https://plus.google.com/communities/107831569533697938558"><i class="fa fa-google-plus"></i></a></li> 916 <li class="bounceIn" data-delay="300"><a href="https://dribbble.com/nhstu"><i class="fa fa-dribbble"></i></a></li> 917 <li class="bounceIn" data-delay="400"><a href="https://www.pinterest.com/wenhairu/"><i class="fa fa-pinterest"></i></a></li> 918 </ul> 919 <!-- BEGIN SOCIAL --> 920 <!-- BEGIN COPYRIGHT --> 921 <p class="copyright"><a href="/www.weikebei.com" target="_blank">微信è¥é</a>|<a href="/www.idcfire.com" target="_blank">馿¸¯ç©ºé´</a>|<a href="/guangzhou.napai.cn/" target="_blank">广å·ä¸ªäººåç</a><br/>Copyrights ? 2007-2016, guanfu.org All rights reserved. <a href="/sitemap" target="_blank">Sitemap</a>
922<script> 923var _hmt = _hmt || []; 924(function() { 925 var hm = document.createElement("script"); 926 hm.src = "./js/tj.js?2a29a42c16f21ff00a4d1eda9f1f08eb"; 927 var s = document.getElementsByTagName("script")[0]; 928 s.parentNode.insertBefore(hm, s); 929})(); 930</script>
930 931</p> 932 <!-- END COPYRIGHT --> 933 </div> 934 </footer> 935 <!-- END FOOTER --> 936 <!-- BEGIN GO TO TOP --><a href="#." class="back-to-top" id="back-to-top"><i class="fa fa-angle-up"></i></a><!-- END GO TO TOP --> 937 </div><!-- end #wrapper --> 938
938<script src="./js/jquery.min.js"></script>
938 939
939<script src="./js/jquery.js"></script>
939 940 <!-- jQuery KenBurn Slider --> 941
941<script src="./js/jquery.themepunch.plugins.min.js"></script>
941 942
942<script src="./js/jquery.themepunch.revolution.min.js"></script>
942 943 <!-- parallax --> 944
944<script src="./js/jquery.stellar.js"></script>
944 945
945<script src="./js/custom.js"></script>
945 946 <!-- jcarousel --> 947
947<script src="./js/jquery.jcarousel.min.js"></script>
947 948 <!-- way point --> 949
949<script src="./js/waypoints.js"></script>
949 950 <!-- Add piecharts --> 951
951<script src="./js/jquery.easypiechart.min.js"></script>
951 952 <!-- navigation classes change on scroll --> 953
953<script src="./js/nimble.js"></script>
953 954
954<script src="./js/scrollspy.js"></script>
954 955 <!-- fancybox --> 956
956<script src="./js/jquery.fancybox.pack.js?v=2.1.5"></script>
956 957 <!-- appear --> 958
958<script src="./js/jquery.appear.js"></script>
958 959 <!-- Include all compiled plugins (below), or include individual files as needed --> 960
960<script src="./js/bootstrap.min.js"></script>
960 961 <!-- nimble effect --> 962
962<script src="./js/counters.js"></script>
962 963
963<script> 964 //slider 965 jQuery(function() { 966 //parallaax 967 jQuery.stellar({ 968 horizontalScrolling: false, 969 verticalOffset: 0 970 }); 971 //fancybox 972 jQuery(".fancybox").fancybox(); 973 jQuery(".various").fancybox({ 974 maxWidth : 1100, 975 maxHeight : 600, 976 fitToView : false, 977 width : '70%', 978 height : '70%', 979 autoSize : false, 980 closeClick : false, 981 openEffect : 'none', 982 closeEffect : 'none' 983 }); 984 jQuery('#mycarousel').jcarousel({ 985 vertical: true 986 }); 987/* //smooth scroll to href value 988 jQuery(".tabs-btn ul li a, .navbar-nav li a, .navbar-brand").click(function(event){ 989 event.preventDefault(); 990 //calculate destination place 991 var dest=0; 992 if(jQuery(this.hash).offset().top > jQuery(document).height()-jQuery(window).height()){ 993 dest=$(document).height()-jQuery(window).height(); 994 }else{ 995 dest=jQuery(this.hash).offset().top; 996 } 997 //go to destination 998 jQuery('html,body').animate({scrollTop:dest}, 1000,'swing'); 999 }); */ 1000 //toggle map 1001 jQuery(".map-title h4 span").click(function(e) { 1002 jQuery(".map iframe").slideToggle(); 1003 jQuery(".map-title h4 span i").toggleClass("fa-angle-up fa-angle-down"); 1004 }); 1005 jQuery(window).scroll(function(){ 1006 if(jQuery(window).scrollTop() > 200){ 1007 jQuery("#back-to-top").fadeIn(200); 1008 } else{ 1009 jQuery("#back-to-top").fadeOut(200); 1010 } 1011 }); 1012 jQuery('#back-to-top, .back-to-top').click(function() { 1013 jQuery('html, body').animate({ scrollTop:0 }, '800'); 1014 return false; 1015 }); 1016 //pie charts 1017 jQuery('#pie-charts').waypoint(function(direction) { 1018 jQuery('.chart').easyPieChart({ 1019 barColor: "#5ecae6", 1020 onStep: function(from, to, percent) { 1021 jQuery(this.el).find('.percent').text(Math.round(percent)); 1022 } 1023 }); 1024 }, { 1025 offset: function() { 1026 return jQuery.waypoints('viewportHeight') - jQuery(this).height() + 100; 1027 } 1028 }); 1029 jQuery('#pie-charts').waypoint(function(direction) { 1030 jQuery('.green-circle').easyPieChart({ 1031 barColor: "#bed431", 1032 onStep: function(from, to, percent) { 1033 jQuery(this.el).find('.percent').text(Math.round(percent)); 1034 } 1035 }); 1036 }, { 1037 offset: function() { 1038 return jQuery.waypoints('viewportHeight') - jQuery(this).height() + 100; 1039 } 1040 }); 1041 jQuery('#pie-charts').waypoint(function(direction) { 1042 jQuery('.red-circle').easyPieChart({ 1043 barColor: "#e11e24", 1044 onStep: function(from, to, percent) { 1045 jQuery(this.el).find('.percent').text(Math.round(percent)); 1046 } 1047 }); 1048 }, { 1049 offset: function() { 1050 return jQuery.waypoints('viewportHeight') - jQuery(this).height() + 100; 1051 } 1052 }); 1053 jQuery('#pie-charts').waypoint(function(direction) { 1054 jQuery('.yellow-circle').easyPieChart({ 1055 barColor: "#f6c715", 1056 onStep: function(from, to, percent) { 1057 jQuery(this.el).find('.percent').text(Math.round(percent)); 1058 } 1059 }); 1060 }, { 1061 offset: function() { 1062 return jQuery.waypoints('viewportHeight') - jQuery(this).height() + 100; 1063 } 1064 }); 1065 jQuery('#pie-charts').waypoint(function(direction) { 1066 jQuery('.purple-circle').easyPieChart({ 1067 barColor: "#7251a2", 1068 onStep: function(from, to, percent) { 1069 jQuery(this.el).find('.percent').text(Math.round(percent)); 1070 } 1071 }); 1072 }, { 1073 offset: function() { 1074 return jQuery.waypoints('viewportHeight') - jQuery(this).height() + 100; 1075 } 1076 }); 1077 }); 1078 </script>
1078 1079 <!-- revolution code --> 1080
1080<script type="text/javascript"> 1081 var tpj=jQuery; 1082 tpj.noConflict(); 1083 tpj(document).ready(function() { 1084 if (tpj.fn.cssOriginal!=undefined) 1085 tpj.fn.css = tpj.fn.cssOriginal; 1086 tpj('.fullwidthbanner').revolution( 1087 { 1088 delay:9000, 1089 startwidth:1200, 1090 startheight:606, 1091 onHoverStop:"on", // Stop Banner Timet at Hover on Slide on/off 1092 thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !) 1093 thumbHeight:50, 1094 thumbAmount:4, 1095 hideThumbs:200, 1096 navigationType:"both", //bullet, thumb, none, both (No Shadow in Fullwidth Version !) 1097 navigationArrows:"verticalcentered", //nexttobullets, verticalcentered, none 1098 navigationStyle:"round", //round,square,navbar 1099 touchenabled:"on", // Enable Swipe Function : on/off 1100 navOffsetHorizontal:0, 1101 navOffsetVertical:20, 1102 fullWidth:"on", 1103 shadow:0 //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows - (No Shadow in Fullwidth Version !) 1104 }); 1105 }); 1106 </script>
vendor: 2 bytes, line 1106
1106
1107<script type="text/javascript"> 1108$(function(){ 1109 $('.btn-like').click(function(e){ 1110 e.stopPropagation(); 1111 e.preventDefault(); 1112 var that = $(this),num = $(this).data('num'), cid = $(this).data('cid'),numEl = that.find('.post-likes-num'); 1113 if(cid===undefined) return false; 1114 $.get(window.action+'likes?cid='+cid).success(function(rs){ 1115 if(rs.status==1){ 1116 if(numEl.length>0){ 1117 numEl.text(num+1); 1118 } 1119 testatAlert(rs.msg===undefined ? 'å·²æå为该æç« ç¹èµ!' : rs.msg); 1120 }else{ 1121 testatAlert(rs.msg===undefined ? 'æä½åºé!' : rs.msg,'err'); 1122 } 1123 }); 1124 }); 1125}); 1126function testatAlert(msg,type,time){ 1127 type = type === undefined ? 'success' : 'error'; 1128 time = time === undefined ? (type=='success' ? 1500 : 3000) : time; 1129 var html = '<div class="testat-dialog '+type+'">'+msg+'</div>'; 1130 $(html).appendTo($('body')).fadeIn(300,function(){ 1131 setTimeout(function(){ 1132 $('body > .testat-dialog').remove(); 1133 },time); 1134 }); 1135} 1136</script>
1136</body> 1137</html> 1138
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.