PageSourceSearch

https://www.lighthousecamps.com/about-us-38364260442510520497

html lighthousecamps.com collected 2026-10-02 00:31:04 UTC 174,871 bytes, 4,263 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3
4<head>
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta charset="utf-8">
7    <link rel="stylesheet" href="/themes/serene/assets/css/styles.css?a19eaddb624b7505f16cc3c8d41531c7" />
8    <title>About Us 關於我們 - Lighthouse Camps</title>
9<meta property="og:title" content="About Us 關於我們 - Lighthouse Camps">
10<meta name="twitter:title" content="About Us 關於我們 - Lighthouse Camps">
11<meta property="og:site_name" content="Lighthouse Camps">
12<link rel="icon" href="/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/favicon.ico">
13<link rel="apple-touch-icon" href="https://www.lighthousecamps.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/favicon.ico" />
14<link rel="canonical" href="https://www.lighthousecamps.com/about-us-38364260442510520497">
15<meta property="og:url" content="https://www.lighthousecamps.com/about-us-38364260442510520497">
16<meta name="description" content="Lighthouse Camps offers engaging weekly &amp; holiday camps for kids aged 5-12 in Taipei&#039;s Xinyi &amp; Tianmu areas. Explore coding, STEAM, sports, literature, drama, journalism, Spanish, writing, math, and English camps. Foster creativity, critical thinking, and">
17<meta property="og:description" content="Lighthouse Camps offers engaging weekly &amp; holiday camps for kids aged 5-12 in Taipei&#039;s Xinyi &amp; Tianmu areas. Explore coding, STEAM, sports, literature, drama, journalism, Spanish, writing, math, and English camps. Foster creativity, critical thinking, and">
18<meta name="twitter:description" content="Lighthouse Camps offers engaging weekly &amp; holiday camps for kids aged 5-12 in Taipei&#039;s Xinyi &amp; Tianmu areas. Explore coding, STEAM, sports, literature, drama, journalism, Spanish, writing, math, and English camps. Foster creativity, critical thinking, and">
19<meta name="image" property="og:image" content="https://www.lighthousecamps.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/lh-logo-slogan-blue.png" />
20<meta name="twitter:card" content="summary_large_image" />
21<meta name="twitter:image" content="https://www.lighthousecamps.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/lh-logo-slogan-blue.png" />
22<meta name="keywords" content="Lighthouse Camps, kids camps, children camps, summer camp, holiday camp, winter camp, Taipei camps, Xinyi camps, Tianmu camps, 5-12 year olds, coding camp, STEAM camp, sports camp, literature camp, drama camp, journalism camp, Spanish camp, English camp,">
23<meta name="generator" content="Articulation - https://www.articulationsites.com">
24<meta property="og:type" content="website">
25
26<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 26-27
26
27<script async src="https://www.googletagmanager.com/gtag/js?id=
27G-LF8GSZJZV7
vendor: 12 bytes, line 27
27"></script>
28<script>
29  
vendor: 134 bytes, lines 29-33
29window.dataLayer = window.dataLayer || [];
30  function gtag(){dataLayer.push(arguments);}
31  gtag('js', new Date());
32
33  gtag('config', '
33G-LF8GSZJZV7
vendor: 4 bytes, line 33
33');
34</script>
34
35    <link rel="preconnect" href="https://assets.articulationsites.com" />
36        
36<script>
37        document.documentElement.classList.remove('dark')
38    </script>
38
39    
39<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
39
40    
40<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
40
41    
41<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
41
42    
42<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
42
43    <link href="/css/published.css?v=1599af1dd31c136b73844d19aef1421e" rel="stylesheet"/>
44    <style>
45        :root {
46            --color-text-dark-bg: #9ca3af;
47--color-text-dark-bg-heading: #f3f4f6;
48--color-text-light-bg: #2a2a2a;
49--text-color: #2a2a2a;
50--color-text-light-bg-heading: #2a2a2a;
51--heading-color: #2a2a2a;
52--font-heading: "Montserrat";
53--font-text: "Questrial";
54--font-button: "Maven Pro";
55--font-nav_link: "Cantarell";
56--font-quote: "Questrial";
57--color-primary-main: #000000;
58--color-primary-light: #1a1a1a;
59--color-primary-dark: #000000;
60--color-primary-contrast: #ffffff;
61--color-secondary-main: #ababab;
62--color-secondary-light: #c4c4c4;
63--color-secondary-dark: #919191;
64--color-secondary-contrast: #000000;
65--color-accent-main: #F5ECE1;
66--color-accent-light: #ffffff;
67--color-accent-dark: #e8d4bb;
68--color-accent-contrast: #000000;
69--color-success-main: #26A94C;
70--color-success-light: #31d160;
71--color-success-dark: #1d7f39;
72--color-success-contrast: #ffffff;
73--color-error-main: #ED262D;
74--color-error-light: #f1555b;
75--color-error-dark: #cf1118;
76--color-error-contrast: #ffffff;
77--link-color: #000000;
78--link-hover-color: #1a1a1a;
79--shape: 12px;
80--heading-2-font-size: 77px;
81--heading-2-line-height: 66px;
82--heading-2-letter-spacing: 1px;
83--heading-2-font-weight: 700;
84--heading-2-text-transform: none;
85--paragraph-font-size: 19px;
86--paragraph-line-height: 35px;
87--paragraph-letter-spacing: 1px;
88--paragraph-font-weight: 400;
89--button-font-size: 12px;
90--button-letter-spacing: 0px;
91--button-text-transform: uppercase;
92--nav-link-letter-spacing: 0px;
93--nav-link-text-transform: uppercase;
94--subnav-link-text-transform: uppercase;
95        }
96    </style>
97    <style id="site-css">
98        
99    </style>
100    
101    <link rel="preconnect" href="https://fonts.googleapis.com" />
102    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cantarell:wght@400;700&family=Montserrat:wght@400;700&family=Questrial:wght@400;700&family=Maven+Pro:wght@400;700">
103</head>
104
105<body>
106<div class="outer-container header-page  ">
107    <div class="inner-container">
108        <div id="c6a44926c117c3" class="component"><header
109    class="main-header bg-type-none "
110    style=""
111    x-data="{
112        scrolled: false,
113    }"
114    x-init="
115        $store.nav.totalCharacters = 104;
116        $store.nav.breakPoint = 1024;
117        $store.nav.checkIsMobile(0);
118        scrolled = window.scrollY > 50;
119        $nextTick(() => {
120            document.querySelector(':root').style.setProperty('--nav-height', $el.offsetHeight + 'px');
121        });
122    "
123    :class="{
124        'mobile-nav': $store.nav.mobile,
125        'desktop-nav': !$store.nav.mobile,
126        'mobile-nav-open': $store.nav.mobileMenuOpen,
127        'scrolled': scrolled,
128        'not-scrolled': !scrolled
129    }"
130    x-resize="document.querySelector(':root').style.setProperty('--nav-height', $el.offsetHeight + 'px');"
131    x-cloak
132    @scroll.window="scrolled = window.scrollY > 50"
133    @editor-scroll.window="scrolled = $event.detail.scrollTop > 50"
134>
135    <a href="/" aria-label="logo" class="logo-container">
136                    <img
137                src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/lh-logo-slogan-blue.png"
138                alt=""
139                class="logo-auto resizeable-image resizeable-logo light-bg-logo"
140                style=""
141            >
142            <img
143                src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/lh-logo-slogan-blue.png"
144                alt=""
145                class="logo-auto dark-bg-logo"
146                style=""
147            >
148            </a>
149    <ul
150    class="desktop-nav-links main-nav-list"
151    x-data
152    x-navigation="{ allowCollapseToMore: true }"
153>
154            <li
155    class="main-nav-item"
156    id="z5pQLZ3n"
157>
158        <a
159        href="/courses"
160                class="nav-link "
161    >Courses 課程</a>
162            <ul class="subnav subnav-level-1 subnav-parent-z5pQLZ3n">
163            <li id="subnav-coApqDgV">
164        <a
165        href="#"
166                class="nav-link"
167    >
168        <span class="subnav-label">
169            Camps
170                            <span>&gt;</span>
171                    </span>
172    </a>
173            <ul class="subnav subnav-level-2 subnav-parent-coApqDgV">
174            <li id="subnav-nWpVub4q">
175        <a
176        href="/coding-31243243353537335336"
177                class="nav-link"
178    >
179        <span class="subnav-label">
180            Coding 程式設計
181                            <span>&gt;</span>
182                    </span>
183    </a>
184            <ul class="subnav subnav-level-3 subnav-parent-nWpVub4q">
185            <li id="subnav-ae5kNLnf">
186        <a
187        href="#"
188                class="nav-link"
189    >
190        <span class="subnav-label">
191            Age 5 - 7
192                            <span>&gt;</span>
193                    </span>
194    </a>
195            <ul class="subnav subnav-level-4 subnav-parent-ae5kNLnf">
196            <li id="subnav-nnTomxkO">
197        <a
198        href="/junior-techs-1--2-199812555438651235672356738651331262110923458"
199                class="nav-link"
200    >
201        <span class="subnav-label">
202            Junior Techs 1 + 2 不插電小小電腦創客
203                    </span>
204    </a>
205    </li>
206
207            <li id="subnav-4cYgwR1i">
208        <a
209        href="/creative-cadets-2418820818312432433537007366552083738272"
210                class="nav-link"
211    >
212        <span class="subnav-label">
213            Creative Cadets 幼兒程式邏輯入門
214                    </span>
215    </a>
216    </li>
217
218            <li id="subnav-BviGyRsu">
219        <a
220        href="/lets-code-with-hopscotch-259762030127138396408203"
221                class="nav-link"
222    >
223        <span class="subnav-label">
224            Let&#039;s Code with Hopscotch! 數位樂高​
225                    </span>
226    </a>
227    </li>
228
229    </ul>
230
231    </li>
232
233            <li id="subnav-95xdZgPa">
234        <a
235        href="#"
236                class="nav-link"
237    >
238        <span class="subnav-label">
239            Age 8 - 12
240                            <span>&gt;</span>
241                    </span>
242    </a>
243            <ul class="subnav subnav-level-4 subnav-parent-95xdZgPa">
244            <li id="subnav-zGNP2yOG">
245        <a
246        href="/aianimatedfilm"
247                class="nav-link"
248    >
249        <span class="subnav-label">
250            AI Animated Film AI動畫電影
251                    </span>
252    </a>
253    </li>
254
255            <li id="subnav-vFLBGsbl">
256        <a
257        href="/intro-to-htmlcss-31243243353537335336"
258                class="nav-link"
259    >
260        <span class="subnav-label">
261            Intro to HTML/CSS 程式設計
262                    </span>
263    </a>
264    </li>
265
266            <li id="subnav-Dub7igN0">
267        <a
268        href="/intro-to-javascript"
269                class="nav-link"
270    >
271        <span class="subnav-label">
272            Intro to JavaScript 程式設計
273                    </span>
274    </a>
275    </li>
276
277            <li id="subnav-0n7WJTYB">
278        <a
279        href="/intro-to-python"
280                class="nav-link"
281    >
282        <span class="subnav-label">
283            Intro to Python 基礎Python
284                    </span>
285    </a>
286    </li>
287
288            <li id="subnav-OvDUSUjt">
289        <a
290        href="/introduction-to-vex-go"
291                class="nav-link"
292    >
293        <span class="subnav-label">
294            Intro to VEX GO 基礎機器人設計
295                    </span>
296    </a>
297    </li>
298
299            <li id="subnav-NIP7yiS7">
300        <a
301        href="/vex-iq"
302                class="nav-link"
303    >
304        <span class="subnav-label">
305            Intro to VEX IQ 進階機器人設計
306                    </span>
307    </a>
308    </li>
309
310            <li id="subnav-BKr6LUSZ">
311        <a
312        href="/kano-build-a-computer-3325824049320683865133126"
313                class="nav-link"
314    >
315        <span class="subnav-label">
316            Kano: Build a Computer 自己組電腦
317                    </span>
318    </a>
319    </li>
320
321            <li id="subnav-8reb4CcB">
322        <a
323        href="/virtual-world"
324                class="nav-link"
325    >
326        <span class="subnav-label">
327            Making your own Virtual World 創建自己的虛擬世界
328                    </span>
329    </a>
330    </li>
331
332            <li id="subnav-F1qhLZfN">
333        <a
334        href="/mod--hack-3d-games-with-minecraft--kodu-205703325824049303403d3693825138"
335                class="nav-link"
336    >
337        <span class="subnav-label">
338            Mod &amp; Hack 3D Games with Minecraft &amp; Kodu 做自己的3D遊戲
339                    </span>
340    </a>
341    </li>
342
343    </ul>
344
345    </li>
346
347    </ul>
348
349    </li>
350
351            <li id="subnav-kJrxZFyO">
352        <a
353        href="/biz-communication-humanities-21830269891228920154259911228935486353282065925773"
354                class="nav-link"
355    >
356        <span class="subnav-label">
357            Biz, Communication, Humanities 商業、人文、語言傳播
358                            <span>&gt;</span>
359                    </span>
360    </a>
361            <ul class="subnav subnav-level-3 subnav-parent-kJrxZFyO">
362            <li id="subnav-QiLPSNdt">
363        <a
364        href="#"
365                class="nav-link"
366    >
367        <span class="subnav-label">
368            Age 5-7
369                            <span>&gt;</span>
370                    </span>
371    </a>
372            <ul class="subnav subnav-level-4 subnav-parent-QiLPSNdt">
373            <li id="subnav-JuT237Pm">
374        <a
375        href="/voice-acting"
376                class="nav-link"
377    >
378        <span class="subnav-label">
379            Voice Acting 配音小明星
380                    </span>
381    </a>
382    </li>
383
384    </ul>
385
386    </li>
387
388            <li id="subnav-i3BMsYoQ">
389        <a
390        href="#"
391                class="nav-link"
392    >
393        <span class="subnav-label">
394            All ages
395                            <span>&gt;</span>
396                    </span>
397    </a>
398            <ul class="subnav subnav-level-4 subnav-parent-i3BMsYoQ">
399            <li id="subnav-dvhDp9i1">
400        <a
401        href="/ancient-egypt"
402                class="nav-link"
403    >
404        <span class="subnav-label">
405            Ancient Egypt 古埃及文化​
406                    </span>
407    </a>
408    </li>
409
410            <li id="subnav-VxVGSzVr">
411        <a
412        href="/ancient-greece"
413                class="nav-link"
414    >
415        <span class="subnav-label">
416            Ancient Greece 古希臘文化
417                    </span>
418    </a>
419    </li>
420
421            <li id="subnav-WbPrEKDg">
422        <a
423        href="/chess"
424                class="nav-link"
425    >
426        <span class="subnav-label">
427            Chess 西洋棋
428                    </span>
429    </a>
430    </li>
431
432            <li id="subnav-XYPjIFYC">
433        <a
434        href="/drama-251382112729151"
435                class="nav-link"
436    >
437        <span class="subnav-label">
438            Drama 戲劇營
439                    </span>
440    </a>
441    </li>
442
443            <li id="subnav-IVeDOvbf">
444        <a
445        href="/shark-tank"
446                class="nav-link"
447    >
448        <span class="subnav-label">
449            Shark Tank 小小創業家
450                    </span>
451    </a>
452    </li>
453
454            <li id="subnav-JxSW3MTY">
455        <a
456        href="/video-journalism-26032328622257723566"
457                class="nav-link"
458    >
459        <span class="subnav-label">
460            Video Journalism 新聞報導
461                    </span>
462    </a>
463    </li>
464
465            <li id="subnav-oRo4KFDS">
466        <a
467        href="/youtuber"
468                class="nav-link"
469    >
470        <span class="subnav-label">
471            Youtuber Camp 小小網紅
472                    </span>
473    </a>
474    </li>
475
476    </ul>
477
478    </li>
479
480            <li id="subnav-OU5mhTje">
481        <a
482        href="#"
483                class="nav-link"
484    >
485        <span class="subnav-label">
486            Age 8 - 12
487                            <span>&gt;</span>
488                    </span>
489    </a>
490            <ul class="subnav subnav-level-4 subnav-parent-OU5mhTje">
491            <li id="subnav-aGfL11lD">
492        <a
493        href="/podcast-creator"
494                class="nav-link"
495    >
496        <span class="subnav-label">
497            Podcast Creator 小小 Podcast 創作者
498                    </span>
499    </a>
500    </li>
501
502            <li id="subnav-eiWustHO">
503        <a
504        href="/ancient-rome"
505                class="nav-link"
506    >
507        <span class="subnav-label">
508            Ancient Rome 古羅馬文化​
509                    </span>
510    </a>
511    </li>
512
513            <li id="subnav-HfQV74Wo">
514        <a
515        href="/broadcast-pro-student-edition"
516                class="nav-link"
517    >
518        <span class="subnav-label">
519            Broadcast Pro: Student Edition 小小廣播人
520                    </span>
521    </a>
522    </li>
523
524            <li id="subnav-R1IqrR0I">
525        <a
526        href="/englishjournalism"
527                class="nav-link"
528    >
529        <span class="subnav-label">
530            English Journalism 新聞寫作​
531                    </span>
532    </a>
533    </li>
534
535            <li id="subnav-dj7vE8Kb">
536        <a
537        href="/food-truck"
538                class="nav-link"
539    >
540        <span class="subnav-label">
541            Food Truck 食尚小老闆
542                    </span>
543    </a>
544    </li>
545
546            <li id="subnav-Wt1WGjVW">
547        <a
548        href="/literature"
549                class="nav-link"
550    >
551        <span class="subnav-label">
552            Literature 閱讀俱樂部
553                    </span>
554    </a>
555    </li>
556
557            <li id="subnav-MiAM9Aqz">
558        <a
559        href="/model-united-nations-2716925836328792151222283"
560                class="nav-link"
561    >
562        <span class="subnav-label">
563            Model United Nations 模擬聯合國
564                    </span>
565    </a>
566    </li>
567
568            <li id="subnav-C39C3Xbn">
569        <a
570        href="/reading--writing-38321357122353120316"
571                class="nav-link"
572    >
573        <span class="subnav-label">
574            Reading &amp; Writing 閱讀/寫作
575                    </span>
576    </a>
577    </li>
578
579            <li id="subnav-PdZnpnrq">
580        <a
581        href="/ted-ed-student-talks"
582                class="nav-link"
583    >
584        <span class="subnav-label">
585            TED-Ed Student Talks  TED-ED 學生演說
586                    </span>
587    </a>
588    </li>
589
590            <li id="subnav-4qIV0GjY">
591        <a
592        href="/writing-class-23531203163550631243"
593                class="nav-link"
594    >
595        <span class="subnav-label">
596            Writing Class 寫作課程
597                    </span>
598    </a>
599    </li>
600
601    </ul>
602
603    </li>
604
605    </ul>
606
607    </li>
608
609            <li id="subnav-wIdJUr2f">
610        <a
611        href="#"
612                class="nav-link"
613    >
614        <span class="subnav-label">
615            Math and Science 數學與科學
616                            <span>&gt;</span>
617                    </span>
618    </a>
619            <ul class="subnav subnav-level-3 subnav-parent-wIdJUr2f">
620            <li id="subnav-5XfaKnoL">
621        <a
622        href="#"
623                class="nav-link"
624    >
625        <span class="subnav-label">
626            All Ages
627                            <span>&gt;</span>
628                    </span>
629    </a>
630            <ul class="subnav subnav-level-4 subnav-parent-5XfaKnoL">
631            <li id="subnav-YnMsptAD">
632        <a
633        href="/amazon-rainforest-20126393403695638632265192998324907"
634                class="nav-link"
635    >
636        <span class="subnav-label">
637            Amazon Rainforest 亞馬遜雨林生態
638                    </span>
639    </a>
640    </li>
641
642    </ul>
643
644    </li>
645
646            <li id="subnav-4m4bOTXR">
647        <a
648        href="#"
649                class="nav-link"
650    >
651        <span class="subnav-label">
652            Ages 5 - 7
653                            <span>&gt;</span>
654                    </span>
655    </a>
656            <ul class="subnav subnav-level-4 subnav-parent-4m4bOTXR">
657            <li id="subnav-yT8YInYL">
658        <a
659        href="/junior-human-anatomy"
660                class="nav-link"
661    >
662        <span class="subnav-label">
663            Junior Human Anatomy 人體構造
664                    </span>
665    </a>
666    </li>
667
668            <li id="subnav-tp41UqOY">
669        <a
670        href="/juniorscience"
671                class="nav-link"
672    >
673        <span class="subnav-label">
674            Junior Science 基礎科學
675                    </span>
676    </a>
677    </li>
678
679            <li id="subnav-ssnngQK9">
680        <a
681        href="/math-escape-room"
682                class="nav-link"
683    >
684        <span class="subnav-label">
685            Math Escape Room 數學密室逃脫
686                    </span>
687    </a>
688    </li>
689
690            <li id="subnav-YaTtPM5X">
691        <a
692        href="/real-life-math-project"
693                class="nav-link"
694    >
695        <span class="subnav-label">
696            Real-Life Math Project 数学的应用
697                    </span>
698    </a>
699    </li>
700
701            <li id="subnav-roYDktNd">
702        <a
703        href="/space-kids-2356723567228263135420154"
704                class="nav-link"
705    >
706        <span class="subnav-label">
707            Space Kids 小小太空人
708                    </span>
709    </a>
710    </li>
711
712    </ul>
713
714    </li>
715
716            <li id="subnav-oGx7HDG5">
717        <a
718        href="#"
719                class="nav-link"
720    >
721        <span class="subnav-label">
722            Ages 8 - 12
723                            <span>&gt;</span>
724                    </span>
725    </a>
726            <ul class="subnav subnav-level-4 subnav-parent-oGx7HDG5">
727            <li id="subnav-P79pAwtN">
728        <a
729        href="/forensicinvestigators"
730                class="nav-link"
731    >
732        <span class="subnav-label">
733            Forensic Investigators 法醫鑑識團
734                    </span>
735    </a>
736    </li>
737
738            <li id="subnav-gcia4Dtz">
739        <a
740        href="/human-anatomy-20154396362708336896"
741                class="nav-link"
742    >
743        <span class="subnav-label">
744            Human Anatomy 人體構造
745                    </span>
746    </a>
747    </li>
748
749            <li id="subnav-LkhpYshW">
750        <a
751        href="/introtobiology"
752                class="nav-link"
753    >
754        <span class="subnav-label">
755            Introduction to Biology 基礎生物
756                    </span>
757    </a>
758    </li>
759
760            <li id="subnav-F8aKOkHO">
761        <a
762        href="/introduction-to-science-22522309903118523416"
763                class="nav-link"
764    >
765        <span class="subnav-label">
766            Introduction to Science 基礎科學
767                    </span>
768    </a>
769    </li>
770
771            <li id="subnav-ozYaXHkj">
772        <a
773        href="/math-competition-prep"
774                class="nav-link"
775    >
776        <span class="subnav-label">
777            Math Competition Prep 數學競賽
778                    </span>
779    </a>
780    </li>
781
782            <li id="subnav-tyOsuPZE">
783        <a
784        href="/scienceexperiments"
785                class="nav-link"
786    >
787        <span class="subnav-label">
788            Science Experiments 科學實驗
789                    </span>
790    </a>
791    </li>
792
793    </ul>
794
795    </li>
796
797    </ul>
798
799    </li>
800
801            <li id="subnav-zOxCkWNH">
802        <a
803        href="#"
804                class="nav-link"
805    >
806        <span class="subnav-label">
807            Foreign Language 語言
808                            <span>&gt;</span>
809                    </span>
810    </a>
811            <ul class="subnav subnav-level-3 subnav-parent-zOxCkWNH">
812            <li id="subnav-gAyr6VYT">
813        <a
814        href="/spanish-35199296772927335486"
815                class="nav-link"
816    >
817        <span class="subnav-label">
818            Spanish 西班牙語
819                    </span>
820    </a>
821    </li>
822
823            <li id="subnav-aI5OsVCJ">
824        <a
825        href="#"
826                class="nav-link"
827    >
828        <span class="subnav-label">
829            Mandarin 中文
830                            <span>&gt;</span>
831                    </span>
832    </a>
833            <ul class="subnav subnav-level-4 subnav-parent-aI5OsVCJ">
834            <li id="subnav-0jbleOeM">
835        <a
836        href="/mandarinholidaytaiwan"
837                class="nav-link"
838    >
839        <span class="subnav-label">
840            Mandarin Holiday in Taiwan 玩台灣學華語
841                    </span>
842    </a>
843    </li>
844
845            <li id="subnav-xojeKL4a">
846        <a
847        href="/mandarin-online"
848                class="nav-link"
849    >
850        <span class="subnav-label">
851            Mandarin Online 華語線上課程
852                    </span>
853    </a>
854    </li>
855
856    </ul>
857
858    </li>
859
860    </ul>
861
862    </li>
863
864            <li id="subnav-4vv2cqyB">
865        <a
866        href="#"
867                class="nav-link"
868    >
869        <span class="subnav-label">
870            Arts and Crafts 美術
871                            <span>&gt;</span>
872                    </span>
873    </a>
874            <ul class="subnav subnav-level-3 subnav-parent-4vv2cqyB">
875            <li id="subnav-dQimiczh">
876        <a
877        href="/artcampfamousartist"
878                class="nav-link"
879    >
880        <span class="subnav-label">
881            Little Masters: Art Inspired by Famous Artists​ 小小藝術家啟發創作班
882                    </span>
883    </a>
884    </li>
885
886            <li id="subnav-As6QhtfG">
887        <a
888        href="/makerspace"
889                class="nav-link"
890    >
891        <span class="subnav-label">
892            Makerspace
893                    </span>
894    </a>
895    </li>
896
897    </ul>
898
899    </li>
900
901            <li id="subnav-uL9aMpoo">
902        <a
903        href="#"
904                class="nav-link"
905    >
906        <span class="subnav-label">
907            Sports Camp 運動營
908                            <span>&gt;</span>
909                    </span>
910    </a>
911            <ul class="subnav subnav-level-3 subnav-parent-uL9aMpoo">
912            <li id="subnav-0xNcg3j7">
913        <a
914        href="/tennis"
915                class="nav-link"
916    >
917        <span class="subnav-label">
918            Tennis Camp 網球營
919                    </span>
920    </a>
921    </li>
922
923    </ul>
924
925    </li>
926
927            <li id="subnav-QU405c2L">
928        <a
929        href="#"
930                class="nav-link"
931    >
932        <span class="subnav-label">
933            Others 其他 ( Think outside the category!  跳脫框架,難以歸類)
934                            <span>&gt;</span>
935                    </span>
936    </a>
937            <ul class="subnav subnav-level-3 subnav-parent-QU405c2L">
938            <li id="subnav-Escb0pug">
939        <a
940        href="/adventure-journey-310703119220882385702004326053396363951129151"
941                class="nav-link"
942    >
943        <span class="subnav-label">
944            Adventure Journey 神秘冒險之旅體驗營
945                    </span>
946    </a>
947    </li>
948
949            <li id="subnav-ce6h4i8F">
950        <a
951        href="/gamedesign"
952                class="nav-link"
953    >
954        <span class="subnav-label">
955            Game Design Unplugged 桌遊設計
956                    </span>
957    </a>
958    </li>
959
960    </ul>
961
962    </li>
963
964    </ul>
965
966    </li>
967
968            <li id="subnav-jtW6W9Nz">
969        <a
970        href="/11-study-ahead"
971                class="nav-link"
972    >
973        <span class="subnav-label">
974            1:1 Study Ahead 學科輔導
975                    </span>
976    </a>
977    </li>
978
979            <li id="subnav-w4YuYi86">
980        <a
981        href="/one-day-workshop"
982                class="nav-link"
983    >
984        <span class="subnav-label">
985            One-day Workshop 半日體驗課程
986                    </span>
987    </a>
988    </li>
989
990            <li id="subnav-CxUL2OAS">
991        <a
992        href="/private-camp-33258320682915138538"
993                class="nav-link"
994    >
995        <span class="subnav-label">
996            Private Camp 自組營隊
997                    </span>
998    </a>
999    </li>
1000
1001    </ul>
1002
1003    </li>
1004
1005            <li
1006    class="main-nav-item"
1007    id="feg2aR9x"
1008>
1009        <a
1010        href="/schedule"
1011                class="nav-link "
1012    >Schedule 營隊時間表</a>
1013    </li>
1014
1015            <li
1016    class="main-nav-item"
1017    id="4v3MbTv8"
1018>
1019        <a
1020        href="/school-application-30003355313556635426"
1021                class="nav-link "
1022    >School Application 申請諮詢</a>
1023    </li>
1024
1025            <li
1026    class="main-nav-item"
1027    id="PHllWaG4"
1028>
1029        <a
1030        href="/about-us-38364260442510520497"
1031                class="nav-link active"
1032    >About Us 關於我們</a>
1033            <ul class="subnav subnav-level-1 subnav-parent-PHllWaG4">
1034            <li id="subnav-pPzCfV23">
1035        <a
1036        href="/contact-us-32879320972510520497"
1037                class="nav-link"
1038    >
1039        <span class="subnav-label">
1040            Contact Us 聯絡我們
1041                    </span>
1042    </a>
1043    </li>
1044
1045            <li id="subnav-VszxKczj">
1046        <a
1047        href="/faqs-241203521121839389883529931572"
1048                class="nav-link"
1049    >
1050        <span class="subnav-label">
1051            FAQs 常見問題解答
1052                    </span>
1053    </a>
1054    </li>
1055
1056            <li id="subnav-PJtLuH9W">
1057        <a
1058        href="/collaborations-2151220316"
1059                class="nav-link"
1060    >
1061        <span class="subnav-label">
1062            Collaborations 合作
1063                    </span>
1064    </a>
1065    </li>
1066
1067    </ul>
1068
1069    </li>
1070
1071            <li
1072    class="main-nav-item"
1073    id="VKz4Iv2C"
1074>
1075        <a
1076        href="/blog-370963385326684"
1077                class="nav-link "
1078    >Blog 部落格</a>
1079    </li>
1080
1081            <li
1082    class="main-nav-item"
1083    id="nav-more-link"
1084>
1085        <a
1086        href="#"
1087                class="nav-link "
1088    >More...</a>
1089            <ul class="subnav subnav-level-1 subnav-parent-nav-more-link">
1090            <li id="subnav-z5pQLZ3n">
1091        <a
1092        href="/courses"
1093                class="nav-link"
1094    >
1095        <span class="subnav-label">
1096            Courses 課程
1097                            <span>&gt;</span>
1098                    </span>
1099    </a>
1100            <ul class="subnav subnav-level-2 subnav-parent-z5pQLZ3n">
1101            <li id="subnav-coApqDgV">
1102        <a
1103        href="#"
1104                class="nav-link"
1105    >
1106        <span class="subnav-label">
1107            Camps
1108                            <span>&gt;</span>
1109                    </span>
1110    </a>
1111            <ul class="subnav subnav-level-3 subnav-parent-coApqDgV">
1112            <li id="subnav-nWpVub4q">
1113        <a
1114        href="/coding-31243243353537335336"
1115                class="nav-link"
1116    >
1117        <span class="subnav-label">
1118            Coding 程式設計
1119                            <span>&gt;</span>
1120                    </span>
1121    </a>
1122            <ul class="subnav subnav-level-4 subnav-parent-nWpVub4q">
1123            <li id="subnav-ae5kNLnf">
1124        <a
1125        href="#"
1126                class="nav-link"
1127    >
1128        <span class="subnav-label">
1129            Age 5 - 7
1130                            <span>&gt;</span>
1131                    </span>
1132    </a>
1133            <ul class="subnav subnav-level-5 subnav-parent-ae5kNLnf">
1134            <li id="subnav-nnTomxkO">
1135        <a
1136        href="/junior-techs-1--2-199812555438651235672356738651331262110923458"
1137                class="nav-link"
1138    >
1139        <span class="subnav-label">
1140            Junior Techs 1 + 2 不插電小小電腦創客
1141                    </span>
1142    </a>
1143    </li>
1144
1145            <li id="subnav-4cYgwR1i">
1146        <a
1147        href="/creative-cadets-2418820818312432433537007366552083738272"
1148                class="nav-link"
1149    >
1150        <span class="subnav-label">
1151            Creative Cadets 幼兒程式邏輯入門
1152                    </span>
1153    </a>
1154    </li>
1155
1156            <li id="subnav-BviGyRsu">
1157        <a
1158        href="/lets-code-with-hopscotch-259762030127138396408203"
1159                class="nav-link"
1160    >
1161        <span class="subnav-label">
1162            Let&#039;s Code with Hopscotch! 數位樂高​
1163                    </span>
1164    </a>
1165    </li>
1166
1167    </ul>
1168
1169    </li>
1170
1171            <li id="subnav-95xdZgPa">
1172        <a
1173        href="#"
1174                class="nav-link"
1175    >
1176        <span class="subnav-label">
1177            Age 8 - 12
1178                            <span>&gt;</span>
1179                    </span>
1180    </a>
1181            <ul class="subnav subnav-level-5 subnav-parent-95xdZgPa">
1182            <li id="subnav-zGNP2yOG">
1183        <a
1184        href="/aianimatedfilm"
1185                class="nav-link"
1186    >
1187        <span class="subnav-label">
1188            AI Animated Film AI動畫電影
1189                    </span>
1190    </a>
1191    </li>
1192
1193            <li id="subnav-vFLBGsbl">
1194        <a
1195        href="/intro-to-htmlcss-31243243353537335336"
1196                class="nav-link"
1197    >
1198        <span class="subnav-label">
1199            Intro to HTML/CSS 程式設計
1200                    </span>
1201    </a>
1202    </li>
1203
1204            <li id="subnav-Dub7igN0">
1205        <a
1206        href="/intro-to-javascript"
1207                class="nav-link"
1208    >
1209        <span class="subnav-label">
1210            Intro to JavaScript 程式設計
1211                    </span>
1212    </a>
1213    </li>
1214
1215            <li id="subnav-0n7WJTYB">
1216        <a
1217        href="/intro-to-python"
1218                class="nav-link"
1219    >
1220        <span class="subnav-label">
1221            Intro to Python 基礎Python
1222                    </span>
1223    </a>
1224    </li>
1225
1226            <li id="subnav-OvDUSUjt">
1227        <a
1228        href="/introduction-to-vex-go"
1229                class="nav-link"
1230    >
1231        <span class="subnav-label">
1232            Intro to VEX GO 基礎機器人設計
1233                    </span>
1234    </a>
1235    </li>
1236
1237            <li id="subnav-NIP7yiS7">
1238        <a
1239        href="/vex-iq"
1240                class="nav-link"
1241    >
1242        <span class="subnav-label">
1243            Intro to VEX IQ 進階機器人設計
1244                    </span>
1245    </a>
1246    </li>
1247
1248            <li id="subnav-BKr6LUSZ">
1249        <a
1250        href="/kano-build-a-computer-3325824049320683865133126"
1251                class="nav-link"
1252    >
1253        <span class="subnav-label">
1254            Kano: Build a Computer 自己組電腦
1255                    </span>
1256    </a>
1257    </li>
1258
1259            <li id="subnav-8reb4CcB">
1260        <a
1261        href="/virtual-world"
1262                class="nav-link"
1263    >
1264        <span class="subnav-label">
1265            Making your own Virtual World 創建自己的虛擬世界
1266                    </span>
1267    </a>
1268    </li>
1269
1270            <li id="subnav-F1qhLZfN">
1271        <a
1272        href="/mod--hack-3d-games-with-minecraft--kodu-205703325824049303403d3693825138"
1273                class="nav-link"
1274    >
1275        <span class="subnav-label">
1276            Mod &amp; Hack 3D Games with Minecraft &amp; Kodu 做自己的3D遊戲
1277                    </span>
1278    </a>
1279    </li>
1280
1281    </ul>
1282
1283    </li>
1284
1285    </ul>
1286
1287    </li>
1288
1289            <li id="subnav-kJrxZFyO">
1290        <a
1291        href="/biz-communication-humanities-21830269891228920154259911228935486353282065925773"
1292                class="nav-link"
1293    >
1294        <span class="subnav-label">
1295            Biz, Communication, Humanities 商業、人文、語言傳播
1296                            <span>&gt;</span>
1297                    </span>
1298    </a>
1299            <ul class="subnav subnav-level-4 subnav-parent-kJrxZFyO">
1300            <li id="subnav-QiLPSNdt">
1301        <a
1302        href="#"
1303                class="nav-link"
1304    >
1305        <span class="subnav-label">
1306            Age 5-7
1307                            <span>&gt;</span>
1308                    </span>
1309    </a>
1310            <ul class="subnav subnav-level-5 subnav-parent-QiLPSNdt">
1311            <li id="subnav-JuT237Pm">
1312        <a
1313        href="/voice-acting"
1314                class="nav-link"
1315    >
1316        <span class="subnav-label">
1317            Voice Acting 配音小明星
1318                    </span>
1319    </a>
1320    </li>
1321
1322    </ul>
1323
1324    </li>
1325
1326            <li id="subnav-i3BMsYoQ">
1327        <a
1328        href="#"
1329                class="nav-link"
1330    >
1331        <span class="subnav-label">
1332            All ages
1333                            <span>&gt;</span>
1334                    </span>
1335    </a>
1336            <ul class="subnav subnav-level-5 subnav-parent-i3BMsYoQ">
1337            <li id="subnav-dvhDp9i1">
1338        <a
1339        href="/ancient-egypt"
1340                class="nav-link"
1341    >
1342        <span class="subnav-label">
1343            Ancient Egypt 古埃及文化​
1344                    </span>
1345    </a>
1346    </li>
1347
1348            <li id="subnav-VxVGSzVr">
1349        <a
1350        href="/ancient-greece"
1351                class="nav-link"
1352    >
1353        <span class="subnav-label">
1354            Ancient Greece 古希臘文化
1355                    </span>
1356    </a>
1357    </li>
1358
1359            <li id="subnav-WbPrEKDg">
1360        <a
1361        href="/chess"
1362                class="nav-link"
1363    >
1364        <span class="subnav-label">
1365            Chess 西洋棋
1366                    </span>
1367    </a>
1368    </li>
1369
1370            <li id="subnav-XYPjIFYC">
1371        <a
1372        href="/drama-251382112729151"
1373                class="nav-link"
1374    >
1375        <span class="subnav-label">
1376            Drama 戲劇營
1377                    </span>
1378    </a>
1379    </li>
1380
1381            <li id="subnav-IVeDOvbf">
1382        <a
1383        href="/shark-tank"
1384                class="nav-link"
1385    >
1386        <span class="subnav-label">
1387            Shark Tank 小小創業家
1388                    </span>
1389    </a>
1390    </li>
1391
1392            <li id="subnav-JxSW3MTY">
1393        <a
1394        href="/video-journalism-26032328622257723566"
1395                class="nav-link"
1396    >
1397        <span class="subnav-label">
1398            Video Journalism 新聞報導
1399                    </span>
1400    </a>
1401    </li>
1402
1403            <li id="subnav-oRo4KFDS">
1404        <a
1405        href="/youtuber"
1406                class="nav-link"
1407    >
1408        <span class="subnav-label">
1409            Youtuber Camp 小小網紅
1410                    </span>
1411    </a>
1412    </li>
1413
1414    </ul>
1415
1416    </li>
1417
1418            <li id="subnav-OU5mhTje">
1419        <a
1420        href="#"
1421                class="nav-link"
1422    >
1423        <span class="subnav-label">
1424            Age 8 - 12
1425                            <span>&gt;</span>
1426                    </span>
1427    </a>
1428            <ul class="subnav subnav-level-5 subnav-parent-OU5mhTje">
1429            <li id="subnav-aGfL11lD">
1430        <a
1431        href="/podcast-creator"
1432                class="nav-link"
1433    >
1434        <span class="subnav-label">
1435            Podcast Creator 小小 Podcast 創作者
1436                    </span>
1437    </a>
1438    </li>
1439
1440            <li id="subnav-eiWustHO">
1441        <a
1442        href="/ancient-rome"
1443                class="nav-link"
1444    >
1445        <span class="subnav-label">
1446            Ancient Rome 古羅馬文化​
1447                    </span>
1448    </a>
1449    </li>
1450
1451            <li id="subnav-HfQV74Wo">
1452        <a
1453        href="/broadcast-pro-student-edition"
1454                class="nav-link"
1455    >
1456        <span class="subnav-label">
1457            Broadcast Pro: Student Edition 小小廣播人
1458                    </span>
1459    </a>
1460    </li>
1461
1462            <li id="subnav-R1IqrR0I">
1463        <a
1464        href="/englishjournalism"
1465                class="nav-link"
1466    >
1467        <span class="subnav-label">
1468            English Journalism 新聞寫作​
1469                    </span>
1470    </a>
1471    </li>
1472
1473            <li id="subnav-dj7vE8Kb">
1474        <a
1475        href="/food-truck"
1476                class="nav-link"
1477    >
1478        <span class="subnav-label">
1479            Food Truck 食尚小老闆
1480                    </span>
1481    </a>
1482    </li>
1483
1484            <li id="subnav-Wt1WGjVW">
1485        <a
1486        href="/literature"
1487                class="nav-link"
1488    >
1489        <span class="subnav-label">
1490            Literature 閱讀俱樂部
1491                    </span>
1492    </a>
1493    </li>
1494
1495            <li id="subnav-MiAM9Aqz">
1496        <a
1497        href="/model-united-nations-2716925836328792151222283"
1498                class="nav-link"
1499    >
1500        <span class="subnav-label">
1501            Model United Nations 模擬聯合國
1502                    </span>
1503    </a>
1504    </li>
1505
1506            <li id="subnav-C39C3Xbn">
1507        <a
1508        href="/reading--writing-38321357122353120316"
1509                class="nav-link"
1510    >
1511        <span class="subnav-label">
1512            Reading &amp; Writing 閱讀/寫作
1513                    </span>
1514    </a>
1515    </li>
1516
1517            <li id="subnav-PdZnpnrq">
1518        <a
1519        href="/ted-ed-student-talks"
1520                class="nav-link"
1521    >
1522        <span class="subnav-label">
1523            TED-Ed Student Talks  TED-ED 學生演說
1524                    </span>
1525    </a>
1526    </li>
1527
1528            <li id="subnav-4qIV0GjY">
1529        <a
1530        href="/writing-class-23531203163550631243"
1531                class="nav-link"
1532    >
1533        <span class="subnav-label">
1534            Writing Class 寫作課程
1535                    </span>
1536    </a>
1537    </li>
1538
1539    </ul>
1540
1541    </li>
1542
1543    </ul>
1544
1545    </li>
1546
1547            <li id="subnav-wIdJUr2f">
1548        <a
1549        href="#"
1550                class="nav-link"
1551    >
1552        <span class="subnav-label">
1553            Math and Science 數學與科學
1554                            <span>&gt;</span>
1555                    </span>
1556    </a>
1557            <ul class="subnav subnav-level-4 subnav-parent-wIdJUr2f">
1558            <li id="subnav-5XfaKnoL">
1559        <a
1560        href="#"
1561                class="nav-link"
1562    >
1563        <span class="subnav-label">
1564            All Ages
1565                            <span>&gt;</span>
1566                    </span>
1567    </a>
1568            <ul class="subnav subnav-level-5 subnav-parent-5XfaKnoL">
1569            <li id="subnav-YnMsptAD">
1570        <a
1571        href="/amazon-rainforest-20126393403695638632265192998324907"
1572                class="nav-link"
1573    >
1574        <span class="subnav-label">
1575            Amazon Rainforest 亞馬遜雨林生態
1576                    </span>
1577    </a>
1578    </li>
1579
1580    </ul>
1581
1582    </li>
1583
1584            <li id="subnav-4m4bOTXR">
1585        <a
1586        href="#"
1587                class="nav-link"
1588    >
1589        <span class="subnav-label">
1590            Ages 5 - 7
1591                            <span>&gt;</span>
1592                    </span>
1593    </a>
1594            <ul class="subnav subnav-level-5 subnav-parent-4m4bOTXR">
1595            <li id="subnav-yT8YInYL">
1596        <a
1597        href="/junior-human-anatomy"
1598                class="nav-link"
1599    >
1600        <span class="subnav-label">
1601            Junior Human Anatomy 人體構造
1602                    </span>
1603    </a>
1604    </li>
1605
1606            <li id="subnav-tp41UqOY">
1607        <a
1608        href="/juniorscience"
1609                class="nav-link"
1610    >
1611        <span class="subnav-label">
1612            Junior Science 基礎科學
1613                    </span>
1614    </a>
1615    </li>
1616
1617            <li id="subnav-ssnngQK9">
1618        <a
1619        href="/math-escape-room"
1620                class="nav-link"
1621    >
1622        <span class="subnav-label">
1623            Math Escape Room 數學密室逃脫
1624                    </span>
1625    </a>
1626    </li>
1627
1628            <li id="subnav-YaTtPM5X">
1629        <a
1630        href="/real-life-math-project"
1631                class="nav-link"
1632    >
1633        <span class="subnav-label">
1634            Real-Life Math Project 数学的应用
1635                    </span>
1636    </a>
1637    </li>
1638
1639            <li id="subnav-roYDktNd">
1640        <a
1641        href="/space-kids-2356723567228263135420154"
1642                class="nav-link"
1643    >
1644        <span class="subnav-label">
1645            Space Kids 小小太空人
1646                    </span>
1647    </a>
1648    </li>
1649
1650    </ul>
1651
1652    </li>
1653
1654            <li id="subnav-oGx7HDG5">
1655        <a
1656        href="#"
1657                class="nav-link"
1658    >
1659        <span class="subnav-label">
1660            Ages 8 - 12
1661                            <span>&gt;</span>
1662                    </span>
1663    </a>
1664            <ul class="subnav subnav-level-5 subnav-parent-oGx7HDG5">
1665            <li id="subnav-P79pAwtN">
1666        <a
1667        href="/forensicinvestigators"
1668                class="nav-link"
1669    >
1670        <span class="subnav-label">
1671            Forensic Investigators 法醫鑑識團
1672                    </span>
1673    </a>
1674    </li>
1675
1676            <li id="subnav-gcia4Dtz">
1677        <a
1678        href="/human-anatomy-20154396362708336896"
1679                class="nav-link"
1680    >
1681        <span class="subnav-label">
1682            Human Anatomy 人體構造
1683                    </span>
1684    </a>
1685    </li>
1686
1687            <li id="subnav-LkhpYshW">
1688        <a
1689        href="/introtobiology"
1690                class="nav-link"
1691    >
1692        <span class="subnav-label">
1693            Introduction to Biology 基礎生物
1694                    </span>
1695    </a>
1696    </li>
1697
1698            <li id="subnav-F8aKOkHO">
1699        <a
1700        href="/introduction-to-science-22522309903118523416"
1701                class="nav-link"
1702    >
1703        <span class="subnav-label">
1704            Introduction to Science 基礎科學
1705                    </span>
1706    </a>
1707    </li>
1708
1709            <li id="subnav-ozYaXHkj">
1710        <a
1711        href="/math-competition-prep"
1712                class="nav-link"
1713    >
1714        <span class="subnav-label">
1715            Math Competition Prep 數學競賽
1716                    </span>
1717    </a>
1718    </li>
1719
1720            <li id="subnav-tyOsuPZE">
1721        <a
1722        href="/scienceexperiments"
1723                class="nav-link"
1724    >
1725        <span class="subnav-label">
1726            Science Experiments 科學實驗
1727                    </span>
1728    </a>
1729    </li>
1730
1731    </ul>
1732
1733    </li>
1734
1735    </ul>
1736
1737    </li>
1738
1739            <li id="subnav-zOxCkWNH">
1740        <a
1741        href="#"
1742                class="nav-link"
1743    >
1744        <span class="subnav-label">
1745            Foreign Language 語言
1746                            <span>&gt;</span>
1747                    </span>
1748    </a>
1749            <ul class="subnav subnav-level-4 subnav-parent-zOxCkWNH">
1750            <li id="subnav-gAyr6VYT">
1751        <a
1752        href="/spanish-35199296772927335486"
1753                class="nav-link"
1754    >
1755        <span class="subnav-label">
1756            Spanish 西班牙語
1757                    </span>
1758    </a>
1759    </li>
1760
1761            <li id="subnav-aI5OsVCJ">
1762        <a
1763        href="#"
1764                class="nav-link"
1765    >
1766        <span class="subnav-label">
1767            Mandarin 中文
1768                            <span>&gt;</span>
1769                    </span>
1770    </a>
1771            <ul class="subnav subnav-level-5 subnav-parent-aI5OsVCJ">
1772            <li id="subnav-0jbleOeM">
1773        <a
1774        href="/mandarinholidaytaiwan"
1775                class="nav-link"
1776    >
1777        <span class="subnav-label">
1778            Mandarin Holiday in Taiwan 玩台灣學華語
1779                    </span>
1780    </a>
1781    </li>
1782
1783            <li id="subnav-xojeKL4a">
1784        <a
1785        href="/mandarin-online"
1786                class="nav-link"
1787    >
1788        <span class="subnav-label">
1789            Mandarin Online 華語線上課程
1790                    </span>
1791    </a>
1792    </li>
1793
1794    </ul>
1795
1796    </li>
1797
1798    </ul>
1799
1800    </li>
1801
1802            <li id="subnav-4vv2cqyB">
1803        <a
1804        href="#"
1805                class="nav-link"
1806    >
1807        <span class="subnav-label">
1808            Arts and Crafts 美術
1809                            <span>&gt;</span>
1810                    </span>
1811    </a>
1812            <ul class="subnav subnav-level-4 subnav-parent-4vv2cqyB">
1813            <li id="subnav-dQimiczh">
1814        <a
1815        href="/artcampfamousartist"
1816                class="nav-link"
1817    >
1818        <span class="subnav-label">
1819            Little Masters: Art Inspired by Famous Artists​ 小小藝術家啟發創作班
1820                    </span>
1821    </a>
1822    </li>
1823
1824            <li id="subnav-As6QhtfG">
1825        <a
1826        href="/makerspace"
1827                class="nav-link"
1828    >
1829        <span class="subnav-label">
1830            Makerspace
1831                    </span>
1832    </a>
1833    </li>
1834
1835    </ul>
1836
1837    </li>
1838
1839            <li id="subnav-uL9aMpoo">
1840        <a
1841        href="#"
1842                class="nav-link"
1843    >
1844        <span class="subnav-label">
1845            Sports Camp 運動營
1846                            <span>&gt;</span>
1847                    </span>
1848    </a>
1849            <ul class="subnav subnav-level-4 subnav-parent-uL9aMpoo">
1850            <li id="subnav-0xNcg3j7">
1851        <a
1852        href="/tennis"
1853                class="nav-link"
1854    >
1855        <span class="subnav-label">
1856            Tennis Camp 網球營
1857                    </span>
1858    </a>
1859    </li>
1860
1861    </ul>
1862
1863    </li>
1864
1865            <li id="subnav-QU405c2L">
1866        <a
1867        href="#"
1868                class="nav-link"
1869    >
1870        <span class="subnav-label">
1871            Others 其他 ( Think outside the category!  跳脫框架,難以歸類)
1872                            <span>&gt;</span>
1873                    </span>
1874    </a>
1875            <ul class="subnav subnav-level-4 subnav-parent-QU405c2L">
1876            <li id="subnav-Escb0pug">
1877        <a
1878        href="/adventure-journey-310703119220882385702004326053396363951129151"
1879                class="nav-link"
1880    >
1881        <span class="subnav-label">
1882            Adventure Journey 神秘冒險之旅體驗營
1883                    </span>
1884    </a>
1885    </li>
1886
1887            <li id="subnav-ce6h4i8F">
1888        <a
1889        href="/gamedesign"
1890                class="nav-link"
1891    >
1892        <span class="subnav-label">
1893            Game Design Unplugged 桌遊設計
1894                    </span>
1895    </a>
1896    </li>
1897
1898    </ul>
1899
1900    </li>
1901
1902    </ul>
1903
1904    </li>
1905
1906            <li id="subnav-jtW6W9Nz">
1907        <a
1908        href="/11-study-ahead"
1909                class="nav-link"
1910    >
1911        <span class="subnav-label">
1912            1:1 Study Ahead 學科輔導
1913                    </span>
1914    </a>
1915    </li>
1916
1917            <li id="subnav-w4YuYi86">
1918        <a
1919        href="/one-day-workshop"
1920                class="nav-link"
1921    >
1922        <span class="subnav-label">
1923            One-day Workshop 半日體驗課程
1924                    </span>
1925    </a>
1926    </li>
1927
1928            <li id="subnav-CxUL2OAS">
1929        <a
1930        href="/private-camp-33258320682915138538"
1931                class="nav-link"
1932    >
1933        <span class="subnav-label">
1934            Private Camp 自組營隊
1935                    </span>
1936    </a>
1937    </li>
1938
1939    </ul>
1940
1941    </li>
1942
1943            <li id="subnav-feg2aR9x">
1944        <a
1945        href="/schedule"
1946                class="nav-link"
1947    >
1948        <span class="subnav-label">
1949            Schedule 營隊時間表
1950                    </span>
1951    </a>
1952    </li>
1953
1954            <li id="subnav-4v3MbTv8">
1955        <a
1956        href="/school-application-30003355313556635426"
1957                class="nav-link"
1958    >
1959        <span class="subnav-label">
1960            School Application 申請諮詢
1961                    </span>
1962    </a>
1963    </li>
1964
1965            <li id="subnav-PHllWaG4">
1966        <a
1967        href="/about-us-38364260442510520497"
1968                class="nav-link"
1969    >
1970        <span class="subnav-label">
1971            About Us 關於我們
1972                            <span>&gt;</span>
1973                    </span>
1974    </a>
1975            <ul class="subnav subnav-level-2 subnav-parent-PHllWaG4">
1976            <li id="subnav-pPzCfV23">
1977        <a
1978        href="/contact-us-32879320972510520497"
1979                class="nav-link"
1980    >
1981        <span class="subnav-label">
1982            Contact Us 聯絡我們
1983                    </span>
1984    </a>
1985    </li>
1986
1987            <li id="subnav-VszxKczj">
1988        <a
1989        href="/faqs-241203521121839389883529931572"
1990                class="nav-link"
1991    >
1992        <span class="subnav-label">
1993            FAQs 常見問題解答
1994                    </span>
1995    </a>
1996    </li>
1997
1998            <li id="subnav-PJtLuH9W">
1999        <a
2000        href="/collaborations-2151220316"
2001                class="nav-link"
2002    >
2003        <span class="subnav-label">
2004            Collaborations 合作
2005                    </span>
2006    </a>
2007    </li>
2008
2009    </ul>
2010
2011    </li>
2012
2013            <li id="subnav-VKz4Iv2C">
2014        <a
2015        href="/blog-370963385326684"
2016                class="nav-link"
2017    >
2018        <span class="subnav-label">
2019            Blog 部落格
2020                    </span>
2021    </a>
2022    </li>
2023
2024    </ul>
2025
2026    </li>
2027
2028    </ul>
2029
2030    <div class="desktop-nav-buttons">
2031                                    </div>
2032    <div class="mobile-nav-buttons">
2033        <button
2034            @click="$store.nav.mobileMenuOpen = true;"
2035            x-show="! $store.nav.mobileMenuOpen"
2036        >
2037            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2038                <rect width="20" height="1.5" transform="matrix(-1 0 0 1 22 7)" fill="currentColor"/>
2039                <rect width="12" height="1.5" transform="matrix(-1 0 0 1 14 16)" fill="currentColor"/>
2040            </svg>
2041            <span
2042                class="mobile-cart-alert"
2043                x-data
2044                x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile"
2045            >
2046                <span
2047                    x-text="$store.commerceCart.totalQuantity"
2048                    style="color: #ffffff;"
2049                ></span>
2050            </span>
2051        </button>
2052        <button
2053            @click="$store.nav.mobileMenuOpen = false;"
2054            x-show="$store.nav.mobileMenuOpen"
2055        >
2056            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2057  <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
2058</svg>
2059        </button>
2060    </div>
2061    <div
2062        class="mobile-nav-overlay"
2063        x-show="$store.nav.mobile && $store.nav.mobileMenuOpen"
2064    >
2065        <div
2066    class="mobile-nav-panels"
2067    x-data="mobileNavigation"
2068    x-effect="if (!$store.nav.mobileMenuOpen || !$store.nav.mobile) resetSubnav()"
2069>
2070    <div
2071        class="mobile-nav-panel mobile-nav-panel--root"
2072        :class="{ 'is-shifted': hasSubnavOpen() }"
2073    >
2074        <ul class="mobile-nav-links main-nav-list">
2075                            <li
2076    class="main-nav-item"
2077    id="z5pQLZ3n"
2078>
2079                <button
2080            type="button"
2081            class="mobile-nav-link mobile-nav-link--has-children"
2082            @click.prevent="openSubnav('z5pQLZ3n')"
2083            :aria-expanded="currentSubnav() && currentSubnav() === 'z5pQLZ3n'"
2084            aria-haspopup="true"
2085        >
2086            <span class="mobile-nav-label">Courses 課程</span>
2087            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2088  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2089</svg></span>
2090        </button>
2091    </li>
2092
2093                            <li
2094    class="main-nav-item"
2095    id="feg2aR9x"
2096>
2097                <a
2098            href="/schedule"
2099                        class="mobile-nav-link "
2100        >Schedule 營隊時間表</a>
2101    </li>
2102
2103                            <li
2104    class="main-nav-item"
2105    id="4v3MbTv8"
2106>
2107                <a
2108            href="/school-application-30003355313556635426"
2109                        class="mobile-nav-link "
2110        >School Application 申請諮詢</a>
2111    </li>
2112
2113                            <li
2114    class="main-nav-item"
2115    id="PHllWaG4"
2116>
2117                <button
2118            type="button"
2119            class="mobile-nav-link mobile-nav-link--has-children"
2120            @click.prevent="openSubnav('PHllWaG4')"
2121            :aria-expanded="currentSubnav() && currentSubnav() === 'PHllWaG4'"
2122            aria-haspopup="true"
2123        >
2124            <span class="mobile-nav-label">About Us 關於我們</span>
2125            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2126  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2127</svg></span>
2128        </button>
2129    </li>
2130
2131                            <li
2132    class="main-nav-item"
2133    id="VKz4Iv2C"
2134>
2135                <a
2136            href="/blog-370963385326684"
2137                        class="mobile-nav-link "
2138        >Blog 部落格</a>
2139    </li>
2140
2141                    </ul>
2142    </div>
2143
2144                <div
2145        class="mobile-nav-panel mobile-nav-panel--child"
2146        x-show="currentSubnav() && currentSubnav() === 'z5pQLZ3n'"
2147        x-transition:enter="mobile-subnav-enter"
2148        x-transition:enter-start="mobile-subnav-enter-start"
2149        x-transition:enter-end="mobile-subnav-enter-end"
2150        x-transition:leave="mobile-subnav-leave"
2151        x-transition:leave-start="mobile-subnav-leave-start"
2152        x-transition:leave-end="mobile-subnav-leave-end"
2153        x-cloak
2154    >
2155        <div class="mobile-subnav-header">
2156            <button
2157                type="button"
2158                class="mobile-subnav-back"
2159                @click.prevent="closeSubnav()"
2160            >
2161                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2162  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2163</svg></span>
2164                <span>Back</span>
2165            </button>
2166            <span class="mobile-subnav-title">Courses 課程</span>
2167        </div>
2168
2169        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-z5pQLZ3n">
2170                            <li class="mobile-subnav-parent-link">
2171                    <a
2172                        href="/courses"
2173                                                class="mobile-nav-link mobile-nav-link--parent "
2174                    >
2175                        Courses 課程
2176                    </a>
2177                </li>
2178            
2179                            <li>
2180                                                                <button
2181                            type="button"
2182                            class="mobile-nav-link mobile-nav-link--has-children"
2183                            @click.prevent="openSubnav('coApqDgV')"
2184                            :aria-expanded="currentSubnav() && currentSubnav() === 'coApqDgV'"
2185                            aria-haspopup="true"
2186                        >
2187                            <span class="mobile-nav-label">Camps</span>
2188                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2189  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2190</svg></span>
2191                        </button>
2192                                    </li>
2193                            <li>
2194                                                                <a
2195                            href="/11-study-ahead"
2196                                                        class="mobile-nav-link "
2197                        >
2198                            <span class="subnav-label">1:1 Study Ahead 學科輔導</span>
2199                        </a>
2200                                    </li>
2201                            <li>
2202                                                                <a
2203                            href="/one-day-workshop"
2204                                                        class="mobile-nav-link "
2205                        >
2206                            <span class="subnav-label">One-day Workshop 半日體驗課程</span>
2207                        </a>
2208                                    </li>
2209                            <li>
2210                                                                <a
2211                            href="/private-camp-33258320682915138538"
2212                                                        class="mobile-nav-link "
2213                        >
2214                            <span class="subnav-label">Private Camp 自組營隊</span>
2215                        </a>
2216                                    </li>
2217                    </ul>
2218    </div>
2219
2220                <div
2221        class="mobile-nav-panel mobile-nav-panel--child"
2222        x-show="currentSubnav() && currentSubnav() === 'coApqDgV'"
2223        x-transition:enter="mobile-subnav-enter"
2224        x-transition:enter-start="mobile-subnav-enter-start"
2225        x-transition:enter-end="mobile-subnav-enter-end"
2226        x-transition:leave="mobile-subnav-leave"
2227        x-transition:leave-start="mobile-subnav-leave-start"
2228        x-transition:leave-end="mobile-subnav-leave-end"
2229        x-cloak
2230    >
2231        <div class="mobile-subnav-header">
2232            <button
2233                type="button"
2234                class="mobile-subnav-back"
2235                @click.prevent="closeSubnav()"
2236            >
2237                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2238  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2239</svg></span>
2240                <span>Back</span>
2241            </button>
2242            <span class="mobile-subnav-title">Camps</span>
2243        </div>
2244
2245        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-coApqDgV">
2246            
2247                            <li>
2248                                                                <button
2249                            type="button"
2250                            class="mobile-nav-link mobile-nav-link--has-children"
2251                            @click.prevent="openSubnav('nWpVub4q')"
2252                            :aria-expanded="currentSubnav() && currentSubnav() === 'nWpVub4q'"
2253                            aria-haspopup="true"
2254                        >
2255                            <span class="mobile-nav-label">Coding 程式設計</span>
2256                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2257  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2258</svg></span>
2259                        </button>
2260                                    </li>
2261                            <li>
2262                                                                <button
2263                            type="button"
2264                            class="mobile-nav-link mobile-nav-link--has-children"
2265                            @click.prevent="openSubnav('kJrxZFyO')"
2266                            :aria-expanded="currentSubnav() && currentSubnav() === 'kJrxZFyO'"
2267                            aria-haspopup="true"
2268                        >
2269                            <span class="mobile-nav-label">Biz, Communication, Humanities 商業、人文、語言傳播</span>
2270                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2271  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2272</svg></span>
2273                        </button>
2274                                    </li>
2275                            <li>
2276                                                                <button
2277                            type="button"
2278                            class="mobile-nav-link mobile-nav-link--has-children"
2279                            @click.prevent="openSubnav('wIdJUr2f')"
2280                            :aria-expanded="currentSubnav() && currentSubnav() === 'wIdJUr2f'"
2281                            aria-haspopup="true"
2282                        >
2283                            <span class="mobile-nav-label">Math and Science 數學與科學</span>
2284                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2285  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2286</svg></span>
2287                        </button>
2288                                    </li>
2289                            <li>
2290                                                                <button
2291                            type="button"
2292                            class="mobile-nav-link mobile-nav-link--has-children"
2293                            @click.prevent="openSubnav('zOxCkWNH')"
2294                            :aria-expanded="currentSubnav() && currentSubnav() === 'zOxCkWNH'"
2295                            aria-haspopup="true"
2296                        >
2297                            <span class="mobile-nav-label">Foreign Language 語言</span>
2298                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2299  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2300</svg></span>
2301                        </button>
2302                                    </li>
2303                            <li>
2304                                                                <button
2305                            type="button"
2306                            class="mobile-nav-link mobile-nav-link--has-children"
2307                            @click.prevent="openSubnav('4vv2cqyB')"
2308                            :aria-expanded="currentSubnav() && currentSubnav() === '4vv2cqyB'"
2309                            aria-haspopup="true"
2310                        >
2311                            <span class="mobile-nav-label">Arts and Crafts 美術</span>
2312                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2313  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2314</svg></span>
2315                        </button>
2316                                    </li>
2317                            <li>
2318                                                                <button
2319                            type="button"
2320                            class="mobile-nav-link mobile-nav-link--has-children"
2321                            @click.prevent="openSubnav('uL9aMpoo')"
2322                            :aria-expanded="currentSubnav() && currentSubnav() === 'uL9aMpoo'"
2323                            aria-haspopup="true"
2324                        >
2325                            <span class="mobile-nav-label">Sports Camp 運動營</span>
2326                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2327  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2328</svg></span>
2329                        </button>
2330                                    </li>
2331                            <li>
2332                                                                <button
2333                            type="button"
2334                            class="mobile-nav-link mobile-nav-link--has-children"
2335                            @click.prevent="openSubnav('QU405c2L')"
2336                            :aria-expanded="currentSubnav() && currentSubnav() === 'QU405c2L'"
2337                            aria-haspopup="true"
2338                        >
2339                            <span class="mobile-nav-label">Others 其他 ( Think outside the category!  跳脫框架,難以歸類)</span>
2340                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2341  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2342</svg></span>
2343                        </button>
2344                                    </li>
2345                    </ul>
2346    </div>
2347
2348                <div
2349        class="mobile-nav-panel mobile-nav-panel--child"
2350        x-show="currentSubnav() && currentSubnav() === 'nWpVub4q'"
2351        x-transition:enter="mobile-subnav-enter"
2352        x-transition:enter-start="mobile-subnav-enter-start"
2353        x-transition:enter-end="mobile-subnav-enter-end"
2354        x-transition:leave="mobile-subnav-leave"
2355        x-transition:leave-start="mobile-subnav-leave-start"
2356        x-transition:leave-end="mobile-subnav-leave-end"
2357        x-cloak
2358    >
2359        <div class="mobile-subnav-header">
2360            <button
2361                type="button"
2362                class="mobile-subnav-back"
2363                @click.prevent="closeSubnav()"
2364            >
2365                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2366  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2367</svg></span>
2368                <span>Back</span>
2369            </button>
2370            <span class="mobile-subnav-title">Coding 程式設計</span>
2371        </div>
2372
2373        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-nWpVub4q">
2374                            <li class="mobile-subnav-parent-link">
2375                    <a
2376                        href="/coding-31243243353537335336"
2377                                                class="mobile-nav-link mobile-nav-link--parent "
2378                    >
2379                        Coding 程式設計
2380                    </a>
2381                </li>
2382            
2383                            <li>
2384                                                                <button
2385                            type="button"
2386                            class="mobile-nav-link mobile-nav-link--has-children"
2387                            @click.prevent="openSubnav('ae5kNLnf')"
2388                            :aria-expanded="currentSubnav() && currentSubnav() === 'ae5kNLnf'"
2389                            aria-haspopup="true"
2390                        >
2391                            <span class="mobile-nav-label">Age 5 - 7</span>
2392                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2393  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2394</svg></span>
2395                        </button>
2396                                    </li>
2397                            <li>
2398                                                                <button
2399                            type="button"
2400                            class="mobile-nav-link mobile-nav-link--has-children"
2401                            @click.prevent="openSubnav('95xdZgPa')"
2402                            :aria-expanded="currentSubnav() && currentSubnav() === '95xdZgPa'"
2403                            aria-haspopup="true"
2404                        >
2405                            <span class="mobile-nav-label">Age 8 - 12</span>
2406                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2407  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2408</svg></span>
2409                        </button>
2410                                    </li>
2411                    </ul>
2412    </div>
2413
2414                <div
2415        class="mobile-nav-panel mobile-nav-panel--child"
2416        x-show="currentSubnav() && currentSubnav() === 'ae5kNLnf'"
2417        x-transition:enter="mobile-subnav-enter"
2418        x-transition:enter-start="mobile-subnav-enter-start"
2419        x-transition:enter-end="mobile-subnav-enter-end"
2420        x-transition:leave="mobile-subnav-leave"
2421        x-transition:leave-start="mobile-subnav-leave-start"
2422        x-transition:leave-end="mobile-subnav-leave-end"
2423        x-cloak
2424    >
2425        <div class="mobile-subnav-header">
2426            <button
2427                type="button"
2428                class="mobile-subnav-back"
2429                @click.prevent="closeSubnav()"
2430            >
2431                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2432  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2433</svg></span>
2434                <span>Back</span>
2435            </button>
2436            <span class="mobile-subnav-title">Age 5 - 7</span>
2437        </div>
2438
2439        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-ae5kNLnf">
2440            
2441                            <li>
2442                                                                <a
2443                            href="/junior-techs-1--2-199812555438651235672356738651331262110923458"
2444                                                        class="mobile-nav-link "
2445                        >
2446                            <span class="subnav-label">Junior Techs 1 + 2 不插電小小電腦創客</span>
2447                        </a>
2448                                    </li>
2449                            <li>
2450                                                                <a
2451                            href="/creative-cadets-2418820818312432433537007366552083738272"
2452                                                        class="mobile-nav-link "
2453                        >
2454                            <span class="subnav-label">Creative Cadets 幼兒程式邏輯入門</span>
2455                        </a>
2456                                    </li>
2457                            <li>
2458                                                                <a
2459                            href="/lets-code-with-hopscotch-259762030127138396408203"
2460                                                        class="mobile-nav-link "
2461                        >
2462                            <span class="subnav-label">Let&#039;s Code with Hopscotch! 數位樂高​</span>
2463                        </a>
2464                                    </li>
2465                    </ul>
2466    </div>
2467
2468            
2469            
2470            
2471    
2472                <div
2473        class="mobile-nav-panel mobile-nav-panel--child"
2474        x-show="currentSubnav() && currentSubnav() === '95xdZgPa'"
2475        x-transition:enter="mobile-subnav-enter"
2476        x-transition:enter-start="mobile-subnav-enter-start"
2477        x-transition:enter-end="mobile-subnav-enter-end"
2478        x-transition:leave="mobile-subnav-leave"
2479        x-transition:leave-start="mobile-subnav-leave-start"
2480        x-transition:leave-end="mobile-subnav-leave-end"
2481        x-cloak
2482    >
2483        <div class="mobile-subnav-header">
2484            <button
2485                type="button"
2486                class="mobile-subnav-back"
2487                @click.prevent="closeSubnav()"
2488            >
2489                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2490  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2491</svg></span>
2492                <span>Back</span>
2493            </button>
2494            <span class="mobile-subnav-title">Age 8 - 12</span>
2495        </div>
2496
2497        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-95xdZgPa">
2498            
2499                            <li>
2500                                                                <a
2501                            href="/aianimatedfilm"
2502                                                        class="mobile-nav-link "
2503                        >
2504                            <span class="subnav-label">AI Animated Film AI動畫電影</span>
2505                        </a>
2506                                    </li>
2507                            <li>
2508                                                                <a
2509                            href="/intro-to-htmlcss-31243243353537335336"
2510                                                        class="mobile-nav-link "
2511                        >
2512                            <span class="subnav-label">Intro to HTML/CSS 程式設計</span>
2513                        </a>
2514                                    </li>
2515                            <li>
2516                                                                <a
2517                            href="/intro-to-javascript"
2518                                                        class="mobile-nav-link "
2519                        >
2520                            <span class="subnav-label">Intro to JavaScript 程式設計</span>
2521                        </a>
2522                                    </li>
2523                            <li>
2524                                                                <a
2525                            href="/intro-to-python"
2526                                                        class="mobile-nav-link "
2527                        >
2528                            <span class="subnav-label">Intro to Python 基礎Python</span>
2529                        </a>
2530                                    </li>
2531                            <li>
2532                                                                <a
2533                            href="/introduction-to-vex-go"
2534                                                        class="mobile-nav-link "
2535                        >
2536                            <span class="subnav-label">Intro to VEX GO 基礎機器人設計</span>
2537                        </a>
2538                                    </li>
2539                            <li>
2540                                                                <a
2541                            href="/vex-iq"
2542                                                        class="mobile-nav-link "
2543                        >
2544                            <span class="subnav-label">Intro to VEX IQ 進階機器人設計</span>
2545                        </a>
2546                                    </li>
2547                            <li>
2548                                                                <a
2549                            href="/kano-build-a-computer-3325824049320683865133126"
2550                                                        class="mobile-nav-link "
2551                        >
2552                            <span class="subnav-label">Kano: Build a Computer 自己組電腦</span>
2553                        </a>
2554                                    </li>
2555                            <li>
2556                                                                <a
2557                            href="/virtual-world"
2558                                                        class="mobile-nav-link "
2559                        >
2560                            <span class="subnav-label">Making your own Virtual World 創建自己的虛擬世界</span>
2561                        </a>
2562                                    </li>
2563                            <li>
2564                                                                <a
2565                            href="/mod--hack-3d-games-with-minecraft--kodu-205703325824049303403d3693825138"
2566                                                        class="mobile-nav-link "
2567                        >
2568                            <span class="subnav-label">Mod &amp; Hack 3D Games with Minecraft &amp; Kodu 做自己的3D遊戲</span>
2569                        </a>
2570                                    </li>
2571                    </ul>
2572    </div>
2573
2574            
2575            
2576            
2577            
2578            
2579            
2580            
2581            
2582            
2583    
2584    
2585                <div
2586        class="mobile-nav-panel mobile-nav-panel--child"
2587        x-show="currentSubnav() && currentSubnav() === 'kJrxZFyO'"
2588        x-transition:enter="mobile-sub
2588nav-enter"
2589        x-transition:enter-start="mobile-subnav-enter-start"
2590        x-transition:enter-end="mobile-subnav-enter-end"
2591        x-transition:leave="mobile-subnav-leave"
2592        x-transition:leave-start="mobile-subnav-leave-start"
2593        x-transition:leave-end="mobile-subnav-leave-end"
2594        x-cloak
2595    >
2596        <div class="mobile-subnav-header">
2597            <button
2598                type="button"
2599                class="mobile-subnav-back"
2600                @click.prevent="closeSubnav()"
2601            >
2602                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2603  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2604</svg></span>
2605                <span>Back</span>
2606            </button>
2607            <span class="mobile-subnav-title">Biz, Communication, Humanities 商業、人文、語言傳播</span>
2608        </div>
2609
2610        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-kJrxZFyO">
2611                            <li class="mobile-subnav-parent-link">
2612                    <a
2613                        href="/biz-communication-humanities-21830269891228920154259911228935486353282065925773"
2614                                                class="mobile-nav-link mobile-nav-link--parent "
2615                    >
2616                        Biz, Communication, Humanities 商業、人文、語言傳播
2617                    </a>
2618                </li>
2619            
2620                            <li>
2621                                                                <button
2622                            type="button"
2623                            class="mobile-nav-link mobile-nav-link--has-children"
2624                            @click.prevent="openSubnav('QiLPSNdt')"
2625                            :aria-expanded="currentSubnav() && currentSubnav() === 'QiLPSNdt'"
2626                            aria-haspopup="true"
2627                        >
2628                            <span class="mobile-nav-label">Age 5-7</span>
2629                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2630  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2631</svg></span>
2632                        </button>
2633                                    </li>
2634                            <li>
2635                                                                <button
2636                            type="button"
2637                            class="mobile-nav-link mobile-nav-link--has-children"
2638                            @click.prevent="openSubnav('i3BMsYoQ')"
2639                            :aria-expanded="currentSubnav() && currentSubnav() === 'i3BMsYoQ'"
2640                            aria-haspopup="true"
2641                        >
2642                            <span class="mobile-nav-label">All ages</span>
2643                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2644  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2645</svg></span>
2646                        </button>
2647                                    </li>
2648                            <li>
2649                                                                <button
2650                            type="button"
2651                            class="mobile-nav-link mobile-nav-link--has-children"
2652                            @click.prevent="openSubnav('OU5mhTje')"
2653                            :aria-expanded="currentSubnav() && currentSubnav() === 'OU5mhTje'"
2654                            aria-haspopup="true"
2655                        >
2656                            <span class="mobile-nav-label">Age 8 - 12</span>
2657                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2658  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2659</svg></span>
2660                        </button>
2661                                    </li>
2662                    </ul>
2663    </div>
2664
2665                <div
2666        class="mobile-nav-panel mobile-nav-panel--child"
2667        x-show="currentSubnav() && currentSubnav() === 'QiLPSNdt'"
2668        x-transition:enter="mobile-subnav-enter"
2669        x-transition:enter-start="mobile-subnav-enter-start"
2670        x-transition:enter-end="mobile-subnav-enter-end"
2671        x-transition:leave="mobile-subnav-leave"
2672        x-transition:leave-start="mobile-subnav-leave-start"
2673        x-transition:leave-end="mobile-subnav-leave-end"
2674        x-cloak
2675    >
2676        <div class="mobile-subnav-header">
2677            <button
2678                type="button"
2679                class="mobile-subnav-back"
2680                @click.prevent="closeSubnav()"
2681            >
2682                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2683  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2684</svg></span>
2685                <span>Back</span>
2686            </button>
2687            <span class="mobile-subnav-title">Age 5-7</span>
2688        </div>
2689
2690        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-QiLPSNdt">
2691            
2692                            <li>
2693                                                                <a
2694                            href="/voice-acting"
2695                                                        class="mobile-nav-link "
2696                        >
2697                            <span class="subnav-label">Voice Acting 配音小明星</span>
2698                        </a>
2699                                    </li>
2700                    </ul>
2701    </div>
2702
2703            
2704    
2705                <div
2706        class="mobile-nav-panel mobile-nav-panel--child"
2707        x-show="currentSubnav() && currentSubnav() === 'i3BMsYoQ'"
2708        x-transition:enter="mobile-subnav-enter"
2709        x-transition:enter-start="mobile-subnav-enter-start"
2710        x-transition:enter-end="mobile-subnav-enter-end"
2711        x-transition:leave="mobile-subnav-leave"
2712        x-transition:leave-start="mobile-subnav-leave-start"
2713        x-transition:leave-end="mobile-subnav-leave-end"
2714        x-cloak
2715    >
2716        <div class="mobile-subnav-header">
2717            <button
2718                type="button"
2719                class="mobile-subnav-back"
2720                @click.prevent="closeSubnav()"
2721            >
2722                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2723  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2724</svg></span>
2725                <span>Back</span>
2726            </button>
2727            <span class="mobile-subnav-title">All ages</span>
2728        </div>
2729
2730        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-i3BMsYoQ">
2731            
2732                            <li>
2733                                                                <a
2734                            href="/ancient-egypt"
2735                                                        class="mobile-nav-link "
2736                        >
2737                            <span class="subnav-label">Ancient Egypt 古埃及文化​</span>
2738                        </a>
2739                                    </li>
2740                            <li>
2741                                                                <a
2742                            href="/ancient-greece"
2743                                                        class="mobile-nav-link "
2744                        >
2745                            <span class="subnav-label">Ancient Greece 古希臘文化</span>
2746                        </a>
2747                                    </li>
2748                            <li>
2749                                                                <a
2750                            href="/chess"
2751                                                        class="mobile-nav-link "
2752                        >
2753                            <span class="subnav-label">Chess 西洋棋</span>
2754                        </a>
2755                                    </li>
2756                            <li>
2757                                                                <a
2758                            href="/drama-251382112729151"
2759                                                        class="mobile-nav-link "
2760                        >
2761                            <span class="subnav-label">Drama 戲劇營</span>
2762                        </a>
2763                                    </li>
2764                            <li>
2765                                                                <a
2766                            href="/shark-tank"
2767                                                        class="mobile-nav-link "
2768                        >
2769                            <span class="subnav-label">Shark Tank 小小創業家</span>
2770                        </a>
2771                                    </li>
2772                            <li>
2773                                                                <a
2774                            href="/video-journalism-26032328622257723566"
2775                                                        class="mobile-nav-link "
2776                        >
2777                            <span class="subnav-label">Video Journalism 新聞報導</span>
2778                        </a>
2779                                    </li>
2780                            <li>
2781                                                                <a
2782                            href="/youtuber"
2783                                                        class="mobile-nav-link "
2784                        >
2785                            <span class="subnav-label">Youtuber Camp 小小網紅</span>
2786                        </a>
2787                                    </li>
2788                    </ul>
2789    </div>
2790
2791            
2792            
2793            
2794            
2795            
2796            
2797            
2798    
2799                <div
2800        class="mobile-nav-panel mobile-nav-panel--child"
2801        x-show="currentSubnav() && currentSubnav() === 'OU5mhTje'"
2802        x-transition:enter="mobile-subnav-enter"
2803        x-transition:enter-start="mobile-subnav-enter-start"
2804        x-transition:enter-end="mobile-subnav-enter-end"
2805        x-transition:leave="mobile-subnav-leave"
2806        x-transition:leave-start="mobile-subnav-leave-start"
2807        x-transition:leave-end="mobile-subnav-leave-end"
2808        x-cloak
2809    >
2810        <div class="mobile-subnav-header">
2811            <button
2812                type="button"
2813                class="mobile-subnav-back"
2814                @click.prevent="closeSubnav()"
2815            >
2816                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2817  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2818</svg></span>
2819                <span>Back</span>
2820            </button>
2821            <span class="mobile-subnav-title">Age 8 - 12</span>
2822        </div>
2823
2824        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-OU5mhTje">
2825            
2826                            <li>
2827                                                                <a
2828                            href="/podcast-creator"
2829                                                        class="mobile-nav-link "
2830                        >
2831                            <span class="subnav-label">Podcast Creator 小小 Podcast 創作者</span>
2832                        </a>
2833                                    </li>
2834                            <li>
2835                                                                <a
2836                            href="/ancient-rome"
2837                                                        class="mobile-nav-link "
2838                        >
2839                            <span class="subnav-label">Ancient Rome 古羅馬文化​</span>
2840                        </a>
2841                                    </li>
2842                            <li>
2843                                                                <a
2844                            href="/broadcast-pro-student-edition"
2845                                                        class="mobile-nav-link "
2846                        >
2847                            <span class="subnav-label">Broadcast Pro: Student Edition 小小廣播人</span>
2848                        </a>
2849                                    </li>
2850                            <li>
2851                                                                <a
2852                            href="/englishjournalism"
2853                                                        class="mobile-nav-link "
2854                        >
2855                            <span class="subnav-label">English Journalism 新聞寫作​</span>
2856                        </a>
2857                                    </li>
2858                            <li>
2859                                                                <a
2860                            href="/food-truck"
2861                                                        class="mobile-nav-link "
2862                        >
2863                            <span class="subnav-label">Food Truck 食尚小老闆</span>
2864                        </a>
2865                                    </li>
2866                            <li>
2867                                                                <a
2868                            href="/literature"
2869                                                        class="mobile-nav-link "
2870                        >
2871                            <span class="subnav-label">Literature 閱讀俱樂部</span>
2872                        </a>
2873                                    </li>
2874                            <li>
2875                                                                <a
2876                            href="/model-united-nations-2716925836328792151222283"
2877                                                        class="mobile-nav-link "
2878                        >
2879                            <span class="subnav-label">Model United Nations 模擬聯合國</span>
2880                        </a>
2881                                    </li>
2882                            <li>
2883                                                                <a
2884                            href="/reading--writing-38321357122353120316"
2885                                                        class="mobile-nav-link "
2886                        >
2887                            <span class="subnav-label">Reading &amp; Writing 閱讀/寫作</span>
2888                        </a>
2889                                    </li>
2890                            <li>
2891                                                                <a
2892                            href="/ted-ed-student-talks"
2893                                                        class="mobile-nav-link "
2894                        >
2895                            <span class="subnav-label">TED-Ed Student Talks  TED-ED 學生演說</span>
2896                        </a>
2897                                    </li>
2898                            <li>
2899                                                                <a
2900                            href="/writing-class-23531203163550631243"
2901                                                        class="mobile-nav-link "
2902                        >
2903                            <span class="subnav-label">Writing Class 寫作課程</span>
2904                        </a>
2905                                    </li>
2906                    </ul>
2907    </div>
2908
2909            
2910            
2911            
2912            
2913            
2914            
2915            
2916            
2917            
2918            
2919    
2920    
2921                <div
2922        class="mobile-nav-panel mobile-nav-panel--child"
2923        x-show="currentSubnav() && currentSubnav() === 'wIdJUr2f'"
2924        x-transition:enter="mobile-subnav-enter"
2925        x-transition:enter-start="mobile-subnav-enter-start"
2926        x-transition:enter-end="mobile-subnav-enter-end"
2927        x-transition:leave="mobile-subnav-leave"
2928        x-transition:leave-start="mobile-subnav-leave-start"
2929        x-transition:leave-end="mobile-subnav-leave-end"
2930        x-cloak
2931    >
2932        <div class="mobile-subnav-header">
2933            <button
2934                type="button"
2935                class="mobile-subnav-back"
2936                @click.prevent="closeSubnav()"
2937            >
2938                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2939  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
2940</svg></span>
2941                <span>Back</span>
2942            </button>
2943            <span class="mobile-subnav-title">Math and Science 數學與科學</span>
2944        </div>
2945
2946        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-wIdJUr2f">
2947            
2948                            <li>
2949                                                                <button
2950                            type="button"
2951                            class="mobile-nav-link mobile-nav-link--has-children"
2952                            @click.prevent="openSubnav('5XfaKnoL')"
2953                            :aria-expanded="currentSubnav() && currentSubnav() === '5XfaKnoL'"
2954                            aria-haspopup="true"
2955                        >
2956                            <span class="mobile-nav-label">All Ages</span>
2957                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2958  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2959</svg></span>
2960                        </button>
2961                                    </li>
2962                            <li>
2963                                                                <button
2964                            type="button"
2965                            class="mobile-nav-link mobile-nav-link--has-children"
2966                            @click.prevent="openSubnav('4m4bOTXR')"
2967                            :aria-expanded="currentSubnav() && currentSubnav() === '4m4bOTXR'"
2968                            aria-haspopup="true"
2969                        >
2970                            <span class="mobile-nav-label">Ages 5 - 7</span>
2971                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2972  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2973</svg></span>
2974                        </button>
2975                                    </li>
2976                            <li>
2977                                                                <button
2978                            type="button"
2979                            class="mobile-nav-link mobile-nav-link--has-children"
2980                            @click.prevent="openSubnav('oGx7HDG5')"
2981                            :aria-expanded="currentSubnav() && currentSubnav() === 'oGx7HDG5'"
2982                            aria-haspopup="true"
2983                        >
2984                            <span class="mobile-nav-label">Ages 8 - 12</span>
2985                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
2986  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
2987</svg></span>
2988                        </button>
2989                                    </li>
2990                    </ul>
2991    </div>
2992
2993                <div
2994        class="mobile-nav-panel mobile-nav-panel--child"
2995        x-show="currentSubnav() && currentSubnav() === '5XfaKnoL'"
2996        x-transition:enter="mobile-subnav-enter"
2997        x-transition:enter-start="mobile-subnav-enter-start"
2998        x-transition:enter-end="mobile-subnav-enter-end"
2999        x-transition:leave="mobile-subnav-leave"
3000        x-transition:leave-start="mobile-subnav-leave-start"
3001        x-transition:leave-end="mobile-subnav-leave-end"
3002        x-cloak
3003    >
3004        <div class="mobile-subnav-header">
3005            <button
3006                type="button"
3007                class="mobile-subnav-back"
3008                @click.prevent="closeSubnav()"
3009            >
3010                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3011  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3012</svg></span>
3013                <span>Back</span>
3014            </button>
3015            <span class="mobile-subnav-title">All Ages</span>
3016        </div>
3017
3018        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-5XfaKnoL">
3019            
3020                            <li>
3021                                                                <a
3022                            href="/amazon-rainforest-20126393403695638632265192998324907"
3023                                                        class="mobile-nav-link "
3024                        >
3025                            <span class="subnav-label">Amazon Rainforest 亞馬遜雨林生態</span>
3026                        </a>
3027                                    </li>
3028                    </ul>
3029    </div>
3030
3031            
3032    
3033                <div
3034        class="mobile-nav-panel mobile-nav-panel--child"
3035        x-show="currentSubnav() && currentSubnav() === '4m4bOTXR'"
3036        x-transition:enter="mobile-subnav-enter"
3037        x-transition:enter-start="mobile-subnav-enter-start"
3038        x-transition:enter-end="mobile-subnav-enter-end"
3039        x-transition:leave="mobile-subnav-leave"
3040        x-transition:leave-start="mobile-subnav-leave-start"
3041        x-transition:leave-end="mobile-subnav-leave-end"
3042        x-cloak
3043    >
3044        <div class="mobile-subnav-header">
3045            <button
3046                type="button"
3047                class="mobile-subnav-back"
3048                @click.prevent="closeSubnav()"
3049            >
3050                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3051  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3052</svg></span>
3053                <span>Back</span>
3054            </button>
3055            <span class="mobile-subnav-title">Ages 5 - 7</span>
3056        </div>
3057
3058        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-4m4bOTXR">
3059            
3060                            <li>
3061                                                                <a
3062                            href="/junior-human-anatomy"
3063                                                        class="mobile-nav-link "
3064                        >
3065                            <span class="subnav-label">Junior Human Anatomy 人體構造</span>
3066                        </a>
3067                                    </li>
3068                            <li>
3069                                                                <a
3070                            href="/juniorscience"
3071                                                        class="mobile-nav-link "
3072                        >
3073                            <span class="subnav-label">Junior Science 基礎科學</span>
3074                        </a>
3075                                    </li>
3076                            <li>
3077                                                                <a
3078                            href="/math-escape-room"
3079                                                        class="mobile-nav-link "
3080                        >
3081                            <span class="subnav-label">Math Escape Room 數學密室逃脫</span>
3082                        </a>
3083                                    </li>
3084                            <li>
3085                                                                <a
3086                            href="/real-life-math-project"
3087                                                        class="mobile-nav-link "
3088                        >
3089                            <span class="subnav-label">Real-Life Math Project 数学的应用</span>
3090                        </a>
3091                                    </li>
3092                            <li>
3093                                                                <a
3094                            href="/space-kids-2356723567228263135420154"
3095                                                        class="mobile-nav-link "
3096                        >
3097                            <span class="subnav-label">Space Kids 小小太空人</span>
3098                        </a>
3099                                    </li>
3100                    </ul>
3101    </div>
3102
3103            
3104            
3105            
3106            
3107            
3108    
3109                <div
3110        class="mobile-nav-panel mobile-nav-panel--child"
3111        x-show="currentSubnav() && currentSubnav() === 'oGx7HDG5'"
3112        x-transition:enter="mobile-subnav-enter"
3113        x-transition:enter-start="mobile-subnav-enter-start"
3114        x-transition:enter-end="mobile-subnav-enter-end"
3115        x-transition:leave="mobile-subnav-leave"
3116        x-transition:leave-start="mobile-subnav-leave-start"
3117        x-transition:leave-end="mobile-subnav-leave-end"
3118        x-cloak
3119    >
3120        <div class="mobile-subnav-header">
3121            <button
3122                type="button"
3123                class="mobile-subnav-back"
3124                @click.prevent="closeSubnav()"
3125            >
3126                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3127  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3128</svg></span>
3129                <span>Back</span>
3130            </button>
3131            <span class="mobile-subnav-title">Ages 8 - 12</span>
3132        </div>
3133
3134        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-oGx7HDG5">
3135            
3136                            <li>
3137                                                                <a
3138                            href="/forensicinvestigators"
3139                                                        class="mobile-nav-link "
3140                        >
3141                            <span class="subnav-label">Forensic Investigators 法醫鑑識團</span>
3142                        </a>
3143                                    </li>
3144                            <li>
3145                                                                <a
3146                            href="/human-anatomy-20154396362708336896"
3147                                                        class="mobile-nav-link "
3148                        >
3149                            <span class="subnav-label">Human Anatomy 人體構造</span>
3150                        </a>
3151                                    </li>
3152                            <li>
3153                                                                <a
3154                            href="/introtobiology"
3155                                                        class="mobile-nav-link "
3156                        >
3157                            <span class="subnav-label">Introduction to Biology 基礎生物</span>
3158                        </a>
3159                                    </li>
3160                            <li>
3161                                                                <a
3162                            href="/introduction-to-science-22522309903118523416"
3163                                                        class="mobile-nav-link "
3164                        >
3165                            <span class="subnav-label">Introduction to Science 基礎科學</span>
3166                        </a>
3167                                    </li>
3168                            <li>
3169                                                                <a
3170                            href="/math-competition-prep"
3171                                                        class="mobile-nav-link "
3172                        >
3173                            <span class="subnav-label">Math Competition Prep 數學競賽</span>
3174                        </a>
3175                                    </li>
3176                            <li>
3177                                                                <a
3178                            href="/scienceexperiments"
3179                                                        class="mobile-nav-link "
3180                        >
3181                            <span class="subnav-label">Science Experiments 科學實驗</span>
3182                        </a>
3183                                    </li>
3184                    </ul>
3185    </div>
3186
3187            
3188            
3189            
3190            
3191            
3192            
3193    
3194    
3195                <div
3196        class="mobile-nav-panel mobile-nav-panel--child"
3197        x-show="currentSubnav() && currentSubnav() === 'zOxCkWNH'"
3198        x-transition:enter="mobile-subnav-enter"
3199        x-transition:enter-start="mobile-subnav-enter-start"
3200        x-transition:enter-end="mobile-subnav-enter-end"
3201        x-transition:leave="mobile-subnav-leave"
3202        x-transition:leave-start="mobile-subnav-leave-start"
3203        x-transition:leave-end="mobile-subnav-leave-end"
3204        x-cloak
3205    >
3206        <div class="mobile-subnav-header">
3207            <button
3208                type="button"
3209                class="mobile-subnav-back"
3210                @click.prevent="closeSubnav()"
3211            >
3212                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3213  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3214</svg></span>
3215                <span>Back</span>
3216            </button>
3217            <span class="mobile-subnav-title">Foreign Language 語言</span>
3218        </div>
3219
3220        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-zOxCkWNH">
3221            
3222                            <li>
3223                                                                <a
3224                            href="/spanish-35199296772927335486"
3225                                                        class="mobile-nav-link "
3226                        >
3227                            <span class="subnav-label">Spanish 西班牙語</span>
3228                        </a>
3229                                    </li>
3230                            <li>
3231                                                                <button
3232                            type="button"
3233                            class="mobile-nav-link mobile-nav-link--has-children"
3234                            @click.prevent="openSubnav('aI5OsVCJ')"
3235                            :aria-expanded="currentSubnav() && currentSubnav() === 'aI5OsVCJ'"
3236                            aria-haspopup="true"
3237                        >
3238                            <span class="mobile-nav-label">Mandarin 中文</span>
3239                            <span class="mobile-nav-chevron"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3240  <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
3241</svg></span>
3242                        </button>
3243                                    </li>
3244                    </ul>
3245    </div>
3246
3247            
3248                <div
3249        class="mobile-nav-panel mobile-nav-panel--child"
3250        x-show="currentSubnav() && currentSubnav() === 'aI5OsVCJ'"
3251        x-transition:enter="mobile-subnav-enter"
3252        x-transition:enter-start="mobile-subnav-enter-start"
3253        x-transition:enter-end="mobile-subnav-enter-end"
3254        x-transition:leave="mobile-subnav-leave"
3255        x-transition:leave-start="mobile-subnav-leave-start"
3256        x-transition:leave-end="mobile-subnav-leave-end"
3257        x-cloak
3258    >
3259        <div class="mobile-subnav-header">
3260            <button
3261                type="button"
3262                class="mobile-subnav-back"
3263                @click.prevent="closeSubnav()"
3264            >
3265                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3266  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3267</svg></span>
3268                <span>Back</span>
3269            </button>
3270            <span class="mobile-subnav-title">Mandarin 中文</span>
3271        </div>
3272
3273        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-aI5OsVCJ">
3274            
3275                            <li>
3276                                                                <a
3277                            href="/mandarinholidaytaiwan"
3278                                                        class="mobile-nav-link "
3279                        >
3280                            <span class="subnav-label">Mandarin Holiday in Taiwan 玩台灣學華語</span>
3281                        </a>
3282                                    </li>
3283                            <li>
3284                                                                <a
3285                            href="/mandarin-online"
3286                                                        class="mobile-nav-link "
3287                        >
3288                            <span class="subnav-label">Mandarin Online 華語線上課程</span>
3289                        </a>
3290                                    </li>
3291                    </ul>
3292    </div>
3293
3294            
3295            
3296    
3297    
3298                <div
3299        class="mobile-nav-panel mobile-nav-panel--child"
3300        x-show="currentSubnav() && currentSubnav() === '4vv2cqyB'"
3301        x-transition:enter="mobile-subnav-enter"
3302        x-transition:enter-start="mobile-subnav-enter-start"
3303        x-transition:enter-end="mobile-subnav-enter-end"
3304        x-transition:leave="mobile-subnav-leave"
3305        x-transition:leave-start="mobile-subnav-leave-start"
3306        x-transition:leave-end="mobile-subnav-leave-end"
3307        x-cloak
3308    >
3309        <div class="mobile-subnav-header">
3310            <button
3311                type="button"
3312                class="mobile-subnav-back"
3313                @click.prevent="closeSubnav()"
3314            >
3315                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3316  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3317</svg></span>
3318                <span>Back</span>
3319            </button>
3320            <span class="mobile-subnav-title">Arts and Crafts 美術</span>
3321        </div>
3322
3323        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-4vv2cqyB">
3324            
3325                            <li>
3326                                                                <a
3327                            href="/artcampfamousartist"
3328                                                        class="mobile-nav-link "
3329                        >
3330                            <span class="subnav-label">Little Masters: Art Inspired by Famous Artists​ 小小藝術家啟發創作班</span>
3331                        </a>
3332                                    </li>
3333                            <li>
3334                                                                <a
3335                            href="/makerspace"
3336                                                        class="mobile-nav-link "
3337                        >
3338                            <span class="subnav-label">Makerspace</span>
3339                        </a>
3340                                    </li>
3341                    </ul>
3342    </div>
3343
3344            
3345            
3346    
3347                <div
3348        class="mobile-nav-panel mobile-nav-panel--child"
3349        x-show="currentSubnav() && currentSubnav() === 'uL9aMpoo'"
3350        x-transition:enter="mobile-subnav-enter"
3351        x-transition:enter-start="mobile-subnav-enter-start"
3352        x-transition:enter-end="mobile-subnav-enter-end"
3353        x-transition:leave="mobile-subnav-leave"
3354        x-transition:leave-start="mobile-subnav-leave-start"
3355        x-transition:leave-end="mobile-subnav-leave-end"
3356        x-cloak
3357    >
3358        <div class="mobile-subnav-header">
3359            <button
3360                type="button"
3361                class="mobile-subnav-back"
3362                @click.prevent="closeSubnav()"
3363            >
3364                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3365  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3366</svg></span>
3367                <span>Back</span>
3368            </button>
3369            <span class="mobile-subnav-title">Sports Camp 運動營</span>
3370        </div>
3371
3372        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-uL9aMpoo">
3373            
3374                            <li>
3375                                                                <a
3376                            href="/tennis"
3377                                                        class="mobile-nav-link "
3378                        >
3379                            <span class="subnav-label">Tennis Camp 網球營</span>
3380                        </a>
3381                                    </li>
3382                    </ul>
3383    </div>
3384
3385            
3386    
3387                <div
3388        class="mobile-nav-panel mobile-nav-panel--child"
3389        x-show="currentSubnav() && currentSubnav() === 'QU405c2L'"
3390        x-transition:enter="mobile-subnav-enter"
3391        x-transition:enter-start="mobile-subnav-enter-start"
3392        x-transition:enter-end="mobile-subnav-enter-end"
3393        x-transition:leave="mobile-subnav-leave"
3394        x-transition:leave-start="mobile-subnav-leave-start"
3395        x-transition:leave-end="mobile-subnav-leave-end"
3396        x-cloak
3397    >
3398        <div class="mobile-subnav-header">
3399            <button
3400                type="button"
3401                class="mobile-subnav-back"
3402                @click.prevent="closeSubnav()"
3403            >
3404                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3405  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3406</svg></span>
3407                <span>Back</span>
3408            </button>
3409            <span class="mobile-subnav-title">Others 其他 ( Think outside the category!  跳脫框架,難以歸類)</span>
3410        </div>
3411
3412        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-QU405c2L">
3413            
3414                            <li>
3415                                                                <a
3416                            href="/adventure-journey-310703119220882385702004326053396363951129151"
3417                                                        class="mobile-nav-link "
3418                        >
3419                            <span class="subnav-label">Adventure Journey 神秘冒險之旅體驗營</span>
3420                        </a>
3421                                    </li>
3422                            <li>
3423                                                                <a
3424                            href="/gamedesign"
3425                                                        class="mobile-nav-link "
3426                        >
3427                            <span class="subnav-label">Game Design Unplugged 桌遊設計</span>
3428                        </a>
3429                                    </li>
3430                    </ul>
3431    </div>
3432
3433            
3434            
3435    
3436    
3437            
3438            
3439            
3440    
3441            
3442            
3443                <div
3444        class="mobile-nav-panel mobile-nav-panel--child"
3445        x-show="currentSubnav() && currentSubnav() === 'PHllWaG4'"
3446        x-transition:enter="mobile-subnav-enter"
3447        x-transition:enter-start="mobile-subnav-enter-start"
3448        x-transition:enter-end="mobile-subnav-enter-end"
3449        x-transition:leave="mobile-subnav-leave"
3450        x-transition:leave-start="mobile-subnav-leave-start"
3451        x-transition:leave-end="mobile-subnav-leave-end"
3452        x-cloak
3453    >
3454        <div class="mobile-subnav-header">
3455            <button
3456                type="button"
3457                class="mobile-subnav-back"
3458                @click.prevent="closeSubnav()"
3459            >
3460                <span class="mobile-subnav-back-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
3461  <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
3462</svg></span>
3463                <span>Back</span>
3464            </button>
3465            <span class="mobile-subnav-title">About Us 關於我們</span>
3466        </div>
3467
3468        <ul class="mobile-nav-links mobile-subnav-list subnav-parent-PHllWaG4">
3469                            <li class="mobile-subnav-parent-link">
3470                    <a
3471                        href="/about-us-38364260442510520497"
3472                                                class="mobile-nav-link mobile-nav-link--parent active"
3473                    >
3474                        About Us 關於我們
3475                    </a>
3476                </li>
3477            
3478                            <li>
3479                                                                <a
3480                            href="/contact-us-32879320972510520497"
3481                                                        class="mobile-nav-link "
3482                        >
3483                            <span class="subnav-label">Contact Us 聯絡我們</span>
3484                        </a>
3485                                    </li>
3486                            <li>
3487                                                                <a
3488                            href="/faqs-241203521121839389883529931572"
3489                                                        class="mobile-nav-link "
3490                        >
3491                            <span class="subnav-label">FAQs 常見問題解答</span>
3492                        </a>
3493                                    </li>
3494                            <li>
3495                                                                <a
3496                            href="/collaborations-2151220316"
3497                                                        class="mobile-nav-link "
3498                        >
3499                            <span class="subnav-label">Collaborations 合作</span>
3500                        </a>
3501                                    </li>
3502                    </ul>
3503    </div>
3504
3505            
3506            
3507            
3508    
3509            
3510    </div>
3511
3512        <div class="mobile-nav-overlay-buttons">
3513                                            </div>
3514    </div>
3515</header>
3516</div>
3517        <main>
3518                <div class="header-section">
3519        <div id="c6a44933009c3a" class="component"><section
3520    id="page-section"
3521    style="--text-color: #ffffff; --paragraph-font-size: 35px; --paragraph-line-height: 1.3em; --paragraph-font-size-tablet: 25px; --paragraph-line-height-tablet: 1.3em; --paragraph-font-size-mobile: 21px; --paragraph-line-height-mobile: 1.3em; --heading-2-font-size: 14px; --heading-2-line-height: 1.3em; --heading-2-font-size-tablet: 14px; --heading-2-line-height-tablet: 1.3em; --heading-2-font-size-mobile: 14px; --heading-2-line-height-mobile: 1.3em;
3521 --background-image: url('//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/1527930044.png'); --background-position: 50% 48%; --min-height-desktop: 261px; --min-height-tablet: 261px; --min-height-mobile: 261px;"
3522    class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-[image:var(--background-image)] bg-no-repeat bg-[position:var(--background-position)] bg-cover bg-type-image hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
3523>
3524    
3525    
3526    <div
3527        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-6xl md:max-w-6xl max-w-6xl lg:gap-3 md:gap-2 gap-1"
3528        style="padding-block: 48px;"
3529                
3530    >
3531        
3532
3533            </div>
3534</section>
3535</div>
3536    </div>
3537    <div id="c6a44933009f9c" class="component"><div >
3538    <div id="c6a44932feba5a" class="component"><section
3539    id="page-section"
3540    style="--background-color: transparent; --min-height-desktop: 1011px; --min-height-tablet: 1011px; --min-height-mobile: 1011px;"
3541    class="page-section transition-all z-10 relative bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
3542>
3543    
3544    
3545    <div
3546        class="section-inner  opacity-0 translate-y-5 relative transition-all duration-500 mx-auto grid lg:max-w-6xl md:max-w-6xl max-w-6xl lg:gap-3 md:gap-2 gap-1"
3547        style="padding-block: 48px;"
3548                    x-data="{ shown: false }"
3549            x-cloak
3550            x-intersect.threshold-20.once="setTimeout(() => shown = true, 400)"
3551            :class="{ '!opacity-100 !translate-y-0': shown }"
3552                
3553    >
3554        <div id="c6a44932fe6e7e" class="component"><div
3555    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3556    style=""
3557>
3558    <div class="text-option"><h2 class="ql-align-center"><strong><span style="color:#5040ae; font-size:42px;">Meet Our Team&nbsp;</span></strong><span style="color:#5040ae; font-size:42px;">&#22296;&#38538;&#20171;&#32057;</span><strong></strong></h2></div>
3559</div>
3560</div><div id="c6a44932fe6f0c" class="component"><div
3561    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3562    style=""
3563>
3564    <div class="text-option"><h2 class="ql-align-left"><span style="font-size:32px;">Mark Hsu </span><span style="font-size:24px;"><span style="color:#e0915c;">- Founder</span><span style="color:#da8044;">&nbsp;</span></span><span style="color:#da8044; font-size:24px;">&#21109;&#36774;&#20154;</span></h2></div>
3565</div>
3566</div><div id="c6a44932fe9214" class="component"><div class="column-container md:gap-6 md:flex" >
3567            <div
3568            class=" column relative  md:w-6/12"
3569            
3570                    >
3571            <div id="c6a44932fe90ed" class="component"><div
3572    style=""
3573    x-data="{ fullscreen: false }"
3574>
3575    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
3576                    <img
3577                src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/z6k-7462.jpg?w=1080"
3578                alt="Lighthouse Camps Logo"
3579                class="resizeable-image object-cover aspect-square lg:rounded-full md:rounded-full rounded-full "
3580                                            />
3581            </div>
3582        </div>
3583</div>
3584                    </div>
3585            <div
3586            class=" column relative  md:w-6/12"
3587            
3588                    >
3589            <div id="c6a44932fe91ab" class="component"><div
3590    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3591    style=""
3592>
3593    <div class="text-option"><div class="ql-align-left"><span>Lighthouse Camps &#30340;&#21109;&#22987;&#32773;Mark, &#30050;&#26989;&#26044;&#32654;&#22283;&#21490;&#20025;&#31119;&#22823;&#23416;&#65292;&#19981;&#20677;&#26159;&#20197;&#28858;&#36899;&#32396;&#21109;&#26989;&#23478;&#65292;&#20063;&#26159;&#20841;&#20491;&#23401;&#23376;&#30340;&#29240;&#29240;&#12290;&#22312;&#30332;&#29694;&#21488;&#28771;&#32570;&#20047;&#20778;&#36074;&#30340;&#36328;&#38936;&#22495;&#31435;&#21051;&#25945;&#32946;&#65288;STEAM programs&#65289;&#24460;&#65292;&#20182;&#22312;2018&#24180;&#21109;&#31435;&#20102;Lighthouse Camps&#65288;&#33802;&#29305;&#35946;&#26031;&#20818;&#31461;&#29151;&#38538;&#65289;&#65292;&#19981;&#30693;&#26159;&#28858;&#20102;&#20182;&#33258;&#24049;&#30340;&#20841;&#20491;&#20818;&#23376;&#65292;&#20063;&#28858;&#20102;&#20840;&#21488;&#28771;&#30340;&#23401;&#23376;&#20497;&#12290;</span><br /><br /><span style="color:#2a2a2a;">Mark Hsu, the founder of Lighthouse Camps, graduated from <strong>Stanford University,&nbsp;</strong>is not only a serial entrepreneur, but also the father of two children. After discovering that Taiwan lacks high-quality cross-field academic education (<strong>STEAM programs</strong>), he founded Lighthouse Camps in 2018, not only for his own two children, but also every student in Taiwan.</span></div></div>
3594</div>
3595</div>
3596                    </div>
3597    </div>
3598</div><div id="c6a44932feb9a1" class="component"><div class="column-container md:gap-6 md:flex" >
3599            <div
3600            class=" column relative  md:w-8/12"
3601            
3602                    >
3603            <div id="c6a44932fe92b3" class="component"><div
3604    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3605    style=""
3606>
3607    <div class="text-option"><h2 class="ql-align-left"><span style="font-size:32px;">Ivon Jou&nbsp;</span><span style="color:#e0915c; font-size:24px;">- Academic Director&nbsp;</span><span style="color:#da8044; font-size:24px;">&#35506;&#31243;&#30740;&#30332;</span><span style="color:#da8044; font-size:24px;">&#20027;&#20219;</span></h2></div>
3608</div>
3609</div><div id="c6a44932fe9337" class="component"><div
3610    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3611    style=""
3612>
3613    <div class="text-option"><div class="ql-align-left"><span>&#24478;&#23567;&#22312;&#22283;&#22806;&#38263;&#22823;&#65292;&#22823;&#23416;&#22763;&#26371;&#21488;&#28771;&#21462;&#24471;&#37291;&#23416;&#23416;&#22763;&#23416;&#20301;&#24460;&#65292;&#20173;&#28961;&#27861;&#24536;&#24773;&#33258;&#24049;&#23565;&#20818;&#31461;&#25945;&#32946;&#30340;&#29105;&#24561;&#65292;&#21152;&#20837;Lighthouse Camps&#24460;&#65292;&#35373;&#35336;&#20102;&#22810;&#31278;&#36969;&#21512;&#22283;&#23567;&#25110;&#23416;&#40801;&#21069;&#20818;&#31461;&#30340;STEAM&#35506;&#31243;&#12290; Ivon&#30456;&#20449;&#22312;&#33021;&#22816;&#33258;&#30001;&#30332;&#25582;&#21109;&#24847;&#65292;&#25506;&#32034;&#22909;&#22855;&#24515;&#30340;&#29872;&#22659;&#19979;&#25104;&#38263;&#30340;&#23401;&#23376;&#20497;&#65292;&#20877;&#33021;&#25104;&#28858;&#26410;&#20358;&#19990;&#30028;&#38656;&#35201;&#30340;&#20154;&#25165;&#12290;</span><br /><br /><span style="font-size:18px;"><span style="color:rgb(42, 42, 42)">Ivon Jou, who holds a Bachelor of Medicine degree and grew up abroad, has designed various STEAM courses that are suitable for elementary school students. She believes that children who are given the freedom to be creative and explore their curious mind along with the right tools, can become empowering members of society.</span></span></div></div>
3614</div>
3615</div>
3616                    </div>
3617            <div
3618            class=" column relative  md:w-4/12"
3619            
3620                    >
3621            <div id="c6a44932feb8f0" class="component"><div
3622    style=""
3623    x-data="{ fullscreen: false }"
3624>
3625    <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5">
3626                    <img
3627                src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/0z6-3293.jpg?w=1080"
3628                alt="Lighthouse Camps Logo"
3629                class="resizeable-image object-cover aspect-square lg:rounded-full md:rounded-full rounded-full "
3630                                            />
3631            </div>
3632        </div>
3633</div>
3634                    </div>
3635    </div>
3636</div>
3637
3638            </div>
3639</section>
3640</div><div id="c6a44933007452" class="component"><section
3641    id="page-section"
3642    style="--background-color: #fcf490; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
3643    class="page-section transition-all z-10 relative bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
3644>
3645    
3646    
3647    <div
3648        class="section-inner  opacity-0 translate-y-5 relative transition-all duration-500 mx-auto grid lg:max-w-6xl md:max-w-6xl max-w-6xl lg:gap-3 md:gap-2 gap-1"
3649        style="padding-block: 48px;"
3650                    x-data="{ shown: false }"
3651            x-cloak
3652            x-intersect.threshold-20.once="setTimeout(() => shown = true, 400)"
3653            :class="{ '!opacity-100 !translate-y-0': shown }"
3654                
3655    >
3656        <div id="c6a4493300738f" class="component"><div class="column-container md:gap-6 md:flex" >
3657            <div
3658            class=" column relative  md:w-5/12"
3659            
3660                    >
3661            <div id="c6a44932febafe" class="component"><div
3662    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3663    style=""
3664>
3665    <div class="text-option"><h2 class="ql-align-center"><span style="color:#2a2a2a; font-size:32px;">&#25105;&#20497;&#30340;&#30446;&#27161; Our Mission</span></h2></div>
3666</div>
3667</div><div id="c6a44932febb75" class="component"><div
3668    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3669    style=""
3670>
3671    <div class="text-option"><div class="ql-align-left"><span style="color:#2a2a2a; font-size:24px;">&#22312;Lighthouse Camps&#65292;<br />&#25105;&#20497;&#19981;&#21934;&#21934;&#21482;&#26159;&#25552;&#20379;&#25945;&#23416;&#26381;&#21209;&#65292;<br />&#26356;&#24076;&#26395;&#33021;&#21855;&#30332;&#23401;&#23376;&#20497;&#65292;<br />&#8203;<strong>&#25945;&#23566;&#23401;&#23376;&#19981;&#35201;&#23475;&#24597;&#37679;&#35492;&#65292;<br />&#32780;&#26159;&#22914;&#20309;&#21191;&#25954;&#28961;&#25084;&#22320;&#24478;&#37679;&#35492;&#20013;&#23416;&#32722;&#65292;</strong><br />&#22521;&#39178;&#20182;&#20497;&#22312;&#20219;&#20309;&#38936;&#22495;&#37117;&#33021;&#25104;&#28858;&#19968;&#20491;&#25104;&#21151;&#30340;&#23567;&#23567;&#21109;&#26032;&#33729;&#33521;&#12290;</span></div></div>
3672</div>
3673</div>
3674                    </div>
3675            <div
3676            class=" column relative  md:w-7/12"
3677            
3678                    >
3679            <div id="c6a4493300732b" class="component"><div
3680    class="flex w-full justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
3681    x-data="{
3682        duration: 5000,
3683        active: 0,
3684        previous: 0,
3685        incoming: null,
3686        direction: 'next',
3687        transition: 'fade',
3688        totalImages: 9,
3689        progress: 0,
3690        firstFrameTime: 0,
3691        touchStartX: null,
3692        touchEndX: null,
3693        swipeThreshold: 50,
3694        rtl: false,
3695        init() {
3696            this.rtl = getComputedStyle(this.$el).direction === 'rtl'
3697            this.startAnimation()
3698            this.$watch('active', callback => {
3699                cancelAnimationFrame(this.frame)
3700                this.startAnimation()
3701            })
3702        },
3703        startAnimation() {
3704            this.progress = 0
3705            this.$nextTick(() => {
3706                this.firstFrameTime = performance.now()
3707                this.frame = requestAnimationFrame(this.animate.bind(this))
3708            })
3709        },
3710        animate(now) {
3711            let timeFraction = (now - this.firstFrameTime) / this.duration
3712            if (timeFraction <= 1) {
3713                this.progress = timeFraction * 100
3714                this.frame = requestAnimationFrame(this.animate.bind(this))
3715            } else {
3716                timeFraction = 1
3717                this.goTo((this.active + 1) % this.totalImages, 'next')
3718            }
3719        },
3720        goTo(index, dir) {
3721            if (index === this.active) return
3722            this.direction = dir
3723            if (this.transition === 'slide') {
3724                this.incoming = index
3725                this.$nextTick(() => {
3726                    void this.$el.offsetHeight
3727                    this.previous = this.active
3728                    this.active = index
3729                    this.incoming = null
3730                })
3731            } else {
3732                this.previous = this.active
3733                this.active = index
3734            }
3735        },
3736        prev() {
3737            this.goTo(this.active === 0 ? this.totalImages - 1 : this.active - 1, 'prev')
3738        },
3739        forward() {
3740            this.goTo((this.active + 1) % this.totalImages, 'next')
3741        },
3742        handleTouchStart(event) {
3743            this.touchStartX = event.touches[0].clientX
3744        },
3745        handleTouchMove(event) {
3746            this.touchEndX = event.touches[0].clientX
3747        },
3748        handleTouchEnd() {
3749            if(this.touchEndX){
3750                const forward = (this.touchStartX - this.touchEndX) * (this.rtl ? -1 : 1)
3751                if (forward > this.swipeThreshold) {
3752                    this.forward()
3753                }
3754                if (forward < -this.swipeThreshold) {
3755                    this.prev()
3756                }
3757                this.touchStartX = null
3758                this.touchEndX = null
3759            }
3760        },
3761        get thumbOffset() {
3762            const container = this.$refs.thumbContainer
3763            if (!container) return 0
3764            const track = this.$refs.thumbTrack
3765            if (!track || !track.children[this.active]) return 0
3766            const thumb = track.children[this.active]
3767            const containerWidth = container.offsetWidth
3768            const idealOffset = thumb.offsetLeft - containerWidth / 2 + thumb.offsetWidth / 2
3769            const maxOffset = track.scrollWidth - containerWidth
3770            if (this.rtl) {
3771                return -Math.min(Math.max(0, -idealOffset), Math.max(0, maxOffset))
3772            }
3773            return Math.min(Math.max(0, idealOffset), Math.max(0, maxOffset))
3774        }
3775    }">
3776    <div class="transition-all w-full relative duration-150 delay-300 ease-in-out">
3777        <div
3778            class="relative w-full grid overflow-hidden "
3779            @touchstart="handleTouchStart($event)"
3780            @touchmove="handleTouchMove($event)"
3781            @touchend="handleTouchEnd()"
3782        >
3783                                                            <div
3784                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3785                    
3786                    :class="(() => {
3787                        const i = 0;
3788                        if (transition === 'slide') {
3789                            const fromRight = (direction === 'next') !== rtl;
3790                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3791                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3792                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3793                            return 'z-0 translate-x-full invisible';
3794                        }
3795                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3796                    })()"
3797                >
3798                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3799                                                                        <img
3800                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/dsc0236_orig.jpg?w=800"
3801                            alt=""
3802                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
3803                            loading="lazy"
3804                        />
3805                                                                    </div>
3806                                    </div>
3807                                                            <div
3808                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3809                    x-cloak
3810                    :class="(() => {
3811                        const i = 1;
3812                        if (transition === 'slide') {
3813                            const fromRight = (direction === 'next') !== rtl;
3814                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3815                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3816                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3817                            return 'z-0 translate-x-full invisible';
3818                        }
3819                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3820                    })()"
3821                >
3822                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3823                                                                        <img
3824                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/dsc3141_orig.jpg?w=800"
3825                            alt=""
3826                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
3827                            loading="lazy"
3828                        />
3829                                                                    </div>
3830                                    </div>
3831                                                            <div
3832                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3833                    x-cloak
3834                    :class="(() => {
3835                        const i = 2;
3836                        if (transition === 'slide') {
3837                            const fromRight = (direction === 'next') !== rtl;
3838                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3839                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3840                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3841                            return 'z-0 translate-x-full invisible';
3842                        }
3843                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3844                    })()"
3845                >
3846                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3847                                                                        <img
3848                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/dsc4682_orig.jpg?w=800"
3849                            alt=""
3850                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
3851                            loading="lazy"
3852                        />
3853                                                                    </div>
3854                                    </div>
3855                                                            <div
3856                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3857                    x-cloak
3858                    :class="(() => {
3859                        const i = 3;
3860                        if (transition === 'slide') {
3861                            const fromRight = (direction === 'next') !== rtl;
3862                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3863                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3864                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3865                            return 'z-0 translate-x-full invisible';
3866                        }
3867                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3868                    })()"
3869                >
3870                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3871                                                                        <img
3872                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/dsc1917-orig_orig.jpg?w=800"
3873                            alt=""
3874                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
3875                            loading="lazy"
3876                        />
3877                                                                    </div>
3878                                    </div>
3879                                                            <div
3880                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3881                    x-cloak
3882                    :class="(() => {
3883                        const i = 4;
3884                        if (transition === 'slide') {
3885                            const fromRight = (direction === 'next') !== rtl;
3886                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3887                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3888                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3889                            return 'z-0 translate-x-full invisible';
3890                        }
3891                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3892                    })()"
3893                >
3894                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3895                                                    <a href="/tennis" >
3896                                                                        <img
3897                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/20200624dsc08712_orig.jpg?w=800"
3898                            alt="sports camps"
3899                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
3900                            loading="lazy"
3901                        />
3902                                                    </a>
3903                                                                    </div>
3904                                    </div>
3905                                                            <div
3906                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3907                    x-cloak
3908                    :class="(() => {
3909                        const i = 5;
3910                        if (transition === 'slide') {
3911                            const fromRight = (direction === 'next') !== rtl;
3912                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3913                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3914                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3915                            return 'z-0 translate-x-full invisible';
3916                        }
3917                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3918                    })()"
3919                >
3920                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3921                                                    <a href="/coding-31243243353537335336" >
3922                                                                        <img
3923                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/dsc1039_orig.jpg?w=800"
3924                            alt="coding camps"
3925                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
3926                            loading="lazy"
3927                        />
3928                                                    </a>
3929                                                                    </div>
3930                                    </div>
3931                                                            <div
3932                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3933                    x-cloak
3934                    :class="(() => {
3935                        const i = 6;
3936                        if (transition === 'slide') {
3937                            const fromRight = (direction === 'next') !== rtl;
3938                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3939                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3940                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3941                            return 'z-0 translate-x-full invisible';
3942                        }
3943                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3944                    })()"
3945                >
3946                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3947                                                    <a href="/amazon-rainforest-20126393403695638632265192998324907" >
3948                                                                        <img
3949                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/106508039-556335021727455-3344514103073966963-o_orig.jpg?w=800"
3950                            alt="amazon rainforest"
3951                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
3952                            loading="lazy"
3953                        />
3954                                                    </a>
3955                                                                    </div>
3956                                    </div>
3957                                                            <div
3958                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3959                    x-cloak
3960                    :class="(() => {
3961                        const i = 7;
3962                        if (transition === 'slide') {
3963                            const fromRight = (direction === 'next') !== rtl;
3964                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3965                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3966                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3967                            return 'z-0 translate-x-full invisible';
3968                        }
3969                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3970                    })()"
3971                >
3972                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3973                                                    <a href="/youtuber" >
3974                                                                        <img
3975                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/2020-7-22-12-05-41_orig.jpg?w=800"
3976                            alt="youtuber camp"
3977                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
3978                            loading="lazy"
3979                        />
3980                                                    </a>
3981                                                                    </div>
3982                                    </div>
3983                                                            <div
3984                    class="w-full col-start-1 row-start-1 flex items-center justify-center "
3985                    x-cloak
3986                    :class="(() => {
3987                        const i = 8;
3988                        if (transition === 'slide') {
3989                            const fromRight = (direction === 'next') !== rtl;
3990                            if (i === incoming) return 'z-30 ' + (fromRight ? 'translate-x-full' : '-translate-x-full');
3991                            if (i === active) return 'z-20 translate-x-0 transition-transform duration-500 ease-in-out';
3992                            if (i === previous) return 'z-10 transition-transform duration-500 ease-in-out ' + (fromRight ? '-translate-x-full' : 'translate-x-full');
3993                            return 'z-0 translate-x-full invisible';
3994                        }
3995                        return i === active ? 'opacity-100 z-10 transition-opacity duration-500 ease-in-out' : 'opacity-0 z-0 transition-opacity duration-500 ease-in-out';
3996                    })()"
3997                >
3998                    <div class="relative overflow-hidden lg:rounded-xl md:rounded-xl rounded-xl">
3999                                                    <a href="/mandarin-camp" >
4000                                                                        <img
4001                            src="//cdn1.artcltn.com/storage/23685/a226e1ec-2b60-4159-9f31-ced4a10d77ae/photo-2020-12-28-10-07-01-am1_orig.jpg?w=800"
4002                            alt="Mandarin Chinese for heritage speakers"
4003                            class="object-cover lg:rounded-xl md:rounded-xl rounded-xl h-120"
4004                            loading="lazy"
4005                        />
4006                                                    </a>
4007                                                                    </div>
4008                                    </div>
4009            
4010                            <div @click="rtl ? forward() : prev()"
4011                     class="absolute z-30 left-0 top-1/2 -translate-y-1/2 flex items-center justify-center text-black translate-x-3 rounded-full cursor-pointer bg-white/30 w-14 h-14 hover:bg-white/40"
4012                >
4013                    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
4014                </div>
4015
4016                <div @click="rtl ? prev() : forward()"
4017                     class="absolute z-30 right-0 top-1/2 -translate-y-1/2 flex items-center justify-center text-black -translate-x-3 rounded-full cursor-pointer bg-white/30 w-14 h-14 hover:bg-white/40"
4018                >
4019                    <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
4020                </div>
4021                    </div>
4022            </div>
4023</div>
4024</div>
4025                    </div>
4026    </div>
4027</div>
4028
4029            </div>
4030</section>
4031</div><div id="c6a4493300774d" class="component"><section
4032    id="page-section"
4033    style="--background-color: #d4f8ff; --min-height-desktop: 430px; --min-height-tablet: 430px; --min-height-mobile: 430px;"
4034    class="page-section transition-all z-10 relative bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
4035>
4036    
4037    
4038    <div
4039        class="section-inner  opacity-0 translate-y-5 relative transition-all duration-500 mx-auto grid lg:max-w-6xl md:max-w-6xl max-w-6xl lg:gap-3 md:gap-2 gap-1"
4040        style="padding-block: 48px;"
4041                    x-data="{ shown: false }"
4042            x-cloak
4043            x-intersect.threshold-20.once="setTimeout(() => shown = true, 400)"
4044            :class="{ '!opacity-100 !translate-y-0': shown }"
4045                
4046    >
4047        <div id="c6a44933007505" class="component"><div
4048    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
4049    style=""
4050>
4051    <div class="text-option"><h2 class="ql-align-center"><span style=""><span style=""><span style="" color="#2a2a2a"><span style="font-size:32px;"></span></span></span></span><span style="font-size:32px;">Here at Lighthouse Camps,&nbsp;we don't just teach.<br /></span></h2></div>
4052</div>
4053</div><div id="c6a449330075ae" class="component"><div
4054    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
4055    style=""
4056>
4057    <div class="text-option"><div class="ql-align-center"><span style="color:#2a2a2a;">We </span><strong style=""><span style="color:#ff6600;">INSPIRE</span></strong><span style="color:#2a2a2a;">.</span><br /><span style="color:#2a2a2a;">Kids learn how to make </span><strong style="color:rgb(155, 155, 155)"><span style="color:#ff6600;">MISTAKES</span></strong><span style="color:#2a2a2a;">, how to&nbsp;</span><br /><span style="color:#2a2a2a;">be </span><strong style="color:rgb(155, 155, 155)"><span style="color:#ff6600;">FEARLESS</span></strong><span style="color:#2a2a2a;">, and&nbsp;</span><br /><span style="color:#2a2a2a;">become little </span><strong style="color:rgb(155, 155, 155)"><span style="color:#ff6600;">INNOVATORS&nbsp;</span></strong><span style="color:#2a2a2a;">geared for</span><br /><span style="color:#ff6600;"><strong>SUCCESS&nbsp;</strong></span><span style="color:#2a2a2a;">in any field.</span></div></div>
4058</div>
4059</div><div id="c6a44933007693" class="component"><div
4060    class="flex justify-center"
4061    style="--background-color: var(--color-primary-main); --hover-background-color: var(--color-primary-light);"
4062>
4063    <a
4064        href="/"
4065                class="art-button transition-all text-center inline-block  button-highlight  mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 w-full md:w-auto lg:w-auto lg:button-medium md:button-medium button-medium"
4066    >
4067        learn more
4068    </a>
4069</div>
4070</div>
4071
4072            </div>
4073</section>
4074</div>
4075</div>
4076</div>
4077        </main>
4078        <footer class="main-footer">
4079            <div class="footer-inner">
4080                <div id="c6a44926c1232f" class="component"><section
4081    id="page-section"
4082    style="--text-color: #000000; --background-color: #f2f2f2; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;"
4083    class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rou
4083nded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center"
4084>
4085    
4086    
4087    <div
4088        class="section-inner   relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1"
4089        style="padding-block: 48px;"
4090                
4091    >
4092        <div id="c6a449339b3317" class="component"><div class="column-container md:gap-6 md:flex" >
4093            <div
4094            class=" column relative  md:w-4/12"
4095            
4096                    >
4097            <div id="c6a449339b30c7" class="component"><div
4098    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
4099    style=""
4100>
4101    <div class="text-option"><h2 class="ql-align-left"><span style="font-size:18px;">Our services</span></h2></div>
4102</div>
4103</div><div id="c6a449339b3121" class="component"><div
4104    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
4105    style=""
4106>
4107    <div class="text-option"><p><a href="/courses">Courses offered</a></p><p><a href="/courses">​</a><a href="/one-day-workshop">One-Day Workshop</a></p><p><a href="/11-study-ahead">Study Ahead</a></p><p><a href="/11-study-ahead"><strong><u>​</u></strong></a><a href="/schedule" target="_blank" rel="noopener noreferrer">Camp Schedule</a></p></div>
4108</div>
4109</div>
4110                    </div>
4111            <div
4112            class=" column relative  md:w-4/12"
4113            
4114                    >
4115            <div id="c6a449339b3172" class="component"><div
4116    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
4117    style=""
4118>
4119    <div class="text-option"><h2 class="ql-align-left"><span style="font-size:18px;">Contact Us</span></h2></div>
4120</div>
4121</div><div id="c6a449339b31d7" class="component"><div
4122    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
4123    style=""
4124>
4125    <div class="text-option"><div class="ql-align-left">Phone: +886 2-2771-6002<br />Email: <a href="mailto:[email protected]">[email protected]</a><br />Line: <a href="https://line.me/R/ti/p/%40183liwzg" target="_blank">@LighthouseCamps</a><br /><a href="https://pipedrivewebforms.com/form/bfcf9959f90bc65fe2a6980403a1f7587544837" target="_blank"><span style="color:#2a2a2a;">Online Inquiry Form&nbsp;&#32218;&#19978;&#35566;&#35426;&#34920;</span></a><br />Business Hours:&nbsp; Monday to Friday from&nbsp;<span>09:00 - 18:00</span></div></div>
4126</div>
4127</div>
4128                    </div>
4129            <div
4130            class=" column relative  md:w-4/12"
4131            
4132                    >
4133            <div id="c6a449339b3228" class="component"><div
4134    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
4135    style=""
4136>
4137    <div class="text-option"><h2 class="ql-align-left"><a href="https://www.lighthousecamps.com/about-us.html" target="_blank"><span style="font-size:18px;">About Us&nbsp;</span></a></h2></div>
4138</div>
4139</div><div id="c6a449339b3298" class="component"><div
4140    class="component-social-accounts "
4141    style=""
4142>
4143    <div class="transition-all inline-flex flex-wrap lg:rounded-xl md:rounded-xl rounded-xl lg:gap-3 md:gap-2 gap-1 mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 ">
4144                    <a
4145                class="transition-all inline-flex items-center "
4146                href="https://www.facebook.com/LighthouseCampsTW"
4147                target="_blank"
4148                aria-label="Link to facebook account"
4149            >
4150                <svg class="transition-all w-6 hover: group-hover:" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
4151<rect class="social-icon-outer" width="40" height="40" rx="12" fill="currentColor"/>
4152<g clip-path="url(#clip0_56_380)">
4153<path class="social-icon-inner" d="M26 20C26 16.6863 23.3137 14 20 14C16.6863 14 14 16.6863 14 20C14 22.9947 16.1941 25.477 19.0625 25.9271V21.7344H17.5391V20H19.0625V18.6781C19.0625 17.1744 19.9583 16.3437 21.3288 16.3437C21.985 16.3437 22.6719 16.4609 22.6719 16.4609V17.9375H21.9153C21.17 17.9375 20.9375 18.4 20.9375 18.875V20H22.6016L22.3355 21.7344H20.9375V25.9271C23.8059 25.477 26 22.9947 26 20Z" fill="white"/>
4154</g>
4155<defs>
4156<clipPath id="clip0_56_380">
4157<rect width="12" height="12" fill="white" transform="translate(14 14)"/>
4158</clipPath>
4159</defs>
4160</svg>
4161
4162            </a>
4163                    <a
4164                class="transition-all inline-flex items-center "
4165                href="mailto:mailto:[email protected]"
4166                target="_blank"
4167                aria-label="Link to mail account"
4168            >
4169                <svg class="transition-all w-6 hover: group-hover:" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
4170<rect class="social-icon-outer" width="40" height="40" rx="12" fill="currentColor"/>
4171<path class="social-icon-inner" fill-rule="evenodd" clip-rule="evenodd" d="M20.825 15.2598L24.575 17.8848C24.842 18.0724 25.0006 18.3785 25 18.7048V23.9998C25 24.552 24.5523 24.9998 24 24.9998H16C15.4477 24.9998 15 24.552 15 23.9998V18.7048C14.9994 18.3785 15.158 18.0724 15.425 17.8848L19.175 15.2598C19.6705 14.9134 20.3295 14.9134 20.825 15.2598ZM20 21.4048C20.0889 21.4047 20.1758 21.3786 20.25 21.3298L24 18.7048L20.25 16.0798C20.1005 15.9729 19.8995 15.9729 19.75 16.0798L16 18.7048L19.75 21.3248C19.8228 21.3771 19.9103 21.4051 20 21.4048Z" fill="white"/>
4172</svg>
4173
4174            </a>
4175                    <a
4176                class="transition-all inline-flex items-center "
4177                href="https://www.youtube.com/channel/UCqsJ8Asuu5ObRvgmKPCjvrQ"
4178                target="_blank"
4179                aria-label="Link to youtube account"
4180            >
4181                <svg class="transition-all w-6 hover: group-hover:" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
4182<rect class="social-icon-outer" width="40" height="40" rx="12" fill="currentColor"/>
4183<path class="social-icon-inner" d="M25.8805 17.6004C25.8805 17.6004 25.7633 16.773 25.4023 16.4098C24.9453 15.9316 24.4344 15.9293 24.2 15.9012C22.5219 15.7793 20.0023 15.7793 20.0023 15.7793H19.9977C19.9977 15.7793 17.4781 15.7793 15.8 15.9012C15.5656 15.9293 15.0547 15.9316 14.5977 16.4098C14.2367 16.773 14.1219 17.6004 14.1219 17.6004C14.1219 17.6004 14 18.573 14 19.5434V20.4527C14 21.423 14.1195 22.3957 14.1195 22.3957C14.1195 22.3957 14.2367 23.223 14.5953 23.5863C15.0523 24.0645 15.6523 24.048 15.9195 24.0996C16.8805 24.191 20 24.2191 20 24.2191C20 24.2191 22.5219 24.2145 24.2 24.0949C24.4344 24.0668 24.9453 24.0645 25.4023 23.5863C25.7633 23.223 25.8805 22.3957 25.8805 22.3957C25.8805 22.3957 26 21.4254 26 20.4527V19.5434C26 18.573 25.8805 17.6004 25.8805 17.6004ZM18.7602 21.5566V18.184L22.0016 19.8762L18.7602 21.5566Z" fill="white"/>
4184</svg>
4185
4186            </a>
4187                    <a
4188                class="transition-all inline-flex items-center "
4189                href="https://www.instagram.com/lighthousecamps"
4190                target="_blank"
4191                aria-label="Link to instagram account"
4192            >
4193                <svg class="transition-all w-6 hover: group-hover:" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
4194<rect class="social-icon-outer" width="40" height="40" rx="12" fill="currentColor"/>
4195<g clip-path="url(#clip0_56_388)">
4196<path class="social-icon-inner" d="M20 15.0805C21.6031 15.0805 21.793 15.0875 22.4234 15.1156C23.0094 15.1414 23.3258 15.2398 23.5367 15.3219C23.8156 15.4297 24.0172 15.5609 24.2258 15.7695C24.4367 15.9805 24.5656 16.1797 24.6734 16.4586C24.7555 16.6695 24.8539 16.9883 24.8797 17.5719C24.9078 18.2047 24.9148 18.3945 24.9148 19.9953C24.9148 21.5984 24.9078 21.7883 24.8797 22.4188C24.8539 23.0047 24.7555 23.3211 24.6734 23.532C24.5656 23.8109 24.4344 24.0125 24.2258 24.2211C24.0148 24.432 23.8156 24.5609 23.5367 24.6688C23.3258 24.7508 23.007 24.8492 22.4234 24.875C21.7906 24.9031 21.6008 24.9102 20 24.9102C18.3969 24.9102 18.207 24.9031 17.5766 24.875C16.99
419606 24.8492 16.6742 24.7508 16.4633 24.6688C16.1844 24.5609 15.9828 24.4297 15.7742 24.2211C15.5633 24.0102 15.4344 23.8109 15.3266 23.532C15.2445 23.3211 15.1461 23.0023 15.1203 22.4188C15.0922 21.7859 15.0852 21.5961 15.0852 19.9953C15.0852 18.3922 15.0922 18.2023 15.1203 17.5719C15.1461 16.9859 15.2445 16.6695 15.3266 16.4586C15.4344 16.1797 15.5656 15.9781 15.7742 15.7695C15.9852 15.5586 16.1844 15.4297 16.4633 15.3219C16.6742 15.2398 16.993 15.1414 17.5766 15.1156C18.207 15.0875 18.3969 15.0805 20 15.0805ZM20 14C18.3711 14 18.1672 14.007 17.5273 14.0352C16.8898 14.0633 16.4516 14.1664 16.0719 14.3141C15.6758 14.4687 15.3406 14.6727 15.0078 15.0078C14.6727 15.3406 14.4688 15.6758 14.3141 16.0695C14.1664 16.4516 14.0633 16.8875 14.0352 17.525C14.007 18.1672 14 18.3711 14 20C14 21.6289 14.007 21.8328 14.0352 22.4727C14.0633 23.1102 14.1664 23.5484 14.3141 23.9281C14.4688 24.3242 14.6727 24.6594 15.0078 24.9922C15.3406 25.325 15.6758 25.5312 16.0695 25.6836C16.4516 25.8313 16.8875 25.9344 17.525 25.9625C18.1648 25.9906 18.3687 25.9977 19.9977 25.9977C21.6266 25.9977 21.8305 25.9906 22.4703 25.9625C23.1078 25.9344 23.5461 25.8313 23.9258 25.6836C24.3195 25.5312 24.6547 25.325 24.9875 24.9922C25.3203 24.6594 25.5266 24.3242 25.6789 23.9305C25.8266 23.5484 25.9297 23.1125 25.9578 22.475C25.9859 21.8352 25.993 21.6313 25.993 20.0023C25.993 18.3734 25.9859 18.1695 25.9578 17.5297C25.9297 16.8922 25.8266 16.4539 25.6789 16.0742C25.5313 15.6758 25.3273 15.3406 24.9922 15.0078C24.6594 14.675 24.3242 14.4688 23.9305 14.3164C23.5484 14.1687 23.1125 14.0656 22.475 14.0375C21.8328 14.007 21.6289 14 20 14Z" fill="white"/>
4197<path class="social-icon-inner" d="M20 16.918C18.2984 16.918 16.918 18.2984 16.918 20C16.918 21.7016 18.2984 23.082 20 23.082C21.7016 23.082 23.082 21.7016 23.082 20C23.082 18.2984 21.7016 16.918 20 16.918ZM20 21.9992C18.8961 21.9992 18.0008 21.1039 18.0008 20C18.0008 18.8961 18.8961 18.0008 20 18.0008C21.1039 18.0008 21.9992 18.8961 21.9992 20C21.9992 21.1039 21.1039 21.9992 20 21.9992Z" fill="white"/>
4198<path class="social-icon-inner" d="M23.9234 16.7957C23.9234 17.1941 23.6 17.5152 23.2039 17.5152C22.8055 17.5152 22.4844 17.1918 22.4844 16.7957C22.4844 16.3973 22.8078 16.0762 23.2039 16.0762C23.6 16.0762 23.9234 16.3996 23.9234 16.7957Z" fill="white"/>
4199</g>
4200<defs>
4201<clipPath id="clip0_56_388">
4202<rect width="12" height="12" fill="white" transform="translate(14 14)"/>
4203</clipPath>
4204</defs>
4205</svg>
4206
4207            </a>
4208            </div>
4209</div>
4210</div><div id="c6a449339b32e6" class="component"><div
4211    class=""
4212    style="--background-color: var(--color-primary-main); --hover-background-color: var(--color-primary-light);"
4213>
4214    <a
4215        href="#"
4216                class="art-button transition-all text-center inline-block button-standard   mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 w-full md:w-auto lg:w-auto lg:button-medium md:button-medium button-medium"
4217    >
4218        our blog
4219    </a>
4220</div>
4221</div>
4222                    </div>
4223    </div>
4224</div><div id="c6a449339b3355" class="component"><div
4225    class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"
4226    style=""
4227>
4228    <div class="text-option"><div class="ql-align-left"><span style="font-size:10px;">&copy; COPYRIGHT 2024. ALL RIGHTS RESERVED.</span></div></div>
4229</div>
4230</div>
4231
4232            </div>
4233</section>
4234</div>
4235            </div>
4236        </footer>
4237    </div>
4238</div>
4239
4240
4241                <div id="gdpr-banner" class="hidden transition-none z-50 content-center py-2 px-2 text-center text-sm flex justify-center fixed bottom-0 left-0 w-full md:h-12 h-24 bg-white border-t border-gray-200 dark:bg-gray-700 dark:border-gray-600 dark:text-white text-primary-600">
4242                    <a class="hover:underline" href="#" onclick="localStorage.setItem('gdpr-acknowledged', 'true'); this.parentElement.classList.add('hidden');">This site uses cookies to help provide a better user experience. In general, cookies are used to retain user preferences and provide anonymized tracking data to third party applications like Google Analytics.</a>
4243                </div>
4244            <div
4245    x-transition
4246    x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile"
4247    x-data
4248    class="z-50 fixed flex p-5 right-0 bottom-0"
4249>
4250    <a href="/c/cart">
4251        <span title="Cart" class="art-cart-button transition-all flex p-2 rounded-full hover:scale-110 border border-(--color-text-dark-bg-heading) bg-(--color-primary-main) text-(--color-text-dark-bg-heading)">
4252            <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
4253  <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/>
4254</svg>
4255            <p class="pl-1"
4256                x-text="$store.commerceCart.totalQuantity">
4257            </p>
4258        </span>
4259    </a>
4260</div>
4261</body>
4262
4263</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.