主題:食物語首遊相關介紹
藉由運用HTML, CSS以及少量JavaScript來做出類似官方網頁的內容

主要是以活動攻略為主，以及提供官方網站未提供的周邊商品一覽，半周年線下展的內容，這樣就不在google上一直尋找活動攻略，想買周邊也可直接看到每樣商品再去官方賣場購買。半周年的線下展我也是實際去了兩天真的非常有趣，可惜原官方並未將整個活動貼在自己的官方網站，所以想說利用這次機會補足許多原官方未更新的相關資料。

整個版面希望是以輕鬆的方式去呈現，希望玩家及想了解遊戲玩法、內容的人能輕鬆找到自己想搜尋(理解)的，所以幾乎都是以標籤來分類不同內容再進行外部超連結

1.首頁-基本玩法以及角色人物介紹
2.活動介紹(內部結構皆相同)
3.主線劇情標題、副標(為遊戲內部圖片)
4.半周年線下展
5.周邊實體商品顯示

利用分類夾方便使用者依所需資料尋找
角色分類依據遊戲內部菜系作為分類，不僅可讓使用者看到不同稀有度的角色，也可以透過分類稍微了解角色的來源背景
每一活動介紹內皆會提供當期角色以及商店兌換所需道具數量整理、優先兌換順序以及活動遊玩建議、儲值活動、小遊戲......
主線劇情部分略帶主題，並提供章節長度(圖片)
半周年線下展，展示官方影片以及內部部分展區及活動，並提供官方蝦皮賣場給使用者直接瀏覽相關周邊商品
周邊商品區主要提供使用者觀看商品圖，利用分類讓使用者更容易尋找所需物品(*注意無法在網站中購買)

由於.PNG圖片上傳Github網站會有檔案名問題，因此在網站介紹中無法正常顯示
因此可以藉由IIS架設的網頁觀看點我查看