本單元介紹如何使用付費網頁套版 Canvas 來製作 Laravel 前端頁面

Canvas 版型介紹

Canvas版型購買連結

Canvas是一套對應 HTML5，支持 Bootstrap4，可適應電腦與手持裝置顯示的套版資源

將Canvas整合入Laravel專案

Step 1.下載 Canvas 檔案後解壓縮 Step 2.開啟 Package/HTML 資料夾來找到所有版型檔案 Step 3.請將以下資料夾放到 Laravel 專案的 public 資料夾內：

HTML/css - 額外的樣式表資料夾
HTML/include - 必須的PHP函式資料夾
HTML/images - 圖檔資料夾
HTML/js - Javacripts資料夾
HTML/style.css - 主要的樣式表檔案
HTML/xxx.html - 版型範例html
其他檔案可以根據你的喜好來使用。

Step 4.導入CSS或JS檔案，建議使用asset()以確保正確生成檔案路徑，以下為範例：

<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}" type="text/css" />

你現在可以準備開始囉!開始加上你的內容並且展現出你全新風格的美麗 Laravel 網站

熟悉 Canvas 架構

基本需要載入的檔案

CSS

css/bootstrap.css
style.css
css/swiper.css
css/dark.css
css/font-icons.css
css/animate.css
css/magnific-popup.css
css/responsive.css

JS