用作測試的頁面
Pinned Article Title
Pinned Article Title with 3s Animation
Responsive Layout
A small image is displayed beside text with a margin, and the text contains a hyperlink
香港小學習字表 - 根據官方指引設計
本程式根據教育局《香港小學學習字詞表》指引設計，有效幫助小學生認識中文字的正確筆順。Pop-up Box Example
我想了解更多
×
這裡是彈出框內右側的文字內容，會按照左右對齊的方式顯示，文字顏色為黑色。
這裡是彈出框內右側的文字內容，會按照左右對齊的方式顯示，文字顏色為黑色。
這裡是彈出框內右側的文字內容，會按照左右對齊的方式顯示，文字顏色為黑色。
Colored Box
其他資訊
如想獲知許大同學校各項年度活動。請點擊「我想了解更多」。
如想獲知許大同學校各項年度活動。請點擊「我想了解更多」。
Banner Container
Video Container
全校造星大舞台：
現代舞
全校造星大舞台：
爵士鼓合奏
四年級梅窩
大自然體驗營
小一百日宴
(小學生活點滴)
全校造星大舞台：
舞蹈表演
全校造星大舞台：
爵士鼓演奏
Gallery Container
全校造星大舞台：現代舞
全校造星大舞台：爵士鼓合奏
四年級梅窩大自然體驗營
小一百日宴 (小學生活點滴)
全校造星大舞台：舞蹈表演
全校造星大舞台：爵士鼓演奏
To set an image as a cover in HTML
To create "Previous" and "Next" buttons in HTML
To create a tabbed view using HTML and CSS
Content for Tab 1
This is the content for the first tab.
Content for Tab 2
This is the content for the second tab.
Content for Tab 3
This is the content for the third tab.
Sharing Button
分享
學校資訊
校長的話
我的大同生活點滴
體驗不同校園文化
深圳前海港灣小學交流之旅
我們期待著不久的將來，深圳前海港灣小學的師生能來香港進行回訪，讓這份跨越城市的友誼繼續延續。
開啟創意新視界
AI文字生成圖片課程
課堂上，學生們熱情投入，創作出一個個充滿個性的作品，令人驚喜連連。「橫向 3 個 16:9 圖片 + 點擊彈出顯示指定網頁」的效果
3秒後彈出全螢幕響應式圖片
×
