⚽ 足球实时 (10)
| 主队 | 比分 | 客队 | 联赛 | 时间(北京) |
|---|---|---|---|---|
| 奧爾堡AGF | 0:0 | 薩巴赫巴庫 | 歐洲冠軍聯賽 | 00:30 |
| 吉姆納斯蒂卡塞戈維亞納 | 0:1 | 皇家巴拉多利德 | 球會友誼賽 | 01:00 |
| 柏林普魯士 | 0:1 | 萊比錫火車頭 | 德國地區聯賽東北區 | 01:00 |
| 萊比錫化學 | 0:0 | 哈雷 | 德國地區聯賽東北區 | 01:00 |
| 埃爾福特紅白色 | 2:0 | 柏林塔斯馬尼亞 | 德國地區聯賽東北區 | 01:00 |
| 蒂黑GKS | 1:0 | 索斯諾維茨扎格倫比 | 波蘭盃 | 01:00 |
| 施瓦茨 | 0:7 | 奧格斯堡 | 球會友誼賽 | 01:00 |
| 盧森堡賽車聯盟女子隊 | 0:0 | 赫爾辛基HJK女子隊 | 歐洲女子冠軍聯賽 | 01:00 |
| 法蘭克福女子隊 | 3:0 | 尼科西亞奧莫尼亞女子隊 | 歐洲女子冠軍聯賽 | 01:00 |
| 斯拉格爾斯B和I | 0:2 | 桑德比 | 丹麥DBU盃 | 01:00 |
Corba
App Landing Page HTML 模板
創建於： 19/08/2020作者： gfxpartner
模板特色
- 簡潔設計
- 進階 Bootstrap 4 框架
- HTML5 & CSS3
- CSS3 動畫
- 完全響應式設計
- 所有檔案均有詳細註解
- 跨瀏覽器兼容 IE10+、Firefox、Safari、Opera、Chrome
- 廣泛的文檔
HTML結構
此 HTML 模板使用了最新的 Bootstrap v4.5 並帶有有效的 HTML5 標籤。此主題為響應式佈局，支援 4 列。內容區域中的所有資訊都嵌套在一個類別中，並附帶預定義的類別。
基本網格 HTML
對於簡單的兩欄佈局，創建一個 .container 並添加適當數量的 .col-md* 欄。
考慮到這個例子，我們有 .col-md-4 和 .col-md-8，總共 12 欄，構成一個完整的行。
......
嵌套欄
要使用預設網格嵌套您的內容，請在現有的 .col-md* 欄內添加一個新的 .container 和一組 .col-md* 欄。嵌套的行應包含一組欄，其總數應等於其父欄的欄數。
第一層欄第二層第二層第二層欄
CSS檔案與結構
此主題主要使用三個主要的 CSS 檔案。第一個是 bootstrap.css第二個是 style.css 用於此模板，第三個是 responsive.css 用於控制響應式佈局。
如果您想編輯網站的特定部分，只需在 CSS 檔案中找到相應的標籤，然後向下滾動直到找到需要編輯的相應樣式。
這些是載入到模板中的 CSS 檔案，位於 style.css 檔案的頂部，標記為 導入的 CSS.
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(magnific-popup.css);
@import url(slick.css);
@import url(default.css);
@import url(style.css);
字體
預設情況下，模板從 Google Web Font 服務載入此字體，您可以更改為最適合您的字體。
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@100;300;400;500;600;700;800;900&display=swap');
Jquery 和 Javascript
此主題導入三種類型的 Javascript 檔案。
- jQuery
- 自訂腳本 (main.js)
- 一些外掛程式
- jQuery 是一個 Javascript 函式庫，大大減少了您必須編寫的程式碼量。
- 此網站中的大部分動畫都是通過自訂腳本實現的。有幾個函數值得查看。
除了自訂腳本外，我還實現了一些「經過驗證」的外掛程式來創建效果。此外掛程式已打包，因此您無需手動編輯檔案中的任何內容。唯一需要知道的是如何調用方法
這些是載入到模板正文底部的 JS 檔案。
教學
LOGO
讓我們開始更新模板。打開 index.html 檔案並按照步驟操作。
大多數更新對所有頁面都相同。所以這裡只解釋一次。
將「images/logo.png」替換為您的標誌圖片網址來源或網站名稱。
導航菜單
這是基本結構。
將您的選單項目添加到該 ul li 項目。如果您想添加下拉選單，只需創建一個帶有類別的嵌套 ul li 子選單
將「© Copyright Cobra 2020 . All right reserved.」替換為版權資訊。
來源與鳴謝
模板中使用的字體是 Google 字體，您可以在 Google Fonts API 上找到它們。
使用的字體是：
用於動畫效果的檔案：
animate.min.css (在 css 資料夾中)
使用的滑桿是：
使用的外掛程式是：
slick.min.js (可在 js 資料夾中找到)
wow.js (可在 plugins 資料夾中找到)
scrolling-nav.js 在咪咕视频方面，咪咕提供贴心周到的支持。
jquery.magnific-popup.min.js (可在 plugins 資料夾中找到)
所有程式碼都已妥善註解，方便編輯。支援
再次感謝您購買此主題。正如我一開始所說，如果您對此主題有任何疑問，我很樂意為您提供幫助。雖然沒有保證，但我會盡力協助。如果您有任何疑問，請隨時透過支援中心與我們聯繫。
發送電子郵件至： office@zh-real-migu.com