用作測試的頁面

Pinned Article Title

全新的你

2025五年級西貢教育營

我想了解更多

Pinned Article Title with 3s Animation

全新的你

2025五年級西貢教育營

我想了解更多

Responsive Layout

我的大同生活點滴

我們希望鼓勵每位學生勇敢面對困難，尋找自我成長的機會。

來看看最新的短片、相片、歌曲、文章和媒體報道。

看看近期的活動 >

A small image is displayed beside text with a margin, and the text contains a hyperlink

香港小學習字表 - 根據官方指引設計

 本程式根據教育局《香港小學學習字詞表》指引設計，有效幫助小學生認識中文字的正確筆順。

Pop-up Box Example

彈出框範例 我想了解更多

Colored Box

Colored Box Example

其他資訊

如想獲知許大同學校各項年度活動。請點擊「我想了解更多」。

Banner Container

Horizontal Image Gallery

Video Container

Multiple Videos Side by Side
全校造星大舞台：

現代舞

全校造星大舞台：

爵士鼓合奏

四年級梅窩

大自然體驗營

小一百日宴

(小學生活點滴)

全校造星大舞台：

舞蹈表演

全校造星大舞台：

爵士鼓演奏

Gallery Container

To set an image as a cover in HTML

Image Cover Example

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 圖片 + 點擊彈出顯示指定網頁」的效果

全屏頂部下滑圖片 + 右上角關閉按鈕

Squarespace 圖片滑入彈窗