GoPower

多頁式健身網站介紹網頁

線上DEMO

功能描述

網頁特色

• 自適應網頁，隨裝置螢幕大小作改變
• 首頁彈跳式廣告影片
• 兼具首頁、關於、課程簡介功能
• 滑過圖片高亮效果
• 點擊圖片可觀看課程明細

使用的技術

• 使用Bootstrap的自適應與摺疊導覽列功能
• 導覽列文字隨網頁位址換色
• 以jQuery的modal來呈現課程簡介
• CSS動畫讓滑過的圖片高亮
• 以Bootstrap的jumborton製作頁尾

其他

開發環境

• Visual Studio Code
• Google Chrome

使用語言、套件

• HTML
• CSS
• Bootstrap
• jQuery