PageSourceSearch

https://joyn.cn/

html joyn.cn collected 2026-10-03 18:19:13 UTC 60,134 bytes, 1,627 lines download raw bytes

1<!doctype html>
2
3<html lang="zh" class=""><!--<![endif]-->
4
5
6
7<head>
8
9  <meta charset="utf-8">
10
11  <title>首页 - 脚印</title>
12
13
14
15  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
16
17  <meta content="" name="description">
18
19  <meta content="" name="author">
20
21  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
22
23
24  <!-- 开始:全局样式 -->
25
26
27
28  <!--<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&amp;subset=all' rel='stylesheet' type='text/css'> -->
29
30  <!--link href="/static/assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css" /-->
31  <link rel="stylesheet" href="./asset/css/bootstrapV4.6.2.min.css" type="text/css">
32
33  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
34    integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw=="
35    crossorigin="anonymous" referrerpolicy="no-referrer">
36
37  <link crossorigin="anonymous"
38    integrity="sha512-QKC1UZ/ZHNgFzVKSAhV5v5j73eeL9EEN289eKAEFaAjgAiobVAnVv/AGuPbXsKl1dNoel3kNr6PYnSiTzVVBCw=="
39    href="//lib.baomitu.com/simple-line-icons/2.5.5/css/simple-line-icons.min.css" rel="stylesheet">
40
41  <link href="//www.assets.joyncdn.com/static/assets/plugins/animate/animate.min.css" rel="stylesheet" type="text/css">
42
43
44
45  <!-- 结束:全局样式 -->
46
47  <!-- 开始:基础插件 -->
48
49  <!--link href="/static/assets/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css" /-->
50
51  <link href="./asset/plugins/owl-carousel/assets/owl.carousel.min.css" rel="stylesheet" type="text/css">
52
53  <link href="./asset/plugins/owl-carousel/assets/owl.theme.default.min.css" rel="stylesheet" type="text/css">
54
55  <link href="//cdn.bootcss.com/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">
56
57  <link href="//www.assets.joyncdn.com/static/assets/plugins/slider-for-bootstrap/css/slider.css" rel="stylesheet"
58    type="text/css">
59
60  <!-- 结束:基础插件 -->
61
62  <!-- 开始:页面样式 -->
63
64  <link href="//www.assets.joyncdn.com/static/assets/css/default/css/plugins.min.css" rel="stylesheet" type="text/css">
65
66  <link href="//www.assets.joyncdn.com/static/assets/css/default/css/components.min.css" id="style_components"
67    rel="stylesheet" type="text/css">
68
69  <link href="//www.assets.joyncdn.com/static/assets/css/default/css/default.min.css" rel="stylesheet" id="style_theme"
70    type="text/css">
71
72  <link href="//www.assets.joyncdn.com/static/assets/css/default/css/custom.css" rel="stylesheet" type="text/css">
73
74  <link href="//www.assets.joyncdn.com/static/kjoyn/css/base.css" rel="stylesheet" type="text/css">
75  <link href="./asset/css/main.css" rel="stylesheet" type="text/css">
76  <!-- <link rel="stylesheet" href="./asset/css/oneui.css"> -->
77
78  <link href="//cdn.bootcss.com/hover.css/2.1.1/css/hover-min.css" rel="stylesheet">
79
80  <link href="./news/assets/css/vendor/nice-select.css" rel="stylesheet">
81
82  <!-- 结束:页面样式 -->
83
84  <style type="text/css">
85    .c-owl-carousel {
86
87      max-width: 100%;
88
89      margin: auto;
90
91      height: 580px;
92
93    }
94
95
96
97    .c-owl-carousel .owl-dots {
98
99      left: 50%;
100
101      transform: translate(-50%, 0);
102
103      position: absolute;
104
105      text-align: center;
106
107      margin-top: -60px;
108
109      z-index: 2;
110
111    }
112
113
114
115    .c-owl-carousel .owl-dot {
116
117      height: 20px;
118
119      width: 20px;
120
121      border: 1px solid #f3f5f7 !important;
122
123      background-color: #999;
124
125      opacity: 0.5;
126
127      outline: none;
128
129      margin: 0 5px;
130
131      transition: all 0.1s ease;
132
133      cursor: pointer;
134
135    }
136
137
138
139    .c-owl-carousel .owl-dot span {
140
141      width: 0;
142
143      height: 0;
144
145      opacity: 0;
146
147    }
148
149
150
151    .c-owl-carousel .owl-dot:hover,
152
153    .c-owl-carousel .owl-dot.active {
154
155      background-color: #f39700 !important;
156
157      opacity: 1;
158
159    }
160
161    .c-bg-image-course {
162      display: flex;
163      position: relative;
164      width: 100%;
165      height: 100%;
166      background-size: cover;
167      background-repeat: no-repeat;
168      background-position: center center;
169      background-image: url(./asset/img/images/backgroundImage-5.png);
170
171    }
172  </style>
173
174
175
176  <link rel="shortcut icon" href="//www.assets.joyncdn.com/static/assets/base/img/favicon.ico">
177
178  <style type="text/css">
179    .fancybox-margin {
180
181      margin-right: 17px;
182
183    }
184  </style>
185
186
187  <style type="text/css">
188    .academy-photowall {
189      margin: 0;
190      padding: 0;
191      padding-top: 50px;
192      position: relative;
193    }
194
195    .academy-photowall>img {
196      position: absolute;
197      top: 50px;
198      left: 100px;
199      cursor: pointer;
200      padding: 10px 10px 25px;
201      background-color: #fff;
202      border: 1px solid #ddd;
203      transition: 0.5s;
204      box-shadow: 3px 3px 3px #ccc;
205    }
206
207    .academy-photowall>.img1 {
208      left: 40px;
209      top: 20px;
210      transform: rotate(30deg);
211      z-index: 1;
212    }
213
214    .academy-photowall>.img2 {
215      left: 136px;
216      top: 156px;
217      transform: rotate(-30deg);
218      z-index: 1;
219    }
220
221    .academy-photowall>.img3 {
222      left: 305px;
223      top: 60px;
224      transform: rotate(30deg);
225      z-index: 1;
226    }
227
228    .academy-photowall>.img4 {
229      left: 381px;
230      top: 256px;
231      transform: rotate(30deg);
232      z-index: 1;
233    }
234
235    .academy-photowall>.img5 {
236      left: 520px;
237      top: 110px;
238      transform: rotate(-40deg);
239      z-index: 1;
240    }
241
242    .academy-photowall>img:hover {
243      transform: rotate(0deg);
244      transform: scale(1.5);
245      box-shadow: 6px 6px 6px #656565;
246      z-index: 2;
247    }
248  </style>
249
250
251</head>
252
253
254
255<body class="c-layout-header-fixed c-layout-header-mobile-fixed c-layout-header-fullscreen">
256
257
258
259  <header class="c-layout-header c-layout-header-default c-layout-header-dark-mobile c-header-transparent-dark"
260    data-minimize-offset="65">
261
262
263
264
265    <!-- 开始: 菜单 -->
266
267    <!-- Dropdown menu toggle on mobile: c-toggler class can be applied to the link arrow or link itself depending on toggle mode -->
268    <nav class="navbar"
269      style="background-color: white; border-bottom:1px solid #c0c0c0; box-shadow: 0 0 4px 0 rgb(116, 116, 116);">
270      <a class="navbar-brand navbar-logo" href="index.html">
271        <img src="./asset/img/logo/kjoyn-logo.png" alt="">
272      </a>
273      <ul class="nav justify-content-end navbar-menu">
274        <li class="nav-item">
275          <a class="nav-link active" href="/"><span data-i18n="home"></span></a>
276        </li>
277        <li class="nav-item">
278          <a class="nav-link" href="academy"><span data-i18n="academy"></span></a>
279        </li>
280        <li class="nav-item">
281          <a class="nav-link" href="edutrip"><span data-i18n="itineraries"></span></a>
282        </li>
283        <li class="nav-item">
284          <a class="nav-link" href="adventure"><span data-i18n="expedition"></span></a>
285        </li>
286        <li class="nav-item">
287          <a class="nav-link" href="ourService"><span data-i18n="service"></span></a>
288        </li>
289        <li class="nav-item">
290          <a class="nav-link" href="about"><span data-i18n="about"></span></a>
291        </li>
292        <li class="nav-item" id="languageItem"></li>
293      </ul>
294    </nav>
295
296  </header>
297
298
299
300  <!-- 开始:页面内容 -->
301
302
303  <!-- 开始:轮播 -->
304  <div class="c-layout-page" style="margin-top: 60px;">
305    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
306      <ol class="carousel-indicators">
307        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
308        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
309        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
310        <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
311      </ol>
312      <div class="carousel-inner">
313        <div class="carousel-item active">
314          <img src="//www.assets.joyncdn.com/static/kjoyn/images/mainbanner-1.png" class="d-block w-100" alt="JOYN">
315        </div>
316        <div class="carousel-item">
317          <!-- 开始:经典脚印学院课程 -->
318
319          <div class="c-content-box d-block w-100">
320            <img src="./asset/img/images/backgroundImage-5.png" class="d-block w-100" alt="JOYN">
321            <div class="elementor-background-overlay-2"></div>
322            <div class="container">
323              <div class="c-content-team-1-slider">
324
325                <div class="academy-content-frame">
326                  <div class="elementor-background-overlay"></div>
327                  <!-- 开始:热门研学标题 -->
328
329                  <div class="academy-text-frame academy-title container">
330
331                    <p class="academy-line-name col-md-12"><span data-i18n="academyCourses"></span></p>
332
333                    <p class="academy-subline c-margin-t-50 c-margin-b-10 col-md-8"><span
334                        data-i18n="academySubCourses"></span></p>
335
336                    <a href="academy" class="academy-button">
337                      <span class="elementor-button-content-wrapper">
338                        <span class="elementor-button-icon">
339                          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
340                            fill="none">
341                            <path
342                              d="M6.1885 17.2885L5.5 16.6L15.5807 6.5H6.2885V5.5H17.2885V16.5H16.2885V7.20775L6.1885 17.2885Z"
343                              fill="#171717"></path>
344                          </svg> </span>
345                        <span data-i18n="learnMore"></span>
346                      </span>
347                    </a>
348                  </div>
349
350                  <!-- 结束:热门研学标题 -->
351                </div>
352              </div>
353            </div>
354          </div>
355        </div>
356        <!-- 结束:经典脚印学院课程 -->
357        <div class="carousel-item">
358          <img src="//www.assets.joyncdn.com/static/imgs/70/2d/702d900c4554b11.jpg" class="d-block w-100" alt="JOYN">
359        </div>
360        <div class="carousel-item">
361          <img src="//www.assets.joyncdn.com/static/kjoyn/images/kjoyn-banner-1.png" class="d-block w-100" alt="JOYN">
362        </div>
363
364      </div>
365      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
366        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
367        <span class="sr-only">Previous</span>
368      </a>
369      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
370        <span class="carousel-control-next-icon" aria-hidden="true"></span>
371        <span class="sr-only">Next</span>
372      </a>
373    </div>
374
375  </div>
376
377  <!-- 结束:轮播 -->
378
379
380
381  <!-- 开始:三导航 -->
382
383  <div class="c-content-box c-size-md c-bg-white">
384
385    <div class="container">
386
387      <div class="row">
388
389        <div class="col-sm">
390
391          <div class="c-content-feature-1 c-left">
392
393            <a href="academy">
394
395              <div class="c-content-line-icon c-j-icons-100 c-j-icons c-j-i-6"></div>
396
397              <h3 class="c-font-uppercase c-font-bold"><span data-i18n="academy"></span></h3>
398
399              <p class="c-font-thin">高规格团队打造更专业的知识体系、更细致个性化的服务,一路辅导跟随,展现学霸风采</p>
400
401            </a>
402
403          </div>
404
405        </div>
406
407        <div class="col-sm">
408
409          <div class="c-content-feature-1 c-left">
410
411            <a href="edutrip">
412
413              <div class="c-content-line-icon c-j-icons-100 c-j-icons c-j-i-5"></div>
414
415              <h3 class="c-font-uppercase c-font-bold"><span data-i18n="itineraries"></span></h3>
416
417              <p class="c-font-thin">多所海外名校的官方合作项目,入住名校体验、优秀名企访问、多文化多领域的全面接触了解</p>
418
419            </a>
420
421          </div>
422
423        </div>
424
425        <div class="col-sm">
426
427          <div class="c-content-feature-1 c-left">
428
429            <a href="adventure">
430
431              <div class="c-content-line-icon c-j-icons-100 icon-tanxian"></div>
432
433              <h3 class="c-font-uppercase c-font-bold"><span data-i18n="expedition"></span></h3>
434
435              <p class="c-font-thin">多名专业级老师领队,深入世界最自然的高峰、草原、森林,从此人生不留遗憾</p>
436
437            </a>
438
439          </div>
440
441        </div>
442
443        <div class="col-sm">
444
445          <div class="c-content-feature-1 c-left">
446
447            <a href="ourService">
448
449              <div class="c-content-line-icon c-j-icons-100 c-j-icons c-j-i-7"></div>
450
451              <h3 class="c-font-uppercase c-font-bold"><span data-i18n="service"></span></h3>
452
453              <p class="c-font-thin">多名专业级老师领队,深入世界最自然的高峰、草原、森林,从此人生不留遗憾</p>
454
455            </a>
456
457          </div>
458
459        </div>
460
461        <div class="col-sm">
462
463          <div class="c-content-feature-1 c-left">
464
465            <a href="about">
466
467              <div class="c-content-line-icon c-j-icons-100 icon-service"></div>
468
469              <h3 class="c-font-uppercase c-font-bold"><span data-i18n="about"></span></h3>
470
471              <p class="c-font-thin">“脚印”的今天是“脚印”昨天的脚印累积,我们相信梦想是一步一个脚印点燃的,了解更多我们的脚印</p>
472
473            </a>
474
475          </div>
476
477        </div>
478
479      </div>
480
481    </div>
482
483  </div>
484
485  <!-- 结束:三导航 -->
486
487  <!-- 开始:经典脚印学院课程 -->
488  <div class="c-content-box c-size-sm c-bg-grey-6">
489
490    <div class="container">
491
492      <div class="c-content-team-1-slider">
493
494        <div class="academy-content-frame-3">
495
496          <div class="academy-text-frame-h350 academy-title row">
497
498            <div class="col-md-6">
499              <h3 class="academy-line-name-1 col-md-12"><span data-i18n="academyCourses"></span></h3>
500              <p class="academy-subline c-margin-t-50 c-margin-b-10 col-md-12" style="color: #5c6873;"><span
501                  data-i18n="academySubCourses"></span></p>
502              <a href="academy" class="academy-button">
503                <span class="elementor-button-content-wrapper">
504                  <span class="elementor-button-icon">
505                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
506                      <path
507                        d="M6.1885 17.2885L5.5 16.6L15.5807 6.5H6.2885V5.5H17.2885V16.5H16.2885V7.20775L6.1885 17.2885Z"
508                        fill="#171717"></path>
509                    </svg> </span>
510                  <span data-i18n="learnMore"></span>
511                </span>
512              </a>
513            </div>
514            <div class="col-md-auto academy-photowall" id="academy-photowall">
515            </div>
516          </div>
517        </div>
518      </div>
519    </div>
520  </div>
521
522  <!-- 结束:经典脚印学院课程 -->
523
524  <!-- 开始:热门研学 -->
525
526  <div class="c-content-box c-size-sm c-bg-white">
527
528    <div class="container">
529
530      <div class="c-content-team-1-slider">
531
532        <!-- 开始:热门研学标题 -->
533
534        <div class="c-content-title-1 yanxue-title">
535
536          <h3 class="c-center c-font-bold c-font-uppercase"><span data-i18n="itineratyLine"></span></h3>
537
538          <p class="c-center c-margin-t-10 c-margin-b-10"><span data-i18n="itineratySubLine"></p>
539
540        </div>
541
542        <!-- 结束:热门研学标题 -->
543        <div class="yanxue-content-frame">
544          <!-- 开始:热门研学内容 -->
545          <div class="yanxue-text-frame">
546            <div class="c-name c-font-uppercase yanxue-line-name"><span data-i18n="itineratyLine_title"></span></div>
547            <div class="c-position yanxue-line-subname"><span data-i18n="itineratyLine_subtitle"></span></div>
548            <p class="dotdotdot c-font-14 yanxue-line-content">
549              <span data-i18n="itineratyLine_content1"></span>
550            </p>
551            <p class="dotdotdot c-font-14 yanxue-line-content">
552              <span data-i18n="itineratyLine_content2"></span>
553            </p>
554            <p class="dotdotdot c-font-14 yanxue-line-content">
555              <span data-i18n="itineratyLine_content3"></span>
556            </p>
557            <p class="dotdotdot c-font-14 yanxue-line-content">
558              <span data-i18n="itineratyLine_content4"></span>
559            </p>
560            <div class="col-md-12 c-center yanxue-more">
561
562              <a href="edutrip" class="btn c-theme-btn c-btn-border-2x c-btn-square" style="padding: 10px 70px;"><span
563                  data-i18n="lineMore"></span></a>
564
565            </div>
566
567          </div>
568          <div class="yanxue-frame">
569            <a style="width:100%;height:100%;display:block" target="_blank" href="edutrip">
570              <img src="http://www.assets.joyncdn.com/static/kjoyn/images/image-yanxue-1.jpg" alt="JOYN"
571                class="defaultimg-yanxue"></a>
572          </div>
573        </div>
574      </div>
575      <!-- 结束:热门研学内容 -->
576    </div>
577  </div>
578  <!-- 结束:热门研学 -->
579  <!-- 开始:热门探险 -->
580
581  <div class="c-content-box c-size-sm c-bg-grey-6">
582
583    <div class="container">
584
585      <div class="c-content-team-1-slider">
586
587        <!-- 开始:热门探险标题 -->
588
589        <div class="c-content-title-1 yanxue-title">
590
591          <h3 class="c-center c-font-bold c-font-uppercase"><span data-i18n="exploreLine"></span></h3>
592
593          <p class="c-center c-margin-t-10 c-margin-b-10"><span data-i18n="exploreSubLine"></span></p>
594
595        </div>
596
597        <!-- 结束:热门探险标题 -->
598        <!-- 开始:热门探险内容 -->
599        <div class="yanxue-content-frame">
600          <div class="yanxue-frame tanxian-frame">
601            <a style="width:100%;height:100%;display:block" target="_blank" href="adventure">
602              <img src="http://www.assets.joyncdn.com/static/kjoyn/images/tanxian-1.jpg" alt="JOYN"
603                class="defaultimg-yanxue"></a>
604          </div>
605          <div class="tanxian-text-frame">
606            <div class="c-name c-font-uppercase yanxue-line-name"><span data-i18n="exploreLine_title"></span></div>
607            <div class="c-position yanxue-line-subname"><span data-i18n="exploreLine_subtitle"></span></div>
608            <p class="dotdotdot c-font-14 yanxue-line-content">
609              <span data-i18n="exploreLine_content1"></span>
610            </p>
611            <p class="dotdotdot c-font-14 yanxue-line-content">
612              <span data-i18n="exploreLine_content2"></span>
613            </p>
614            <p class="dotdotdot c-font-14 yanxue-line-content">
615              <span data-i18n="exploreLine_content3"></span>
616            </p>
617            <p class="dotdotdot c-font-14 yanxue-line-content">
618              <span data-i18n="exploreLine_content4"></span>
619            </p>
620            <div class="col-md-12 c-center yanxue-more">
621
622              <a href="adventure" class="btn c-theme-btn c-btn-border-2x c-btn-square" style="padding: 10px 70px;"><span
623                  data-i18n="lineMore"></span></a>
624
625            </div>
626
627          </div>
628        </div>
629      </div>
630      <!-- 结束:热门探险内容 -->
631    </div>
632  </div>
633  <!-- 结束:热门探险 -->
634  <!-- 开始:学生感言 -->
635  <div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel">
636    <ol class="carousel-indicators">
637      <li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
638      <li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>
639      <li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>
640      <li data-target="#carouselExampleIndicators1" data-slide-to="3"></li>
641      <li data-target="#carouselExampleIndicators1" data-slide-to="4"></li>
642      <li data-target="#carouselExampleIndicators1" data-slide-to="5"></li>
643      <li data-target="#carouselExampleIndicators1" data-slide-to="6"></li>
644      <li data-target="#carouselExampleIndicators1" data-slide-to="7"></li>
645      <li data-target="#carouselExampleIndicators1" data-slide-to="8"></li>
646      <li data-target="#carouselExampleIndicators1" data-slide-to="9"></li>
647      <li data-target="#carouselExampleIndicators1" data-slide-to="10"></li>
648      <li data-target="#carouselExampleIndicators1" data-slide-to="11"></li>
649      <li data-target="#carouselExampleIndicators1" data-slide-to="12"></li>
650      <li data-target="#carouselExampleIndicators1" data-slide-to="13"></li>
651      <li data-target="#carouselExampleIndicators1" data-slide-to="14"></li>
652      <li data-target="#carouselExampleIndicators1" data-slide-to="15"></li>
653    </ol>
654    <div class="carousel-inner row justify-content-md-center"
655      style="height: 400px; display: block; background-image: url(./asset/img/content/backgrounds/bg-51.jpg);">
656      <div class="carousel-item active c-comment-item">
657
658        <div class="c-content c-font-14 c-font-white c-margin-t-20">
659
660          女儿在今天的日记中写道“S. Chu allowed us to visit because we are the new generation. How many people could
661
662          have a chance like that? I was lucky!”你们的付出孩子们已经感受到了。
663
664        </div>
665        <div class="c-person c-person--inline-center">
666          <img data-src="./asset/img/images/country/cn.png" class="img-country lazy"
667            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
668          <div class="c-person-detail c-font-uppercase">
669            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name1"></span></h4>
670          </div>
671        </div>
672      </div>
673      <div class="carousel-item c-comment-item">
674
675
676        <div class="c-content c-font-14 c-font-white c-margin-t-20">
677
678          With the wind of freedom, we arrived at Stanford University in San Francisco on July 19th. I was
679
680          attracted by the deep blue sky and the soaring church when I left my first sight on it. I
681
682          realized that I was on another world where I always dreams of. Think through the classes I had
683
684          at Stanford, a crucial thought came into my mind—don’t be afraid of attaining what you struggle
685
686          for. If you ask what I could get from this trip, the answer is in the sound of the silent。
687          <br />
688          (乘着自由之风,我们在7月19日抵达了旧金山的斯坦福大学。从第一眼见到那深邃的蓝天和高耸的教堂尖顶起,我便被深深吸引。我意识到,自己已踏入梦寐以求的另一个世界。
689
690          回想在斯坦福的课程,一个重要的想法浮现在脑海:不要畏惧去实现你奋斗追求的事物。若问此行我获得了什么,答案就在那寂静之声中。)
691
692        </div>
693        <div class="c-person c-person--inline-center">
694          <img data-src="./asset/img/images/country/cn.png" class="img-country lazy"
695            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
696          <div class="c-person-detail c-font-uppercase">
697            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name2"></span></h4>
698          </div>
699
700        </div>
701      </div>
702      <div class="carousel-item c-comment-item">
703
704
705        <div class="c-content c-font-14 c-font-white c-margin-t-20">
706
707          十分感谢博士一路上的陪伴,一路上你的讲解还有在斯坦福讲的对梦想的解读还有你的人生经历分享,都让我受益匪浅。上不同行业的课,了解完这方面的精英对各行业的看法,这些对于我这个还未明确未来方向的人真是precious
708
709          experiences。<br />
710          (Thank you so much, Dr., for your companionship throughout the journey. Your explanations, your insights on
711          dreams shared at Stanford, and the life experiences you've offered have all been immensely beneficial to me.
712          Attending classes across different industries and learning from elites about their perspectives on various
713          fields—these have truly been precious experiences for someone like me who hasn’t yet defined a clear direction
714          for the future.)
715
716        </div>
717        <div class="c-person c-person--inline-center">
718          <img data-src="./asset/img/images/country/cn.png" class="img-country lazy"
719            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
720          <div class="c-person-detail c-font-uppercase">
721
722            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name3"></span></h4>
723
724          </div>
725
726        </div>
727      </div>
728      <div class="carousel-item c-comment-item">
729
730
731        <div class="c-content c-font-14 c-font-white c-margin-t-20">
732
733          更让我印象深刻的是,有那么多比我更有天赋的人都比我要努力。我即将面对的是人人形容猛如虎的高三,我想在斯坦福学到的认真与努力应该会让我能更好地在高考这场战役中坚持下去。就像陈晟博士给的箴言,Seize
734
735          the day and cherish your time。共勉。
736          <br />
737          (What impressed me even more was seeing so many people more talented than me, yet working even harder. I am
738          about to face the notoriously intense final year of high school, often described as fiercely challenging. I
739          believe the dedication and diligence I learned at Stanford will help me persevere through the crucial battle
740          of the college entrance examination. Just as Dr. Chen Shen’s adage goes: "Seize the day and cherish your
741          time." Let this be an encouragement to us all.)
742
743        </div>
744        <div class="c-person c-person--inline-center">
745          <img data-src="./asset/img/images/country/cn.png" class="img-country lazy"
746            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
747          <div class="c-person-detail c-font-uppercase">
748            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name4"></span></h4>
749          </div>
750        </div>
751      </div>
752
753      <div class="carousel-item c-comment-item">
754
755
756        <div class="c-content c-font-14 c-font-white c-margin-t-20">
757
758          纽约大都会博物馆的“丝绸之路”展览让我震撼——文明从来在交融中闪耀。陈博士在哥伦比亚大学咖啡厅对我们说:“你们要做的不是选择一条路,而是搭建桥梁。”这句话将成为我文书的核心主题。
759          <br />
760          (The "Silk Road" exhibition at the Metropolitan Museum of Art in New York left me in awe—civilizations have
761          always gleamed through exchange. Dr. Chen said to us in a café at Columbia University, "What you should do is
762          not choose a path, but build bridges." This quote will become the core theme of my application essay.)
763        </div>
764        <div class="c-person c-person--inline-center">
765          <img data-src="./asset/img/images/country/hk.png" class="img-country lazy"
766            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
767          <div class="c-person-detail c-font-uppercase">
768            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name5"></span></h4>
769          </div>
770        </div>
771      </div>
772
773      <div class="carousel-item c-comment-item">
774        <img data-src="./asset/img/images/feedback-1.jpg" class="img-content-responsive lazy"
775          src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
776
777        <div class="c-person c-person--inline-center">
778
779          <img data-src="./asset/img/images/country/au.png" class="img-country lazy"
780            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
781
782          <div class="c-person-detail c-font-uppercase">
783
784            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name6"></span></h4>
785
786          </div>
787
788        </div>
789      </div>
790      <div class="carousel-item c-comment-item">
791        <img data-src="./asset/img/images/feedback-6.jpg" class="img-content-responsive lazy"
792          src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
793        <div class="c-person c-person--inline-center">
794
795          <img data-src="./asset/img/images/country/au.png" class="img-country lazy"
796            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
797
798          <div class="c-person-detail c-font-uppercase">
799
800            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name7"></span></h4>
801
802          </div>
803
804        </div>
805
806      </div>
807      <div class="carousel-item c-comment-item">
808        <img data-src="./asset/img/images/feedback-3.jpg" class="img-content-responsive lazy"
809          src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
810        <div class="c-person c-person--inline-center">
811
812          <img data-src="./asset/img/images/country/sg.png" class="img-country lazy"
813            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
814
815          <div class="c-person-detail c-font-uppercase">
816
817            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name8"></span></h4>
818
819          </div>
820
821        </div>
822
823      </div>
824      <div class="carousel-item c-comment-item">
825        <img data-src="./asset/img/images/feedback-4.jpg" class="img-content-responsive lazy"
826          src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
827
828        <div class="c-person c-person--inline-center">
829
830          <img data-src="./asset/img/images/country/nz.png" class="img-country lazy"
831            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
832
833          <div class="c-person-detail c-font-uppercase">
834
835            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name9"></span></h4>
836
837          </div>
838        </div>
839
840      </div>
841      <div class="carousel-item c-comment-item">
842        <img data-src="./asset/img/images/feedback-5.jpg" class="img-content-responsive lazy"
843          src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
844        <div class="c-person c-person--inline-center">
845
846          <img data-src="./asset/img/images/country/tw-1.png" class="img-country lazy"
847            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
848
849          <div class="c-person-detail c-font-uppercase">
850
851            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name10"></span></h4>
852
853          </div>
854
855        </div>
856      </div>
857      <div class="carousel-item c-comment-item">
858
859
860        <div class="c-content c-font-14 c-font-white c-margin-t-20">
861
862          ウォール街でアナリストから「グローバル市場で勝つには多様性理解が不可欠」と聞いた時、ハーバードの多文化ディスカッションで感じた居心地の悪さの意味がようやく分かりました。陳博士、異文化の摩擦を価値に変える方法を教えてくださり、ありがとうございます。
863          <br />
864          (在华尔街听分析师说“要在全球市场胜出必须理解多样性”时,我终于懂了在哈佛多元文化讨论中感受到的那些不适意味着什么。感谢陈博士教会我将文化摩擦转化为价值的方法。)<br />
865          (When an analyst on Wall Street
866          told me, "Understanding diversity is essential to winning in the global market," I finally grasped the meaning
867          of the discomfort I had felt during multicultural discussions at Harvard. Dr. Chen, thank you for teaching me
868          how to transform cultural friction into value.)
869        </div>
870        <div class="c-person c-person--inline-center">
871          <img data-src="./asset/img/images/country/jp.png" class="img-country lazy"
872            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
873          <div class="c-person-detail c-font-uppercase">
874            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name11"></span></h4>
875          </div>
876        </div>
877      </div>
878
879      <div class="carousel-item c-comment-item">
880
881
882        <div class="c-content c-font-14 c-font-white c-margin-t-20">
883
884          맨해튼에서 자금 조달을 논의하는 스타트업 회의실에 동행했을 때, 실제로 다양한 액센트의 영어가 오가는 것을 보고 ‘글로벌 역량’의 의미를 깨달았습니다. 진 박사님께서는 저녁마다 우리의 문화적 관찰을
885          학문적 프레임으로 연결지어 주셨습니다.
886          <br />
887          (当我随同参加曼哈顿的初创企业融资会è®
887®ï¼Œå¬åˆ°å„种口音的英语交锋时,真正明白了“全球能力”的意义。陈博士每晚都会将我们的文化观察与学术框架联结起来。)<br />
888          (When accompanying me to a startup meeting room in Manhattan where funding discussions were taking place, I
889          witnessed firsthand the exchange of English spoken in diverse accents, and truly grasped the meaning of
890          "global competence." Dr. Chen, every evening, you helped us connect our cultural observations to an academic
891          framework.)
892        </div>
893        <div class="c-person c-person--inline-center">
894          <img data-src="./asset/img/images/country/kr.png" class="img-country lazy"
895            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
896          <div class="c-person-detail c-font-uppercase">
897            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name12"></span></h4>
898          </div>
899        </div>
900      </div>
901
902      <div class="carousel-item c-comment-item">
903
904
905        <div class="c-content c-font-14 c-font-white c-margin-t-20">
906
907          En el observatorio de Columbia University, astrónomos de tres continentes explicaron cómo colaboran. Esa
908          noche, el Dr. Chen nos dijo: "El conocimiento ya no tiene fronteras, como el dinero." Decidí postular a
909          programas interdisciplinarios que unan finanzas y cooperación científica.
910          <br />
911          (在哥伦比亚大学天文台,来自三大洲的天文学家讲解他们如何协作。那晚陈博士说:“知识已如资本般无国界。”我决定申请结合金融与科学合作的跨学科项目。)<br />
912          (At the observatory of Columbia University, astronomers from three continents explained how they collaborate.
913          That night, Dr. Chen told us, "Knowledge no longer has borders, just like money." I resolved to apply to
914          interdisciplinary programs that combine finance and scientific cooperation.)
915        </div>
916        <div class="c-person c-person--inline-center">
917          <img data-src="./asset/img/images/country/cl.png" class="img-country lazy"
918            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
919          <div class="c-person-detail c-font-uppercase">
920            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name13"></span></h4>
921          </div>
922        </div>
923      </div>
924
925      <div class="carousel-item c-comment-item">
926
927
928        <div class="c-content c-font-14 c-font-white c-margin-t-20">
929
930          La visita al MIT Media Lab fue un punto de inflexión. Mi hijo entendió que la tecnología de punta se nutre de
931          equipos multiculturales. Agradezco al Dr. Chen por organizar un diálogo con una investigadora argentina allí.
932          Esa conversación dio dirección a su curiosidad.
933          <br />
934          (参观麻省理工学院媒体实验室是一个转折点。我的儿子明白了尖端科技的进步源于多元文化团队的合作。感谢陈博士在那里安排了一场与阿根廷研究员的对话——那次谈话为他的好奇心指明了方向。)<br />
935          (The visit to the MIT Media Lab was an eye-opener. My son realized that cutting-edge technology thrives on
936          multicultural teams.
937          I’m grateful to Dr. Chen for arranging a dialogue with an Argentine researcher there. That conversation
938          pointed his curiosity in a clear direction.)
939        </div>
940        <div class="c-person c-person--inline-center">
941          <img data-src="./asset/img/images/country/ar.png" class="img-country lazy"
942            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
943          <div class="c-person-detail c-font-uppercase">
944            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name14"></span></h4>
945          </div>
946        </div>
947      </div>
948
949      <div class="carousel-item c-comment-item">
950
951
952        <div class="c-content c-font-14 c-font-white c-margin-t-20">
953
954          प्रिंस्टन में ‘क्रॉस-कल्चरल लीडरशिप’ कार्यशाला में, मैंने एशियाई मूल के छात्रों के साथ सांस्कृतिक अंतर की
955          चुनौतियों पर चर्चा की। डॉ. चेन ने हमें दिखाया कि इन चुनौतियों को पेशेवर ताकत में कà¥
955ˆà¤¸à¥‡ बदलें। अब मैं बिजनेस
956          एडमिनिस्ट्रेशन में विशेषज्ञता लूंगा。
957          <br />
958          (在普林斯顿大学“跨文化领导力”工作坊中,我与亚裔学生共同探讨了文化差异带来的挑战。陈博士向我们展示了如何将这些挑战转化为职业优势。如今,我决定在工商管理领域深耕发展。)<br />
959          (During the "Cross-Cultural Leadership" workshop at Princeton, I discussed the challenges of cultural
960          differences with students of Asian heritage. Dr. Chen showed us how to turn these challenges into professional
961          strengths. I will now specialize in Business Administration.)
962        </div>
963        <div class="c-person c-person--inline-center">
964          <img data-src="./asset/img/images/country/in.png" class="img-country lazy"
965            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
966          <div class="c-person-detail c-font-uppercase">
967            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name15"></span></h4>
968          </div>
969        </div>
970      </div>
971
972      <div class="carousel-item c-comment-item">
973
974
975        <div class="c-content c-font-14 c-font-white c-margin-t-20">
976
977          После посещения лаборатории искусственного интеллекта в Стэнфорде, мой сын целую неделю анализировал, как
978          российские алгоритмические подходы могут интегрироваться в американские стартапы. Доктор Чен организовал
979          встречу с выпускником МГУ, который работает в Кремниевой долине. Это вдохновение бесценно.
980          <br />
981          (参观斯坦福大学人工智能实验室后,我儿子花了整整一周时间分析俄罗斯算法思路如何融入美国初创企业。陈博士安排了一位在硅谷工作的莫斯科国立大学校友与他交流,这份启迪无比珍贵。)<br />
982          (After visiting the Artificial Intelligence Laboratory at Stanford, my son spent a whole week analyzing how
983          Russian algorithmic approaches could integrate into American startups. Dr. Chen arranged a meeting with an MSU
984          graduate working in Silicon Valley. This inspiration is truly invaluable.)
985        </div>
986        <div class="c-person c-person--inline-center">
987          <img data-src="./asset/img/images/country/ru.png" class="img-country lazy"
988            src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
989          <div class="c-person-detail c-font-uppercase">
990            <h4 class="c-name c-font-16 c-font-white"><span data-i18n="commit_name16"></span></h4>
991          </div>
992        </div>
993      </div>
994    </div>
995    <a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev">
996      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
997      <span class="sr-only">Previous</span>
998    </a>
999    <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next">
1000      <span class="carousel-control-next-icon" aria-hidden="true"></span>
1001      <span class="sr-only">Next</span>
1002    </a>
1003  </div>
1004
1005
1006  <!-- 结束:学生感言 -->
1007
1008
1009
1010  <!-- 开始:我们的优势 -->
1011
1012  <div class="c-content-box c-size-md c-bg-white">
1013
1014    <div class="container">
1015
1016      <!-- 开始:优势标题 -->
1017
1018      <div class="c-content-title-1">
1019
1020        <h3 class="c-center c-font-uppercase c-font-bold"><span data-i18n="ourAdvantages"></span></h3>
1021
1022      </div>
1023
1024      <!-- 结束:优势标题 -->
1025
1026      <div class="row c-margin-t-60">
1027
1028        <div class="col-sm-3">
1029
1030          <div class="c-content-j c-center">
1031
1032            <div class="c-content-line-icon c-j-icons c-j-i-1"></div>
1033
1034            <h3 class="c-font-uppercase c-font-bold"><span data-i18n="ourAdvantagesTitle1"></span></h3>
1035
1036            <p class="c-font-thin c-font-14"><span data-i18n="ourAdvantagesTitleSub1"></span></p>
1037
1038          </div>
1039
1040        </div>
1041
1042        <div class="col-sm-3">
1043
1044          <div class="c-center">
1045
1046            <div class="c-content-line-icon c-j-icons c-j-i-2"></div>
1047
1048            <h3 class="c-font-uppercase c-font-bold"><span data-i18n="ourAdvantagesTitle2"></span></h3>
1049
1050            <p class="c-font-thin c-font-14"><span data-i18n="ourAdvantagesTitleSub2"></span></p>
1051
1052          </div>
1053
1054        </div>
1055
1056        <div class="col-sm-3 c-card">
1057
1058          <div class="c-center">
1059
1060            <div class="c-content-line-icon c-j-icons c-j-i-3"></div>
1061
1062            <h3 class="c-font-uppercase c-font-bold"><span data-i18n="ourAdvantagesTitle3"></span></h3>
1063
1064            <p class="c-font-thin c-font-14"><span data-i18n="ourAdvantagesTitleSub3"></span></p>
1065
1066          </div>
1067
1068        </div>
1069
1070        <div class="col-sm-3 c-card">
1071
1072          <div class="c-center">
1073
1074            <div class="c-content-line-icon c-j-icons c-j-i-4"></div>
1075
1076            <h3 class="c-font-uppercase c-font-bold"><span data-i18n="ourAdvantagesTitle4"></span></h3>
1077
1078            <p class="c-font-thin c-font-14"><span data-i18n="ourAdvantagesTitleSub4"></span></p>
1079
1080          </div>
1081
1082        </div>
1083
1084      </div>
1085
1086
1087
1088    </div>
1089
1090
1091
1092  </div>
1093
1094  <!-- 开始:我们的优势 -->
1095
1096
1097
1098  <div class="c-content-box">
1099
1100    <div class="container teambg lazy" data-src="./asset/img/content/banners/ourteams-3.jpg">
1101
1102    </div>
1103
1104  </div>
1105
1106
1107
1108  </div>
1109
1110  <div class="c-layout-joyn"></div>
1111
1112  <!--<div class="c-joyn hidden-xs">-->
1113
1114  <!--  <div class="c-joyn-header">-->
1115
1116  <!--    <h4>最新脚印</h4>-->
1117
1118  <!--    <span class="joyn-colse"><i class="joyn-icon close"></i></span>-->
1119
1120  <!--  </div>-->
1121
1122  <!--  <div class="c-joyn-body">-->
1123
1124  <!--    <div  id="articles">-->
1125
1126  <!--      <audio id="audio" style="display: none;"></audio>-->
1127
1128  <!--    </div>-->
1129
1130  <!--    <div id="statusFooter"></div>-->
1131
1132  <!--  </div>-->
1133
1134
1135
1136
1137
1138
1139
1140  <!-- 结束:页面内容 -->
1141
1142  <!-- 开始:页尾 -->
1143
1144  <a name="footer"></a>
1145  <!-- 页脚 -->
1146  <footer class="c-layout-footer c-layout-footer-3 c-bg-dark">
1147    <div class="c-prefooter">
1148      <div class="container-fluid c-margin-t-30">
1149        <div class="row">
1150          <div class="col-md-3 col-sm-12">
1151            <div class="c-container c-first">
1152              <div class="c-content-title-1">
1153                <img class="lazy" data-src="http://www.assets.joyncdn.com/static/assets/base/img/logos/logo-zh-80.png"
1154                  alt="JOYN" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
1155                <p class="c-text c-font-grey-5" data-i18n="footer_slogan">梦想是一步一个脚印点燃的!</p>
1156              </div>
1157            </div>
1158          </div>
1159          <div class="col-md-2 col-sm-12">
1160            <div class="c-container">
1161              <div class="c-content-title-1">
1162                <h4 class="c-font-uppercase c-font-white" data-i18n="footer_service_academy">我们的服务</h4>
1163                <div class="c-line-left hide"></div>
1164              </div>
1165              <ul class="c-links">
1166                <li><a href="academy.html" data-i18n="footer_service_academy">脚印学院</a></li>
1167                <li><a href="itineraries.html" data-i18n="footer_service_itineraries">脚印研学</a></li>
1168                <li><a href="adventure.html" data-i18n="footer_service_expedition">脚印探险</a></li>
1169              </ul>
1170            </div>
1171          </div>
1172          <div class="col-md-2 col-sm-12">
1173            <div class="c-container">
1174              <div class="c-content-title-1">
1175                <h4 class="c-font-uppercase c-font-white" data-i18n="footer_about_join">了解与加入</h4>
1176                <div class="c-line-left hide"></div>
1177              </div>
1178              <ul class="c-links">
1179                <li><a href="about.html" data-i18n="footer_about"></a></li>
1180                <li><a href="about.html" data-i18n="footer_team"></a></li>
1181                <li><a href="about.html" data-i18n="footer_contact"></a></li>
1182              </ul>
1183            </div>
1184          </div>
1185          <div class="col-md-3 col-sm-12">
1186            <div class="c-container">
1187              <ul class="c-links">
1188                <li>
1189                  <p class="c-font-uppercase"><i class="fa fa-envelope-o c-font-16"></i>&nbsp;&nbsp;<span
1190                      data-i18n="footer_email_general">[email protected]</span></p>
1191                </li>
1192              </ul>
1193            </div>
1194          </div>
1195        </div>
1196      </div>
1197    </div>
1198    <div class="c-postfooter">
1199      <div class="container-fluid">
1200        <div class="row">
1201          <div class="col-md-12 c-col c-center">
1202            <p class="c-copyright c-font-grey">
1203              <a href="http://www.beian.miit.gov.cn" target="_blank" style="color: white; line-height: 10px;"
1204                data-i18n="footer_copyright">
1205                脚印公司 © 版权所有&nbsp;&nbsp;沪ICP备11031312号
1206              </a>
1207            </p>
1208          </div>
1209        </div>
1210      </div>
1211    </div>
1212  </footer>
1213  <!-- 结束:页尾 -->
1214
1215  <!-- 开始:快速回到页首 -->
1216  <div class="c-layout-go2top" style="display: none;">
1217    <i class="icon-arrow-up"></i>
1218  </div>
1219
1220  <!-- 结束:快速回到页首 -->
1221
1222
1223
1224  <!--[if lt IE 9]>
1225
1226      
1226<script src="http://demo.joyn.cn/themes/jango/theme/assets/global/plugins/excanvas.min.js"></script>
1226 
1227
1228      <![endif]-->
1229  
1229<script src="//www.assets.joyncdn.com/static/js/jquery-3.7.1.min.js"></script>
1229
1230
1231
1232  
1232<script src="./asset/plugins/bootstrap-4.6.2-dist/js/bootstrap.min.js"></script>
1232
1233
1234  
1234<script src="//lib.baomitu.com/jquery-migrate/1.4.1/jquery-migrate.min.js"></script>
1234
1235
1236  
1236<script src="./asset/js/jquery.easing.min.js"></script>
1236
1237
1238  
1238<script src="//www.assets.joyncdn.com/static/assets/plugins/reveal-animate/wow.js" type="text/javascript"></script>
1238
1239
1240  
1240<script src="//www.assets.joyncdn.com/static/assets/css/default/js/scripts/reveal-animate/reveal-animate.js"
1241    type="text/javascript"></script>
1241
1242
1243  <!-- END: CORE PLUGINS -->
1244
1245  <!-- BEGIN: LAYOUT PLUGINS -->
1246
1247  
1247<script src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/jquery.themepunch.tools.min.js"
1248    type="text/javascript"></script>
1248
1249
1250  
1250<script src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/jquery.themepunch.revolution.min.js"
1251    type="text/javascript"></script>
1251
1252
1253  
1253<script
1254    src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.slideanims.min.js"
1255    type="text/javascript"></script>
1255
1256
1257  
1257<script
1258    src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.layeranimation.min.js"
1259    type="text/javascript"></script>
1259
1260
1261  
1261<script
1262    src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.navigation.min.js"
1263    type="text/javascript"></script>
1263
1264
1265  
1265<script
1266    src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.video.min.js"
1267    type="text/javascript"></script>
1267
1268
1269  
1269<script
1270    src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.parallax.min.js"
1271    type="text/javascript"></script>
1271
1272
1273  
1273<script
1274    src="//www.assets.joyncdn.com/static/assets/plugins/revo-slider/js/extensions/revolution.extension.actions.min.js"
1275    type="text/javascript"></script>
1275
1276
1277  <!--script src="/static/assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
1277-->
1278
1279  
1279<script src="//www.assets.joyncdn.com/static/js/plugins/owl-carousel/owl.carousel.min.js"
1280    type="text/javascript"></script>
1280
1281
1282
1283
1284  <!--
1284<script src="/static/assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
1284 -->
1285  
1285<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
1285
1286  
1286<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
1286
1287  
1287<script src="//cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.4/js.cookie.min.js"></script>
1287
1288  
1288<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
1288
1289  
1289<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/2.2.0/jquery.smooth-scroll.min.js"></script>
1289
1290  
1290<script src="//www.assets.joyncdn.com/static/assets/plugins/counterup/jquery.counterup.min.js"
1291    type="text/javascript"></script>
1291
1292
1293
1294
1295  <!--
1295<script src="http://www.assets.joyncdn.comassets/plugins/smooth-scroll/jquery.smooth-scroll.js" type="text/javascript"></script>
1295
1296
1297      -->
1298
1299
1300
1301  
1301<script src="//www.assets.joyncdn.com/static/assets/plugins/typed/typed.min.js" type="text/javascript"></script>
1301
1302
1303  
1303<script src="//www.assets.joyncdn.com/static/assets/plugins/slider-for-bootstrap/js/bootstrap-slider.js"
1304    type="text/javascript"></script>
1304
1305
1306
1307
1308  
1308<script src="//www.assets.joyncdn.com/static/js/plugins/jquery.lazy/jquery.lazy.min.js"></script>
1308
1309
1310
1311
1312  
1312<script src="./asset/js/jquery.dotdotdot.js"></script>
1312
1313
1314  
1314<script src="//www.assets.joyncdn.com/static/js/plugins/bigpicture/BigPicture.js"></script>
1314
1315
1316  
1316<script src="//www.assets.joyncdn.com/static/js/plugins/timeago/timeago.js"></script>
1316
1317
1318
1319
1320  <!-- END: LAYOUT PLUGINS -->
1321
1322  <!-- BEGIN: THEME SCRIPTS -->
1323
1324  
1324<script src="//www.assets.joyncdn.com/static/assets/base/js/components.js" type="text/javascript"></script>
1324
1325
1326  <!--
1326<script src="/static/assets/base/js/components-shop.js" type="text/javascript"></script>
1326-->
1327
1328  
1328<script src="//www.assets.joyncdn.com/static/assets/base/js/app.js" type="text/javascript"></script>
1328
1329  
1329<script src="./asset/js/i18next.min.js"></script>
1329
1330  
1330<script src="./asset/js/jquery-i18next.min.js"></script>
1330
1331  
1331<script src="./asset/js/i18nextHttpBackend.min.js"></script>
1331
1332
1333  
1333<script src="./asset/js/i18nextBrowserLanguageDetector.min.js"></script>
1333
1334
1335  
1335<script>
1336
1337    $(document).ready(function () {
1338
1339      App.init();
1340
1341      $('.lazy').lazy();
1342
1343
1344
1345    });
1346
1347  </script>
1347
1348  
1348<script>
1349
1350    var Language;
1351    let languageData = localStorage.getItem('web_language');
1352    var htmlString;
1353    if (languageData == null) {
1354      Language = "zh";
1355      localStorage.setItem('web_language', Language);
1356    } else {
1357      Language = languageData;
1358    }
1359    if (Language == "zh") {
1360      htmlString = `<div class="language-select-wrapper">
1361    <img class="language-icon" src="./asset/img/images/country/cn.png" id="currentIcon"/>
1362
1363    <select name="language" id="language" class="form-control" style="font-size: .875rem;">
1364        <option id="zh" value="中文" selected data-i18n="zh">中文</option>
1365        <option id="en" value="ENG" data-i18n="en">ENG</option>
1366    </select>
1367</div>`;
1368    } else if (languageData == "en") {
1369      htmlString = `<div class="language-select-wrapper">
1370    <img class="language-icon" src="./asset/img/images/country/gb.png" id="currentIcon"/>
1371    <select name="language" id="language" class="form-control" style="font-size: .875rem;">
1372        <option id="en" value="ENG" selected data-i18n="en">ENG</option>
1373        <option id="zh" value="中文" data-i18n="zh">中文</option>  
1374    </select>
1375</div>`;
1376    }
1377    // 更新图标函数
1378    function updateLanguageIcon() {
1379      const languageSelect = document.getElementById('language');
1380      const currentIcon = document.getElementById('currentIcon');
1381
1382      if (!languageSelect || !currentIcon) return;
1383
1384      const selectedOption = languageSelect.options[languageSelect.selectedIndex];
1385      const iconClass = selectedOption.getAttribute('id');
1386
1387
1388      currentIcon.src = iconClass === "zh" ? "./asset/img/images/country/cn.png" : "./asset/img/images/country/gb.png";
1389
1390    }
1391    const container = document.getElementById('languageItem');
1392    container.innerHTML = htmlString;
1393    if (Language == "zh") {
1394      var htmlString = `
1395            <img class="img1" src="./asset/img/images/Watermarked_20230512_150400_CN(1).jpg" height="160" width="150" alt="">
1396                <img class="img2" src="./asset/img/images/Watermarked_DSC08418_CN(1).jpg" height="150" width="180" alt="">
1397                <img class="img3" src="./asset/img/images/Watermarked_DSC04422_CN.jpg" height="170" width="200" alt="">
1398                <img class="img4" src="./asset/img/images/picture06.png" height="124" width="120" alt="">
1399                <img class="img5" src="./asset/img/images/Watermarked_Uhlruch_von_Hutten_CN.png" height="130" width="90" alt="">
1400            `;
1401      const container1 = document.getElementById('academy-photowall');
1402      container1.innerHTML = htmlString;
1403    } else {
1404      var htmlString = `
1405            <img class="img1" src="./asset/img/images/Watermarked_20230512_150400_EN(1).jpg" height="160" width="150" alt="">
1406                <img class="img2" src="./asset/img/images/Watermarked_DSC08418_EN(1).jpg" height="150" width="180" alt="">
1407                <img class="img3" src="./asset/img/images/Watermarked_DSC04422_EN.jpg" height="170" width="200" alt="">
1408                <img class="img4" src="./asset/img/images/picture06.png" height="124" width="120" alt="">
1409                <img class="img5" src="./asset/img/images/Watermarked_Uhlruch_von_Hutten_EN.png" height="130" width="90" alt="">
1410            `;
1411      const container1 = document.getElementById('academy-photowall');
1412      container1.innerHTML = htmlString;
1413    }
1414    i18nextInit(Language)
1415    function i18nextInit() {
1416      i18next
1417        .use(i18nextBrowserLanguageDetector)
1418        .use(i18nextHttpBackend)
1419        .init(
1420          {
1421            debug: false,
1422            lng: Language,
1423            fallbackLng: Language,
1424            load: Language,
1425            backend: {
1426              loadPath: Language == "zh" ? 'lang/en.json' : 'lang/zh.json',
1427            }
1428          },
1429          function (err, t) {
1430            jqueryI18next.init(i18next, $, { useOptionsAttr: true });
1431            $("body").localize();
1432          }
1433        );
1434    }
1435
1436    $('#language').on('click', function (e) {
1437      var selectedOptionId = $(this).children("option:selected").attr("id");
1438      // 存储数据
1439      localStorage.setItem('web_language', selectedOptionId);
1440      if (selectedOptionId == "zh" || selectedOptionId == "en") {
1441        Language = selectedOptionId;
1442        // 更新图标
1443        updateLanguageIcon();
1444        i18next.changeLanguage(Language, (err, t) => {
1445          i18nextInit(Language)
1446          if (err) return console.log('something went wrong loading', err);
1447          t('key'); // -> same as i18next.t
1448        });
1449      }
1450
1451    })
1452
1453  </script>
1453
1454
1455  
1455<script>
1456
1457
1458
1459    // 手机模式
1460
1461    $('.c-layout-header').on('click', '.c-hor-nav-toggler', function (e) {
1462
1463      e.preventDefault();
1464
1465      e.stopPropagation();
1466
1467
1468
1469      if ($('body').hasClass("c-layout-quick-sidebar-shown ")) {
1470
1471        $('body').removeClass("c-layout-quick-sidebar-shown ");
1472
1473      } else {
1474
1475        $('body').addClass("c-layout-quick-sidebar-shown ");
1476
1477      }
1478
1479    });
1480
1481    // 点击空白处  消失
1482
1483    $(document).on('click', '.c-layout-quick-sidebar-shown', function (e) {
1484
1485      $(this).removeClass("c-layout-quick-sidebar-shown ");
1486
1487    });
1488
1489
1490
1491    $(function () {
1492
1493      // When a submenu link is clicked
1494
1495      jQuery('[data-toggle="nav-submenu"]').on('click', function (e) {
1496
1497        // Get link
1498
1499        var $link = jQuery(this);
1500
1501        console.log($link);
1502
1503        // Get link's parent
1504
1505        var $parentLi = $link.parent('li');
1506
1507        if ($parentLi.hasClass('open')) { // If submenu is open, close it..
1508
1509          $parentLi.removeClass('open');
1510
1511          $link.children('span').attr("class", "fa fa-plus c-padding-10");
1512
1513        } else { // .. else if submenu is closed, close all other (same level) submenus first before open it
1514
1515          $link
1516
1517            .closest('ul')
1518
1519            .find('> li')
1520
1521            .removeClass('open');
1522
1523
1524
1525          $parentLi
1526
1527            .addClass('open');
1528
1529
1530
1531          $link
1532
1533            .closest('ul')
1534
1535            .find('> li>a>span')
1536
1537            .attr("class", "fa fa-plus c-padding-10");
1538
1539
1540
1541          $link.children('span').attr("class", "fa fa-minus c-padding-10");
1542
1543        }
1544
1545        return false;
1546
1547      });
1548
1549    });
1550
1551  </script>
1551
1552
1553
1554
1555  
1555<script>
1556
1557    has_next = false;
1558
1559    page = 1;
1560
1561    stopScroll = true;
1562
1563
1564
1565    $(".dotdotdot").dotdotdot({
1566
1567      height: 80,
1568
1569      truncate: "letter",
1570
1571    });
1572
1573    $(".title-dotdotdot").dotdotdot({
1574
1575      height: 20,
1576
1577      truncate: "letter",
1578
1579    });
1580
1581
1582
1583    $(".c-layout-joyn").click(function () {
1584
1585      if ($(window).width() <= 767) {
1586
1587        window.location.href = "/app/articles";
1588
1589      } else {
1590
1591        $(".c-joyn").toggle("normal");
1592
1593      }
1594
1595
1596
1597    })
1598
1599    $('.c-owl-carousel').owlCarousel({
1600
1601      mouseDrag: false,
1602
1603      dots: true,
1604
1605      loop: true,
1606
1607      autoplay: true,
1608
1609      autoplayTimeout: 3000,
1610
1611      autoplayHoverPause: true,
1612
1613      items: 1
1614
1615    });
1616
1617  </script>
1617
1618
1619
1620
1621
1622
1623</body>
1624
1625
1626
1627</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.