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 & holiday camps for kids aged 5-12 in Taipei's Xinyi & 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 & holiday camps for kids aged 5-12 in Taipei's Xinyi & 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 & holiday camps for kids aged 5-12 in Taipei's Xinyi & 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>></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>></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>></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'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>></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 & Hack 3D Games with Minecraft & 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>></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>></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>></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>></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 & 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>></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>></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>></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>></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>></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>></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>></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>></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>></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>></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>></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>></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>></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'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>></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 & Hack 3D Games with Minecraft & 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>></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>></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>></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>></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 & 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>></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>></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>></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>></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>></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>></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>></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>></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>></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>></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'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 & Hack 3D Games with Minecraft & 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 & 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 </span></strong><span style="color:#5040ae; font-size:42px;">團隊介紹</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;"> </span></span><span style="color:#da8044; font-size:24px;">創辦人</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 的創始者Mark, 畢業於美國史丹福大學,不僅是以為連續創業家,也是兩個孩子的爸爸。在發現台灣缺乏優質的跨領域立刻教育(STEAM programs)後,他在2018年創立了Lighthouse Camps(萊特豪斯兒童營隊),不知是為了他自己的兩個兒子,也為了全台灣的孩子們。</span><br /><br /><span style="color:#2a2a2a;">Mark Hsu, the founder of Lighthouse Camps, graduated from <strong>Stanford University, </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 </span><span style="color:#e0915c; font-size:24px;">- Academic Director </span><span style="color:#da8044; font-size:24px;">課程研發</span><span style="color:#da8044; font-size:24px;">主任</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>從小在國外長大,大學士會台灣取得醫學學士學位後,仍無法忘情自己對兒童教育的熱忱,加入Lighthouse Camps後,設計了多種適合國小或學齡前兒童的STEAM課程。 Ivon相信在能夠自由發揮創意,探索好奇心的環境下成長的孩子們,再能成為未來世界需要的人才。</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;">我們的目標 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;">在Lighthouse Camps,<br />我們不單單只是提供教學服務,<br />更希望能啟發孩子們,<br />​<strong>教導孩子不要害怕錯誤,<br />而是如何勇敢無懼地從錯誤中學習,</strong><br />培養他們在任何領域都能成為一個成功的小小創新菁英。</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, 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 </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 </span><br /><span style="color:#2a2a2a;">become little </span><strong style="color:rgb(155, 155, 155)"><span style="color:#ff6600;">INNOVATORS </span></strong><span style="color:#2a2a2a;">geared for</span><br /><span style="color:#ff6600;"><strong>SUCCESS </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 線上諮詢表</span></a><br />Business Hours: Monday to Friday from <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 </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;">© 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.