hw_7/23_橘蘋_Freddy | 程式專案

{"id":280094,"student_id":3760,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\r\\n\u003chtml lang=\\\"en\\\"\u003e\\r\\n\\r\\n\u003chead\u003e\\r\\n  \u003cmeta charset=\\\"UTF-8\\\"\u003e\\r\\n  \u003cmeta http-equiv=\\\"X-UA-Compatible\\\" content=\\\"IE=edge\\\"\u003e\\r\\n  \u003cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"\u003e\\r\\n  \u003ctitle\u003e橘子蘋果兒童程式學苑\u003c/title\u003e\\r\\n  \u003clink href=\\\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css\\\" rel=\\\"stylesheet\\\"\u003e\\r\\n  \u003cscript src=\\\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js\\\"\u003e\u003c/script\u003e\\r\\n\u003c/head\u003e\\r\\n\\r\\n\u003cbody\u003e\\r\\n\\r\\n  \u003cnav class=\\\"navbar navbar-expand-lg navbar-light bg-light\\\"\u003e\\r\\n    \u003cdiv class=\\\"container py-4\\\"\u003e\\r\\n      \u003ca class=\\\"navbar-brand\\\" href=\\\"#\\\"\u003e\\r\\n        \u003cimg src=\\\"logo.png\\\" alt=\\\"\\\"\u003e\\r\\n      \u003c/a\u003e\\r\\n      \u003cbutton class=\\\"navbar-toggler\\\" type=\\\"button\\\" data-bs-toggle=\\\"collapse\\\" data-bs-target=\\\"#navbarSupportedContent\\\"\\r\\n        aria-controls=\\\"navbarSupportedContent\\\" aria-expanded=\\\"false\\\" aria-label=\\\"Toggle navigation\\\"\u003e\\r\\n        \u003cspan class=\\\"navbar-toggler-icon\\\"\u003e\u003c/span\u003e\\r\\n      \u003c/button\u003e\\r\\n\\r\\n      \u003cdiv class=\\\"collapse navbar-collapse\\\" id=\\\"navbarSupportedContent\\\"\u003e\\r\\n        \u003cul class=\\\"navbar-nav ms-auto mb-2 mb-lg-0\\\"\u003e\\r\\n\\r\\n          \u003cli class=\\\"nav-item dropdown\\\"\u003e\\r\\n            \u003ca class=\\\"nav-link dropdown-toggle\\\" href=\\\"#\\\" id=\\\"navbarDropdown\\\" role=\\\"button\\\" data-bs-toggle=\\\"dropdown\\\"\\r\\n              aria-expanded=\\\"false\\\"\u003e\\r\\n              長期課程\\r\\n            \u003c/a\u003e\\r\\n            \u003cul class=\\\"dropdown-menu\\\" aria-labelledby=\\\"navbarDropdown\\\"\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e實體課程\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e橘蘋玩創程式啟蒙(1-3 年級)\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e橘蘋思維數學(1-5 年級)\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e實體課程/線上課\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e橘蘋菁英程式課程(4-7 年級)\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e 橘蘋駭客程式學程(8 年級以上)\u003c/a\u003e\u003c/li\u003e\\r\\n            \u003c/ul\u003e\\r\\n          \u003c/li\u003e\\r\\n\\r\\n          \u003cli class=\\\"nav-item ms-4 dropdown\\\"\u003e\\r\\n            \u003ca class=\\\"nav-link dropdown-toggle\\\" href=\\\"#\\\" id=\\\"navbarDropdown\\\" role=\\\"button\\\" data-bs-toggle=\\\"dropdown\\\"\\r\\n              aria-expanded=\\\"false\\\"\u003e\\r\\n              暑期營隊\\r\\n            \u003c/a\u003e\\r\\n            \u003cul class=\\\"dropdown-menu\\\" aria-labelledby=\\\"navbarDropdown\\\"\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e2021 營隊營隊一覽\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e2021 線上營隊\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e小小創客營 (1~2年級)\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e麥塊創客營 (3~6年級)\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003eAPP創造營 (4~7年級\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003ePython 遊戲體驗營 (7~12年級)\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003eAPCS 檢定培訓營 (8~12年級)\u003c/a\u003e\u003c/li\u003e\\r\\n            \u003c/ul\u003e\\r\\n          \u003c/li\u003e\\r\\n\\r\\n          \u003cli class=\\\"nav-item ms-4\\\"\u003e\\r\\n            \u003ca class=\\\"nav-link\\\" href=\\\"#\\\"\u003e課程據點\u003c/a\u003e\\r\\n          \u003c/li\u003e\\r\\n          \u003cli class=\\\"nav-item ms-4\\\"\u003e\\r\\n            \u003ca class=\\\"nav-link\\\" href=\\\"#\\\"\u003e線上教室\u003c/a\u003e\\r\\n          \u003c/li\u003e\\r\\n\\r\\n          \u003cli class=\\\"nav-item ms-4 dropdown\\\"\u003e\\r\\n            \u003ca class=\\\"nav-link dropdown-toggle\\\" href=\\\"#\\\" id=\\\"navbarDropdown\\\" role=\\\"button\\\" data-bs-toggle=\\\"dropdown\\\"\\r\\n              aria-expanded=\\\"false\\\"\u003e\\r\\n              其他\\r\\n            \u003c/a\u003e\\r\\n            \u003cul class=\\\"dropdown-menu\\\" aria-labelledby=\\\"navbarDropdown\\\"\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e好康優惠\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e線上商城\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e程式能力檢測\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e洞見與願景\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e教學理念\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e我們的足跡\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e社會責任\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e教育趨勢文章\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e師資招募\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e學校合作\u003c/a\u003e\u003c/li\u003e\\r\\n              \u003cli\u003e\u003ca class=\\\"dropdown-item\\\" href=\\\"#\\\"\u003e企業合作\u003c/a\u003e\u003c/li\u003e\\r\\n            \u003c/ul\u003e\\r\\n          \u003c/li\u003e\\r\\n\\r\\n          \u003cli class=\\\"nav-item ms-4 d-flex align-items-center\\\"\u003e\\r\\n            \u003cbutton class=\\\"btn btn-sm btn-danger\\\" type=\\\"submit\\\"\u003e取得免費試聽\u003c/button\u003e\\r\\n          \u003c/li\u003e\\r\\n\\r\\n          \u003cli class=\\\"nav-item ms-4\\\"\u003e\\r\\n            \u003ca class=\\\"nav-link\\\" href=\\\"#\\\"\u003e家長登入\u003c/a\u003e\\r\\n          \u003c/li\u003e\\r\\n        \u003c/ul\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/nav\u003e\\r\\n\\r\\n  \u003cdiv class=\\\"d-flex align-items-center\\\"\\r\\n    style=\\\"background-image: url(banner.jpeg); height: 600px; background-size: cover;\\\"\u003e\\r\\n    \u003cdiv class=\\\"container\\\"\u003e\\r\\n      \u003ch1 class=\\\"display-4 fw-bold text-white mb-4\\\"\u003e安心防疫在\u003cbr\u003e家成為程式高手\u003c/h1\u003e\\r\\n      \u003ch4 class=\\\"text-white mb-4\\\"\u003e\\r\\n        \u003cspan class=\\\"text-warning\\\"\u003e橘子蘋果線上程式學習\u003c/span\u003e\\r\\n        \u003cbr\u003e\\r\\n        \u003cspan\u003e國小到高中皆能開始\u003cbr\u003e就算零經驗，也能輕鬆學得會\u003c/span\u003e\\r\\n      \u003c/h4\u003e\\r\\n      \u003cdiv class=\\\"mb-4\\\"\u003e\\r\\n        \u003cbutton class=\\\"btn btn-danger btn-lg\\\"\u003e取得免費試聽\u003c/button\u003e\\r\\n        \u003cbutton class=\\\"btn btn-info btn-lg\\\"\u003e線上程式營隊\u003c/button\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n  \u003cdiv class=\\\"bg-light\\\"\u003e\\r\\n    \u003cdiv class=\\\"container py-5\\\"\u003e\\r\\n      \u003cdiv class=\\\"row justify-content-center\\\"\u003e\\r\\n        \u003cdiv class=\\\"col-md-5 text-center\\\"\u003e\\r\\n          \u003ch1 class=\\\"text-warning\\\"\u003e從小學程式，有什麼好處？\u003c/h1\u003e\\r\\n          \u003cp\u003e讓孩子接觸程式是提升邏輯、思考力的最佳做法。除了能提升數理能力外，在學習程式語言的過程中，孩子的思考層次將隨著問題的複雜程度一起成長，變得更能解決系統性問題。想看孩子成為關鍵人才，這些都是必備能力。\u003c/p\u003e\\r\\n          \u003cp\u003e因此，我們致力讓每個孩子都能受最好的程式教育，不為別的，就是為了讓孩子得到更好的成長機會。\u003c/p\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n  \u003cdiv class=\\\"container py-md-5\\\"\u003e\\r\\n    \u003cdiv class=\\\"row justify-content-center\\\"\u003e\\r\\n      \u003cdiv class=\\\"col-5 text-center\\\"\u003e\\r\\n        \u003ch1 class=\\\"text-warning\\\"\u003e探索孩子的專屬程式課程\u003c/h1\u003e\\r\\n        \u003cp\u003e從國小到高中，橘子蘋果將依據孩子在不同年齡階段的學習狀況，提供最合適的課程選項。\u003c/p\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n\\r\\n    \u003cdiv class=\\\"row mx-auto\\\" style=\\\"max-width: 1000px;\\\"\u003e\\r\\n      \u003cdiv class=\\\"col-md-4 mb-4\\\"\u003e\\r\\n        \u003cdiv class=\\\"card\\\"\u003e\\r\\n          \u003cimg src=\\\"card_1.jpeg\\\" class=\\\"card-img-top\\\" style=\\\"max-height: 150px;\\\"\u003e\\r\\n          \u003cdiv class=\\\"card-img-overlay\\\"\u003e\\r\\n            \u003cp class=\\\"text-white mb-0\\\"\u003e1-3 年級專屬\u003c/p\u003e\\r\\n            \u003ch5 class=\\\"card-title text-white\\\"\u003e橘蘋玩創\u003cbr\u003e程式啟蒙\u003c/h5\u003e\\r\\n          \u003c/div\u003e\\r\\n          \u003cdiv class=\\\"card-body\\\"\u003e\\r\\n            \u003cp class=\\\"card-text\\\"\u003e從玩中學，啟蒙幼兒程式素養，並提升邏輯力...\u003c/p\u003e\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-md-4 mb-4\\\"\u003e\\r\\n        \u003cdiv class=\\\"card\\\"\u003e\\r\\n          \u003cimg src=\\\"card_1.jpeg\\\" class=\\\"card-img-top\\\" style=\\\"max-height: 150px;\\\"\u003e\\r\\n          \u003cdiv class=\\\"card-img-overlay\\\"\u003e\\r\\n            \u003cp class=\\\"text-white mb-0\\\"\u003e1-3 年級專屬\u003c/p\u003e\\r\\n            \u003ch5 class=\\\"card-title text-white\\\"\u003e橘蘋玩創\u003cbr\u003e程式啟蒙\u003c/h5\u003e\\r\\n          \u003c/div\u003e\\r\\n          \u003cdiv class=\\\"card-body\\\"\u003e\\r\\n            \u003cp class=\\\"card-text\\\"\u003e從玩中學，啟蒙幼兒程式素養，並提升邏輯力...\u003c/p\u003e\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-md-4 mb-4\\\"\u003e\\r\\n        \u003cdiv class=\\\"card\\\"\u003e\\r\\n          \u003cimg src=\\\"card_1.jpeg\\\" class=\\\"card-img-top\\\" style=\\\"max-height: 150px;\\\"\u003e\\r\\n          \u003cdiv class=\\\"card-img-overlay\\\"\u003e\\r\\n            \u003cp class=\\\"text-white mb-0\\\"\u003e1-3 年級專屬\u003c/p\u003e\\r\\n            \u003ch5 class=\\\"card-title text-white\\\"\u003e橘蘋玩創\u003cbr\u003e程式啟蒙\u003c/h5\u003e\\r\\n          \u003c/div\u003e\\r\\n          \u003cdiv class=\\\"card-body\\\"\u003e\\r\\n            \u003cp class=\\\"card-text\\\"\u003e從玩中學，啟蒙幼兒程式素養，並提升邏輯力...\u003c/p\u003e\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-md-4 mb-4\\\"\u003e\\r\\n        \u003cdiv class=\\\"card\\\"\u003e\\r\\n          \u003cimg src=\\\"card_1.jpeg\\\" class=\\\"card-img-top\\\" style=\\\"max-height: 150px;\\\"\u003e\\r\\n          \u003cdiv class=\\\"card-img-overlay\\\"\u003e\\r\\n            \u003cp class=\\\"text-white mb-0\\\"\u003e1-3 年級專屬\u003c/p\u003e\\r\\n            \u003ch5 class=\\\"card-title text-white\\\"\u003e橘蘋玩創\u003cbr\u003e程式啟蒙\u003c/h5\u003e\\r\\n          \u003c/div\u003e\\r\\n          \u003cdiv class=\\\"card-body\\\"\u003e\\r\\n            \u003cp class=\\\"card-text\\\"\u003e從玩中學，啟蒙幼兒程式素養，並提升邏輯力...\u003c/p\u003e\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-md-4 mb-4\\\"\u003e\\r\\n        \u003cdiv class=\\\"card\\\"\u003e\\r\\n          \u003cimg src=\\\"card_1.jpeg\\\" class=\\\"card-img-top\\\" style=\\\"max-height: 150px;\\\"\u003e\\r\\n          \u003cdiv class=\\\"card-img-overlay\\\"\u003e\\r\\n            \u003cp class=\\\"text-white mb-0\\\"\u003e1-3 年級專屬\u003c/p\u003e\\r\\n            \u003ch5 class=\\\"card-title text-white\\\"\u003e橘蘋玩創\u003cbr\u003e程式啟蒙\u003c/h5\u003e\\r\\n          \u003c/div\u003e\\r\\n          \u003cdiv class=\\\"card-body\\\"\u003e\\r\\n            \u003cp class=\\\"card-text\\\"\u003e從玩中學，啟蒙幼兒程式素養，並提升邏輯力...\u003c/p\u003e\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-md-4 mb-4\\\"\u003e\\r\\n        \u003cdiv class=\\\"card\\\"\u003e\\r\\n          \u003cimg src=\\\"card_1.jpeg\\\" class=\\\"card-img-top\\\" style=\\\"max-height: 150px;\\\"\u003e\\r\\n          \u003cdiv class=\\\"card-img-overlay\\\"\u003e\\r\\n            \u003cp class=\\\"text-white mb-0\\\"\u003e1-3 年級專屬\u003c/p\u003e\\r\\n            \u003ch5 class=\\\"card-title text-white\\\"\u003e橘蘋玩創\u003cbr\u003e程式啟蒙\u003c/h5\u003e\\r\\n          \u003c/div\u003e\\r\\n          \u003cdiv class=\\\"card-body\\\"\u003e\\r\\n            \u003cp class=\\\"card-text\\\"\u003e從玩中學，啟蒙幼兒程式素養，並提升邏輯力...\u003c/p\u003e\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n\\r\\n    \u003cdiv class=\\\"text-center py-5\\\"\u003e\\r\\n      \u003cbutton class=\\\"btn btn-danger btn-lg\\\"\u003e免費體驗\u003c/button\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n  \u003cdiv class=\\\"bg-light\\\"\u003e\\r\\n    \u003cdiv class=\\\"container py-5\\\"\u003e\\r\\n      \u003ch1 class=\\\"text-warning text-center\\\"\u003e\\r\\n        教程式\u003cbr\u003e我們很專業\\r\\n      \u003c/h1\u003e\\r\\n      \u003cp class=\\\"text-center\\\"\u003e學得好，最重要，幸好我們很會教\u003c/p\u003e\\r\\n      \u003cdiv class=\\\"row\\\"\u003e\\r\\n        \u003cdiv class=\\\"col-md-4 text-center\\\"\u003e\\r\\n          \u003cimg src=\\\"icon_1.png\\\" class=\\\"mb-3\\\" style=\\\"max-width: 100px;\\\"\u003e\\r\\n          \u003ch4 class=\\\"text-warning\\\"\u003e80% 國際認證通過率\u003c/h4\u003e\\r\\n          \u003cp\u003e在橘子蘋果國際認證檢定課程中，高達八成的學生，只經過數周訓練、一次考試，便通過麻省理工、微軟等指標性組織的官方認證，變身國際認可的程式人才，增加學習歷程中的專業經歷，申請大學沒在怕。\u003c/p\u003e\\r\\n        \u003c/div\u003e\\r\\n        \u003cdiv class=\\\"col-md-4 text-center\\\"\u003e\\r\\n          \u003cimg src=\\\"icon_1.png\\\" class=\\\"mb-3\\\" style=\\\"max-width: 100px;\\\"\u003e\\r\\n          \u003ch4 class=\\\"text-warning\\\"\u003e橘蘋畢業生，幫國家寫程式\u003c/h4\u003e\\r\\n          \u003cp\u003e橘子蘋果的學員獲「國立台灣史前文化博物館」的邀請，組成遊戲開發團隊，創造《遨遊史前：玩程式學工藝》，是台灣第一款以史前史為主題的程式教學遊戲。小小年紀，便能學以致用，這群孩子未來想必大有可為。\u003c/p\u003e\\r\\n        \u003c/div\u003e\\r\\n        \u003cdiv class=\\\"col-md-4 text-center\\\"\u003e\\r\\n          \u003cimg src=\\\"icon_1.png\\\" class=\\\"mb-3\\\" style=\\\"max-width: 100px;\\\"\u003e\\r\\n          \u003ch4 class=\\\"text-warning\\\"\u003e程式專才升學\u003c/h4\u003e\\r\\n          \u003cp\u003e橘子蘋果第一屆的學生，李明謙，在橘子蘋果畢業後，繼續擁抱對程式學習的熱情，最終免試通過國立交通大學入學審核，進入程式人心目中的第一志願。期許他未來能在台灣程式學習最高殿堂中散發無限才能。\u003c/p\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n  \u003cdiv class=\\\"container py-5\\\"\u003e\\r\\n    \u003ch1 class=\\\"text-warning text-center\\\"\u003e媒體報導\u003c/h1\u003e\\r\\n    \u003cdiv class=\\\"row py-4\\\"\u003e\\r\\n      \u003cdiv class=\\\"col text-center\\\"\u003e\\r\\n        \u003cimg src=\\\"media_1.png\\\" style=\\\"max-width: 100px;\\\"\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col text-center\\\"\u003e\\r\\n        \u003cimg src=\\\"media_2.png\\\" style=\\\"max-width: 100px;\\\"\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col text-center\\\"\u003e\\r\\n        \u003cimg src=\\\"media_3.png\\\" style=\\\"max-width: 100px;\\\"\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col text-center\\\"\u003e\\r\\n        \u003cimg src=\\\"media_4.png\\\" style=\\\"max-width: 100px;\\\"\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col text-center\\\"\u003e\\r\\n        \u003cimg src=\\\"media_5.png\\\" style=\\\"max-width: 100px;\\\"\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n  \u003cdiv class=\\\"container py-5\\\"\u003e\\r\\n    \u003ch1 class=\\\"text-warning text-center\\\"\u003e教學合作\u003c/h1\u003e\\r\\n    \u003cdiv class=\\\"row py-4\\\"\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e桃園市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e南勢國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e新竹市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e北門國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e台中市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e賴厝國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e台南市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e文元國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e高雄市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e東光國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e台北市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e長春國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e台北市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e麗山國中\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e新北市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e林口國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e新北市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e安坑國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e桃園市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e大業國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e桃園市\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e高榮國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"col-4 col-md-1 text-center\\\"\u003e\\r\\n        \u003cspan class=\\\"badge rounded-pill bg-warning text-dark text-white\\\"\u003e苗栗縣\u003c/span\u003e\\r\\n        \u003ch5 class=\\\"mt-2\\\"\u003e後龍國小\u003c/h5\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n    \u003cdiv class=\\\"text-center\\\"\u003e\\r\\n      \u003cbutton class=\\\"btn btn-danger btn-lg\\\"\u003e看完整合作學校\u003c/button\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n\\r\\n  \u003cdiv class=\\\"d-flex align-items-center\\\"\\r\\n    style=\\\"background-image: url(banner_2.jpeg); height: 600px; background-size: cover;\\\"\u003e\\r\\n    \u003cdiv class=\\\"container\\\"\u003e\\r\\n      \u003ch1 class=\\\"display-4 fw-bold\\\"\u003e\\r\\n        立即跟上\u003cbr\u003e學習程式浪潮\\r\\n      \u003c/h1\u003e\\r\\n      \u003ch4 class=\\\"mb-4 fw-bold\\\"\u003e\\r\\n        同學們都在學，佈局孩子教育不落人後\\r\\n      \u003c/h4\u003e\\r\\n      \u003cdiv class=\\\"mb-4\\\"\u003e\\r\\n        \u003cbutton class=\\\"btn btn-danger btn-lg\\\"\u003e取得免費嘗試聽\u003c/button\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n  \u003cdiv class=\\\"container py-5\\\"\u003e\\r\\n    \u003ch1 class=\\\"text-center mb-4\\\"\u003e常見問題\u003c/h1\u003e\\r\\n    \u003cdiv class=\\\"accordion\\\" id=\\\"accordionExample\\\"\u003e\\r\\n      \u003cdiv class=\\\"accordion-item border-3\\\"\u003e\\r\\n        \u003ch2 class=\\\"accordion-header\\\"\u003e\\r\\n          \u003cbutton class=\\\"accordion-button collapsed text-warning\\\" type=\\\"button\\\" data-bs-toggle=\\\"collapse\\\"\\r\\n            data-bs-target=\\\"#collapse-1\\\"\u003e\\r\\n            \u003cstrong\u003eQ:孩子可以在橘子蘋果學到哪些程式語言？\u003c/strong\u003e\\r\\n          \u003c/button\u003e\\r\\n        \u003c/h2\u003e\\r\\n        \u003cdiv id=\\\"collapse-1\\\" class=\\\"accordion-collapse collapse\\\"\u003e\\r\\n          \u003cdiv class=\\\"accordion-body\\\"\u003e\\r\\n            A：一個完整應用橘子蘋果所有學習資源的孩子，將可以熟悉、應用以下程式課程和語言：Scratch, App Inventor, HTML5, JavaScript,\\r\\n            Python，相當於在兩年中取得大一資工系的程式程度，並取得四張國際證照（MIT、MTA），成為備受國際權威（麻省理工學院、微軟）認証的程式人才。\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"accordion-item border-3\\\"\u003e\\r\\n        \u003ch2 class=\\\"accordion-header\\\"\u003e\\r\\n          \u003cbutton class=\\\"accordion-button collapsed text-warning\\\" type=\\\"button\\\" data-bs-toggle=\\\"collapse\\\"\\r\\n            data-bs-target=\\\"#collapse-2\\\"\u003e\\r\\n            \u003cstrong\u003eQ：是否有試聽課程？\u003c/strong\u003e\\r\\n          \u003c/button\u003e\\r\\n        \u003c/h2\u003e\\r\\n        \u003cdiv id=\\\"collapse-2\\\" class=\\\"accordion-collapse collapse\\\"\u003e\\r\\n          \u003cdiv class=\\\"accordion-body\\\"\u003e\\r\\n            A：當然有！為了讓更多孩子可以接觸到程式設計，進而當作興趣或志業，橘子蘋果願意幫家長負擔第一堂程式課的試聽費用。從小一到高三的常態課程，橘子蘋果的試聽課程「完全免費」。\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"accordion-item border-3\\\"\u003e\\r\\n        \u003ch2 class=\\\"accordion-header\\\"\u003e\\r\\n          \u003cbutton class=\\\"accordion-button collapsed text-warning\\\" type=\\\"button\\\" data-bs-toggle=\\\"collapse\\\"\\r\\n            data-bs-target=\\\"#collapse-3\\\"\u003e\\r\\n            \u003cstrong\u003eQ：在橘子蘋果上課，需要程式基礎嗎？\u003c/strong\u003e\\r\\n          \u003c/button\u003e\\r\\n        \u003c/h2\u003e\\r\\n        \u003cdiv id=\\\"collapse-3\\\" class=\\\"accordion-collapse collapse\\\"\u003e\\r\\n          \u003cdiv class=\\\"accordion-body\\\"\u003e\\r\\n            A：零經驗可！不用擔心孩子沒有程式經驗跟不上課程，我們有非常佛心的學習機制：若孩子沒有聽懂、跟不上進度，橘子蘋果承諾讓孩子「免費」再上一次。\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"accordion-item border-3\\\"\u003e\\r\\n        \u003ch2 class=\\\"accordion-header\\\"\u003e\\r\\n          \u003cbutton class=\\\"accordion-button collapsed text-warning\\\" type=\\\"button\\\" data-bs-toggle=\\\"collapse\\\"\\r\\n            data-bs-target=\\\"#collapse-4\\\"\u003e\\r\\n            \u003cstrong\u003eQ：怎樣的孩子「適合」學習程式呢？\u003c/strong\u003e\\r\\n          \u003c/button\u003e\\r\\n        \u003c/h2\u003e\\r\\n        \u003cdiv id=\\\"collapse-4\\\" class=\\\"accordion-collapse collapse\\\"\u003e\\r\\n          \u003cdiv class=\\\"accordion-body\\\"\u003e\\r\\n            A：我們建議，「所有」的孩子都應該接觸程式。科技時代步步逼近，許多研究顯示：未來許多職業已與程式設計脫不了關係。就連文組相關的職業，只要懂程式邏輯，甚至能利用程式來提升工作成效和效率，大幅提升就業能力和競爭力。\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"accordion-item border-3\\\"\u003e\\r\\n        \u003ch2 class=\\\"accordion-header\\\"\u003e\\r\\n          \u003cbutton class=\\\"accordion-button collapsed text-warning\\\" type=\\\"button\\\" data-bs-toggle=\\\"collapse\\\"\\r\\n            data-bs-target=\\\"#collapse-5\\\"\u003e\\r\\n            \u003cstrong\u003eQ：多大的孩子可以參加？\u003c/strong\u003e\\r\\n          \u003c/button\u003e\\r\\n        \u003c/h2\u003e\\r\\n        \u003cdiv id=\\\"collapse-5\\\" class=\\\"accordion-collapse collapse\\\"\u003e\\r\\n          \u003cdiv class=\\\"accordion-body\\\"\u003e\\r\\n            A：最小從「國小一年級」最大到「高中三年級」都可以參加：\\r\\n            \u003cul\u003e\\r\\n              \u003cli\u003e小一 - 小三：幼兒程式啟蒙班 (橘蘋玩創學程)\u003c/li\u003e\\r\\n              \u003cli\u003e小四 - 國一：兒童程式設計班 (橘蘋菁英學程)\u003c/li\u003e\\r\\n              \u003cli\u003e國二以上：青少年程式衝刺班 (橘蘋駭客學程)\u003c/li\u003e\\r\\n            \u003c/ul\u003e\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003cdiv class=\\\"accordion-item border-3\\\"\u003e\\r\\n        \u003ch2 class=\\\"accordion-header\\\"\u003e\\r\\n          \u003cbutton class=\\\"accordion-button collapsed text-warning\\\" type=\\\"button\\\" data-bs-toggle=\\\"collapse\\\"\\r\\n            data-bs-target=\\\"#collapse-6\\\"\u003e\\r\\n            \u003cstrong\u003eQ：有程式經驗的孩子可以學到更多嗎？\u003c/strong\u003e\\r\\n          \u003c/button\u003e\\r\\n        \u003c/h2\u003e\\r\\n        \u003cdiv id=\\\"collapse-6\\\" class=\\\"accordion-collapse collapse\\\"\u003e\\r\\n          \u003cdiv class=\\\"accordion-body\\\"\u003e\\r\\n            A：可以。秉持著學無止盡，精益求精的原則，橘子蘋果不斷地開發更進階的程式課程，包括國際程式認證課程，讓已經有經驗的孩子可以有更多的選擇，並在未來申請程式相關科系取得加分。\\r\\n          \u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n  \u003cdiv class=\\\"bg-dark text-white\\\"\u003e\\r\\n    \u003cdiv class=\\\"container py-5\\\"\u003e\\r\\n      \u003cdiv class=\\\"row\\\"\u003e\\r\\n        \u003cdiv class=\\\"col-md-4\\\"\u003e\\r\\n          \u003ch4 class=\\\"text-warning\\\"\u003e關於我們\u003c/h4\u003e\\r\\n          \u003cul class=\\\"nav flex-column\\\"\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e免費課程諮詢\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e常見問題\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e教學據點\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e合作機會\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e社會責任\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e趨勢文章\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e師資招募\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e學校夥伴\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n          \u003c/ul\u003e\\r\\n        \u003c/div\u003e\\r\\n\\r\\n        \u003cdiv class=\\\"col-md-4\\\"\u003e\\r\\n          \u003ch4 class=\\\"text-warning\\\"\u003e長期課程\u003c/h4\u003e\\r\\n          \u003cul class=\\\"nav flex-column\\\"\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e實體課\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e橘蘋玩創程式啟蒙(1-3 年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e橘蘋思維數學(1-5 年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e實體課/線上課\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e橘蘋菁英程式課程(4-7 年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e橘蘋駭客程式學程(8 年級以上)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n          \u003c/ul\u003e\\r\\n\\r\\n          \u003ch4 class=\\\"text-warning mt-4\\\"\u003e營隊課程\u003c/h4\u003e\\r\\n          \u003cul class=\\\"nav flex-column\\\"\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e2020 營隊營隊一覽\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e小小創客營 (1~2年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003e麥塊創客營 (3~6年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003eAPP創造營 (4~7年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003ePython 遊戲體驗營 (7~12年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003eAPCS 檢定培訓營 (7~12年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n          \u003c/ul\u003e\\r\\n        \u003c/div\u003e\\r\\n\\r\\n        \u003cdiv class=\\\"col-md-4\\\"\u003e\\r\\n          \u003ch4 class=\\\"text-warning\\\"\u003e課程詳情\u003c/h4\u003e\\r\\n          \u003cul class=\\\"nav flex-column\\\"\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003eOzobot 光感路徑機器人 (1~2年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003eMinecraft 程式班 (3年級)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003eScratch 編程觀念課程 (4年級以上)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003eJS 電玩開發課程 (8年級以上)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n            \u003cli class=\\\"nav-item\\\"\u003e\\r\\n              \u003ca class=\\\"nav-link ps-0 text-white small\\\" href=\\\"#\\\"\u003eAPCS 程式能力檢定培訓班 (適合高中)\u003c/a\u003e\\r\\n            \u003c/li\u003e\\r\\n          \u003c/ul\u003e\\r\\n        \u003c/div\u003e\\r\\n      \u003c/div\u003e\\r\\n      \u003chr\u003e\\r\\n      \u003cp\u003e\\r\\n        \u003cspan class=\\\"h4\\\"\u003e橘子蘋果兒童程式學苑\u003c/span\u003e\\r\\n        \u003ca class=\\\"px-2 text-white\\\" href=\\\"#\\\"\u003e聯絡電話 (02) 7709-8229\u003c/a\u003e\\r\\n        \u003ca class=\\\"px-2 text-white\\\" href=\\\"#\\\"\u003eLINE 粉絲團\u003c/a\u003e\\r\\n        \u003ca class=\\\"px-2 text-white\\\" href=\\\"#\\\"\u003eFacebook 粉絲團\u003c/a\u003e\\r\\n      \u003c/p\u003e\\r\\n      \u003csmall\u003e服務時間：週一至週五：12:00 - 21:00 / 週六：09:00 - 21:00 / 週日：09:00 - 17:00\u003c/small\u003e\\r\\n    \u003c/div\u003e\\r\\n  \u003c/div\u003e\\r\\n\\r\\n\u003c/body\u003e\\r\\n\\r\\n\u003c/html\u003e\",\"css\":\"/* 設定整個頁面內容水平置中、內寬為 30 像素：*/\\nbody {\\n    text-align: center;\\n    padding: 30px;\\n}\\n\\n/* 設定圖片的寬度為銀幕一半寬 */\\nimg {    \\n    max-width: 50%; \\n}\\n\\n/* 設定文字的顏色為淡黑色 */\\np {\\n    color: #555555;\\n}\",\"js\":\"// 創造一個函式指令 hello：\\nfunction hello () {\\n    // 讓網頁跳出文字訊息：\\n    alert('叩叮：\\\\n嗨你好～ 讓我們一起加油寫出漂漂亮亮的網頁唄！');\\n}\"}","created_at":"2021-07-25T16:07:11.839+08:00","updated_at":"2021-07-25T16:15:09.371+08:00","name":"hw_7/23_橘蘋_Freddy","language":"web","screenshot":{"url":"https://cdn3.koding.school/uploads/project/screenshot/280094/f9d7b9678b7dae2e1893d7b2489dbe3c.jpg"},"parent_id":3,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":56,"hashid":"jzmsedrk5","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}

[{"id":5487407,"file_name":"icon_2.png","project_id":280094,"asset_id":388215,"created_at":"2021-07-25T16:07:46.317+08:00","updated_at":"2021-07-25T16:07:46.317+08:00"},{"id":5487408,"file_name":"icon_3.png","project_id":280094,"asset_id":388216,"created_at":"2021-07-25T16:07:46.319+08:00","updated_at":"2021-07-25T16:07:46.319+08:00"},{"id":5487409,"file_name":"logo.png","project_id":280094,"asset_id":388217,"created_at":"2021-07-25T16:07:46.633+08:00","updated_at":"2021-07-25T16:07:46.633+08:00"},{"id":5487410,"file_name":"media_1.png","project_id":280094,"asset_id":388218,"created_at":"2021-07-25T16:07:46.634+08:00","updated_at":"2021-07-25T16:07:46.634+08:00"},{"id":5487411,"file_name":"media_2.png","project_id":280094,"asset_id":388219,"created_at":"2021-07-25T16:07:46.930+08:00","updated_at":"2021-07-25T16:07:46.930+08:00"},{"id":5487412,"file_name":"media_3.png","project_id":280094,"asset_id":388220,"created_at":"2021-07-25T16:07:46.932+08:00","updated_at":"2021-07-25T16:07:46.932+08:00"},{"id":5487413,"file_name":"media_4.png","project_id":280094,"asset_id":388221,"created_at":"2021-07-25T16:07:47.219+08:00","updated_at":"2021-07-25T16:07:47.219+08:00"},{"id":5487414,"file_name":"media_5.png","project_id":280094,"asset_id":388222,"created_at":"2021-07-25T16:07:47.220+08:00","updated_at":"2021-07-25T16:07:47.220+08:00"},{"id":5487405,"file_name":"card_1.jpeg","project_id":280094,"asset_id":388213,"created_at":"2021-07-25T16:07:45.998+08:00","updated_at":"2021-07-25T16:07:45.998+08:00"},{"id":5487406,"file_name":"icon_1.png","project_id":280094,"asset_id":388214,"created_at":"2021-07-25T16:07:45.999+08:00","updated_at":"2021-07-25T16:07:45.999+08:00"},{"id":5487403,"file_name":"banner.jpeg","project_id":280094,"asset_id":388211,"created_at":"2021-07-25T16:07:45.616+08:00","updated_at":"2021-07-25T16:07:45.616+08:00"},{"id":5487404,"file_name":"banner_2.jpeg","project_id":280094,"asset_id":388212,"created_at":"2021-07-25T16:07:45.618+08:00","updated_at":"2021-07-25T16:07:45.618+08:00"}]