GrayGrids 是一個很大的免費 Bootstrap 主題與 HTML 範本的來源之一，至今在網站當中已提供超過 400+ 個網站樣式與超過 40,000+ 個使用者註冊使用，而在當中，你可以下載超過 100+ 個以上的免費 HTML 樣式，並可將其作為商業使用都沒有問題。

GrayGrids 除了在網站當中提供了大量的免費 Bootstrap 主題與免費 HTML 範本之外，當中也有販售許多付費的主題範本，其中大致上分為 3 種不同的類型，分為：

• Full Version with Commercial License
• Free Lite Version – Personal Use Only
• Free Version – MIT License

當你在瀏覽每個項目時，可以根據右側的下載購買區塊當中，清楚的了解目前的項目是屬於哪一種授權方式，這一點在下面的範例教學當中會再清楚的以圖文方式教你如何辨別。

如果你還想了解更多有關免費主題的相關內容，可以參考：WordPress 主題，這個類別當中會收錄許多好用的 WordPress 相關佈景主題，如果你想直接查看我們所推薦的最佳 WordPress 主題，也可以參考：

最佳 WordPress 付費佈景主題推薦與介紹（2020 更新）

網站名稱：Free HTML Site Templates and Bootstrap Themes | GrayGrids
網站網址：https://graygrids.com/

GrayGrids 教學

Step 1

進入免費主題分類

進入 GrayGrids 之後，你可以直接在首頁上方的橫幅當中直接點選「Free Templates」，即可進入免費樣式的分類當中：

Pin

Step 2

挑選免費主題

進入免費主題的分類當中後，你就可以在當中挑選與預覽所有有提供免費主題的項目。在分類頁面當中，你可以在項目區塊的右上方找到排序的功能，可以將所有項目依據最新、最舊、價格低至高、價格高至低、標題 A-Z、標題 Z-A…等等方式進行排序：

Pin

Step 3

下載免費主題

剛剛有提到，GrayGrids 當中所提供的項目授權方式有三種，分別為：Full Version、Lite Version 與 MIT Licence，這點你可以在進入每個項目中時，在右方的下載資訊欄位中非常清楚的看到：

Pin

在上圖這種主題當中，你可以選擇「Full Version with Commercial License」，雖然會花費一點金錢，但是你就可以獲得可商業使用、去除頁尾 Credit 與擁有與 Demo 完全一樣的內容；如果你選擇的是「Free Lite Version Personal Use Only」，那麼你就可以完全免費的下載，但是就僅能作為個人使用，而且無法去除頁尾的 Credit 連結，所獲得的內容也僅只有 1~2 個頁面與 Demo 相同，無法取得完整的 Demo 檔案。

除了上述的授權之外，還有一些免費主題當中的授權方式是採用「MIT License」，進入項目之後，在右側下載資訊欄位中只有顯示「Download Now – Free」的按鈕，基本上就是採用 MIT License 了。這種主題你就可以完全免費的使用，且可以用於商業用途當中，也可以自由的去除頁尾的 Credit 連結：

Pin

你可以在下方的詳細說明內容當中，再次確認該主題是採用何種的授權方式：

Pin

Step 4

免費結帳與下載

當你點選「Download Now」按鈕之後，就會將該主題加入購物車並進入結帳畫面，在結帳頁面可以看到你所選取的項目金額與總數為 0。接著在下方填入「Email Address」、「First Name」：

Pin

最後點選最下方的「Free Download」按鈕，系統將會自動幫你註冊一個免費帳號，並隨即跳轉至你的後台當中，顯示你所購買的產品，在此畫面中你就可以點選「Download」按鈕，將完整的免費主題項目下載到電腦當中：

Pin

以上就是在 GrayGrids 下載免費主題的完整教學。除了在 GrayGrids 上瀏覽、購買與下載免費/付費主題之外，你也可以透過 Themeforest 當中瀏覽與購買大量的 HTML 主題，在當中的主題費用都相當便宜，且每一個項目都是可作為商業授權、永久支援更新與免費一年的客服支援服務，非常值得推薦。