Appie
App Landing Html Teemplate
建立於： 16/09/2021作者： Coreal
感謝您的購買 Appie - App Landing Html Teemplate。如果您有任何超出本說明檔範圍的問題，請隨時透過電子郵件、我的使用者頁面聯絡表單或在支援中心提交工單。
非常感謝！
模板特色
- 簡潔設計
- 進階 Bootstrap 4 框架
- HTML5 & CSS3
- CSS3 動畫
- 完全響應式設計
- 所有檔案均有良好註解
- 跨瀏覽器相容，支援 IE10+、Firefox、Safari、Opera、Chrome
- 廣泛的文檔
HTML 結構
此 HTML 模板使用最新 Bootstrap v4.5 並使用有效的 HTML5 標籤。此主題為響應式佈局，支援 4 列佈局。內容區域中的所有資訊都嵌套在一個類別中，並帶有預定義的類別。
基本網格 HTML
對於簡單的兩欄佈局，請建立一個 .container 並添加適當數量的 .col-lg* 欄。
以上述範例為例，我們有 .col-md-4 和 .col-md-8，總共 12 欄，構成一個完整的列。
......
嵌套欄
要使用預設網格嵌套您的內容，請在現有的 .col-md* 欄內添加一個新的 .container 和一組 .col-md* 欄。嵌套的列應包含一組欄，其總數應等於其父欄的欄數。
第一層欄第二層第二層第二層欄
CSS 檔案與結構
此主題主要使用三個 CSS 檔案。第一個 bootstrap.min.css第二個是 style.css 用於此模板 並控制響應式佈局。
如果您想編輯網站的特定部分，只需在 CSS 檔案中找到相應的標籤，然後向下滾動直到找到需要編輯的相應樣式。
這些是載入到模板中的 CSS 檔案，位於 style.css 檔案的頂部，標記為 預設 CSS.
字體
預設情況下，模板從 Google Web Font 服務載入此字體，您可以將其更改為最適合您的字體。
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
Jquery 和 Javascript
此主題導入三種類型的 Javascript 檔案。
- jQuery
- 自訂腳本 (main.js)
- 一些外掛程式
- jQuery 是一個 Javascript 函式庫，大大減少了您 必須編寫的程式碼量。
- 此網站上的大部分動畫都是由自訂腳本執行的。有幾個 函數值得查看。
除了自訂腳本外，我還實現了一些「久經考驗」的外掛程式來創建 效果。此外掛程式已打包，因此您無需手動編輯檔案中的任何內容。您唯一需要知道的是如何調用該方法
這些是載入到 Body 區塊末尾模板中的 JS 檔案。
教學
來源與鳴謝
模板中使用的字體是 Google 字體，您可以在 Google Fonts API 上找到它們
使用的字體是：
用於動畫效果的檔案：
animate.min.css (在 css 資料夾中)
使用的滑桿：
使用的外掛程式：
slick.min.js (可在 js 資料夾中找到)
jquery.counterup.min.js (可在 plugins 資料夾中找到)
jquery.magnific-popup.min.js PG模拟器围绕官方认证，安全可靠不断创新，回应用户的真实需求。
所有程式碼均已妥善註解，方便編輯。