之前我們推薦過Bootstrap的實用開發教程和8款HTML5實現的特效和應用，反映非常強烈，很多前端愛好者紛紛要求多分享些類似的教程和模板。今天我們推薦的這7套單頁面網站設計模板不僅帶有獨立的在線演示，并且全部免費下載！如果你也喜歡我們的素材教程，請加入我們的極客標簽吧！

響應式的單頁面網站模板 - Brushed

在線演示

Brushed是一款單頁面的響應式HTML模板，基于Twitter Bootstrap框架，針對Retina屏幕（iphone，ipad，ipod touch和Macbook）優化。非常適合作為工作室，數字媒體和創意人群使用。提供了非常酷的方式來展示你的項目和成果。基于HTML5/CSS3， 同時兼容老款瀏覽器。商業和個人使用免費。

一款jquery單頁面滾動插件 - One Page Scroll

在線演示

單頁面滾動條被廣泛使用多年，它可以快速的幫你找到需要的信息。它只需要建立你的HTML結構，調用函數即可。非常簡單方便。

單頁面網站滾動效果

在線演示

快速的滾動效果，帶有自動演示下載。非常實用！

超棒的暗色系單頁面網站模板 - 個人簡歷模板

在線演示

簡歷是一個面試官對應征者的第一印象，一份精心設計過的簡歷絕對可以為你大大加分！這款個人簡歷模板擁有一個固定fixed的導航條，并且可以支持滾動導航。總有一款適合你！

單頁面的網站線框設計 - One Page Website Wireframes

本地下載

應用一句當前比較流行的話來說，就是簡約但絕不簡單。

免費的單頁面響應式模板 - Legend

在線演示

Legend是一個免費的單頁面響應式模板，適合于不同類型的網站開發。基于twitter的bootstrap設計。你可以用它來制作一個用戶訪問頁面，在線的作品集展示，或者商用模板等等。

相關閱讀：推薦9款使用CSS3實現的超酷動畫效果

本月極客社區將推出#好文好禮#極客原創文章征集活動，請大家關注！

轉載于:https://www.cnblogs.com/gbin1/p/3638178.html

總結

以上是生活随笔為你收集整理的推荐7款超棒的单页面网站设计模板。关键是！免费！！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。