DebbyBread

一頁式麵包店介紹網頁

線上DEMO

功能描述

網頁特色

• 自適應網頁，隨裝置螢幕大小作改變
• 輪播橫幅，加深店家印象
• 新品圖片點擊放大，觀看商品細節
• 師傅員工簡介，放置於圖片上，俐落大方
• 廣告影片自動播放
• 新增表單聯繫，並標註店家位址

使用的技術

• jQuery判斷裝置大小，做出折疊導覽列
• 導覽列有Scrollspy的效果
• 使用Bootstrap的自適應、輪播與表單功能
• 加入jQery ligbtBox套件，將圖片變成相片簿
• CSS寫出圖片與文字特效

其他

開發環境

• Visual Studio Code
• Google Chrome

使用語言、套件

• HTML
• CSS
• Bootstrap
• jQuery
• jQuery lightBox