实时体育数据 数据来源：海星体育直播APP

⚽ 足球实时 (4)

主队比分客队联赛时间(北京)
伊爾庫茨克0:3聖彼得堡迪納摩俄羅斯FNL 2 B組15:00
聖奧爾本斯聖徒2:1阿爾托納魔術澳洲維多利亞NPL15:00
昆士蘭獅子1:0羅奇代爾流浪者澳洲昆士蘭NPL15:00
奧林匹克FC1:3半島力量澳洲昆士蘭NPL14:00

🏀 篮球实时 (10)

主队比分客队联赛时间(北京)
西貢熱火—河內水牛越南籃球協會20:30
拜仁慕尼黑籃球—柏林阿爾巴德國BBL22:30
摩納哥籃球—巴黎籃球法國LNB00:00
華沙萊吉亞—綠山城籃球波蘭籃球聯賽01:00
特拉維夫馬卡比籃球俱樂部—特拉維夫哈普爾籃球俱樂部以色列籃球超級聯賽01:50
士嘉堡神射手—尼加拉河獅加拿大精英籃球聯賽04:00
拉斯維加斯王牌—金州女武神WNBA04:00
明尼蘇達森林狼—華盛頓神秘客WNBA06:00
渥太華黑傑克—薩斯卡通曼巴加拿大精英籃球聯賽07:00
陽光海岸鳳凰103:70布里斯班首都NBL1 北區18:00

📅 今日赛程 (20)

主队比分客队联赛时间(北京)
厄瓜多0:0庫拉索國際足總世界盃08:00
突尼西亞0:4日本國際足總世界盃12:00
比利時—伊朗國際足總世界盃03:00
西班牙—沙特阿拉伯國際足總世界盃00:00
烏拉圭—佛得角國際足總世界盃06:00
伯明罕軍團1:1勞登聯美國USL冠軍聯賽08:00
FC塔尔薩1:2科羅拉多斯普林斯開關美國USL冠軍聯賽08:30
蒙特雷灣FC1:0艾爾帕索火車頭美國USL冠軍聯賽10:00
鳳凰崛起3:4奧克蘭根美國USL冠軍聯賽10:30
薩克拉門托共和國0:1新墨西哥聯美國USL冠軍聯賽11:00
拉斯維加斯燈光2:3奧蘭治郡SC美國USL冠軍聯賽10:30
AC博伊西1:0奧馬哈聯合美國USL第一聯賽09:30
科珀斯克里斯蒂FC4:1薩拉索塔天堂美國USL第一聯賽08:30
前進麥迪遜3:1紐約宇宙美國USL第一聯賽08:00
斯波坎速度0:4一號諾克斯維爾美國USL第一聯賽09:00
阿爾米蘭特布朗—米特雷阿根廷乙級聯賽02:30
中央北區—戈多伊克魯斯阿根廷乙級聯賽03:30
查卡里塔青年—特里斯坦·蘇亞雷斯阿根廷乙級聯賽02:30
格梅斯—胡胡伊體操擊劍俱樂部阿根廷乙級聯賽04:00
貝爾格拉諾捍衛者—全體男孩阿根廷乙級聯賽02:30
更新于 2026-06-21 16:17（北京时间）

Landrick - Saas & Software 模板

簡介

Landrick 是一個強大的 Saas & Software Bootstrap 模板。這是一個優秀的 HTML 模板，適用於新創公司、社群媒體行銷、數位行銷/代理、電子郵件模板、線上學習課程、共同工作空間、雲端託管、汽車租賃、經典 saas、經典應用程式、活動、商業、應用程式、教育課程、個人作品集、服務、企業、極簡作品集單品、saas、行銷、代理、職涯、客戶支援、單頁登陸頁面等。Landrick 已全面更新至最新的 bootstrap v4.5。它具有 100% 的響應式設計，在所有類型的螢幕和裝置上看起來都令人驚豔。使用者會喜歡您的網站，因為它提供了獨特的使用者體驗 (UX)、乾淨、現代且美觀的設計。它們也很容易自訂並與其他元件結合。

我們已新增了一個 支援 RTL 的深色版本 在淺色和深色版本中。

我們新增了新的演示頁面和重要的內部頁面，並修復了響應式問題。

如果您有任何問題或回饋，請隨時與我聯繫。

結構

在開發主題時，我試圖遵循標準和模組化結構。以下章節將解釋主題的檔案和資料夾結構、HTML 檔案結構以及外掛。

檔案和資料夾結構
Landrick v2.5
|
├──  html 檔案
│   └── Something 113 html pages
│
├──  css/
│   └──  顏色
│   │   └──  default.css
│   │   └──  cyan.css
│   │   └──  green.css
│   │   └──  red.css
│   │   └──  skobleoff.css
│   │   └──  skyblue.css
│   │   └──  slateblue.css
│   │   └──  purple.css
│   │
│   └──  bootstrap.css
│   └──  animate.css
│   └──  animation-delay.css
│   └──  aos.css
│   └──  flatpickr.min.css
│   └──  flexslider.css
│   └──  magnific-popup.css
│   └──  materialdesignicons.min.css
│   └──  materialdesignicons.css
│   └──  owl.carousel.min.css
│   └──  owl.theme.default.min.css
│   └──  owl.transitions.css
│   └──  slick-theme.css
│   └──  slick.css
│   └──  swiper.min.css
│   └──  style-dark.css
│   └──  style-dark-rtl.css
│   └──  style-rtl.css
│   └──  style.css
│
├──  字型/
│   └──  ajex-loader.gif
│   └──  materialdesignicons-webfont.eot
│   └──  materialdesignicons-webfont.svg
│   └──  materialdesignicons-webfont.ttf
│   └──  materialdesignicons-webfont.woff
│   └──  materialdesignicons-webfont.woff2
│   └──  slick.ttf
│   └──  slick.woff
│
├──  圖片/
│   └──  All dummy images
│
├──  scss/
│   └──  深色
│   │	└──  rtl
│   │	│	└──  _bootstrap-custom-rtl.scss
│   │	│	└──  _components-rtl.scss
│   │	│	└──  _general-rtl.scss
│   │	│	└──  _helper-rtl.scss
│   │	│	└──  _menu-rtl.scss
│   │	│
│   │	└──  _bootstrap-custom.scss
│   │	└──  _components.scss
│   │	└──  _general.scss
│   │	└──  _helper.scss
│   │	└──  _menu.scss
│   │	└──  _variables.scss
│   │
│   └──  rtl
│   │	└──  _bootstrap-custom-rtl.scss
│   │	└──  _components-rtl.scss
│   │	└──  _general-rtl.scss
│   │	└──  _helper-rtl.scss
│   │	└──  _menu-rtl.scss 
│   │
│   └──  _blog.scss
│   └──  _bootstrap-custom.scss
│   └──  _components.scss
│   └──  _contact.scss
│   └──  _countdown.scss
│   └──  _cta.scss
│   └──  _features.scss
│   └──  _footer.scss
│   └──  _general.scss
│   └──  _helper.scss
│   └──  _home.scss
│   └──  _menu.scss
│   └──  _price.scss
│   └──  _team.scss
│   └──  _testi.scss
│   └──  _user.scss
│   └──  _variables.scss
│   └──  _work.scss
│   └──  style-dark-rtl.scss
│   └──  style-dark.scss
│   └──  style-rtl.scss
│   └──  style.scss
│
├──  php/
│   └──  contact.php file
│
└──  js/
    └──  app.js
    └──  bootstrap-bundle.min.js
    └──  jquery-3.4.1.js
    └──  jquery.easing.min.js
    └──  scrollspy.min.js
    └──  aos.js
    └──  contact.js
    └──  counter.init.js
    └──  feather.min.js
    └──  flatpickr.min.js
    └──  flatpickr.init.js
    └──  flexslider.min.js
    └──  flexslider.init.js
    └──  jquery.countdown.min.js
    └──  jquery.countdown.js
    └──  countdown.init.js
    └──  isotope.js
    └──  jquery.magnific-popup.min.js
    └──  magnific.init.js
    └──  portfolio.init.js
    └──  jquery.mb.YTPlayer.min.js
    └──  maintenance.init.js
    └──  owl.carousel.min.js
    └──  owl.init.js
    └──  swiper.min.js
    └──  swiper.init.js
    └──  parallax.js
    └──  slick.min.js
    └──  slick.init.js
    └──  small_menu.js
    └──  typed.js
    └──  typed.init.js
HTML 結構
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title> Landrick - Saas & Software 登陸頁面模板 </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="網站描述" />
        <meta name="keywords" content="您的標籤" />

        <!-- favicon 圖示 -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- 主要 CSS -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/colors/default.css" rel="stylesheet" id="color-opt" />
    
    </head>

    <body>

        <!-- 載入器開始 -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- 載入器結束 -->

        <!-- 導覽列開始 -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 導覽列結束 -->

        <!-- Hero 開始 -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero 結束 -->

        <!-- 頁尾開始 -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 頁尾結束 -->

        <!-- 返回首頁開始 -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- 返回首頁結束 -->

        <!-- Javascript 開始 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript 結束 -->
    </body>
</html>
CSS

檔案說明如下：

檔案 說明
bootstrap.min.css Landrick 使用最新的 bootstrap v4.4.1。核心 bootstrap 檔案用於所有頁面。
style.css 此檔案包含所有頁面的通用樣式。
style-rtl.css 為了啟用 RTL 模式，請將參考從 style.css 替換為 style-rtl.css
style-dark.css 為了啟用 深色 海星体育直播APP深耕极致流畅体验，不错过任何精彩瞬间。领域，用心服务每一位用户。 style.css 替換為 style-dark.css
style-dark-rtl.css 為了啟用 深色 RTL 在专业数据分析，助你更懂比赛。方面，海星体育直播APP提供贴心周到的支持。 style.css 替換為 style-dark-rtl.css
Javascript

海星体育直播APP以海星直播为核心，带来高效便捷的体验。

檔案 說明
app.js 這是主要的 js 檔案。它包含功能所需的自訂 JS 程式碼，包括 佈局、側邊欄等。
選單

一些變更，例如：

1) 選單從中間移至右側

若要將選單從中間移至右側，只需新增類別 navigation-menu 與 nav-right.

導覽列中間
導覽列右側
2) 選單從中間移至左側

若要將選單從中間移至左側，只需新增類別 navigation-menu 與 nav-left.

導覽列左側
3) 選單淺色

如果您想要中間選單和淺色導航，只需新增類別 navigation-menu 與 nav-light.

導覽列淺色與中間
導覽列淺色與右側

如果您想要右側選單和淺色導航，只需新增類別 navigation-menu nav-right 與 nav-light.

導覽列淺色與左側

如果您想要左側選單和淺色導航，只需新增類別 navigation-menu nav-left 與 nav-light.

載入器

若要新增 loader 您需要在 <body> 標籤後新增以下程式碼。

<-- loader start -->
<div id="preloader"">
   <div id="status">
     <div class="spinner">
       <div class="double-bounce1"></div>
       <div class="double-bounce2"></div>
     </div>
   </div>
</div>
<-- loader end -->

鳴謝與官方文件

我們使用了以下列出的資源。這些都是很棒的創作，我們感謝社群。

支援

再次感謝您的購買。我很樂意回答您關於主題的問題。如果您有任何建議或功能請求，請隨時與我聯繫，我會嘗試實施並作為未來更新的一部分發布。

如果您有超出本文件範圍的問題，請隨時透過電子郵件或透過我的頁面與我們聯繫。

保持精彩

- Shreethemes

變更日誌

版本 v2.5.1 - 2020 年 8 月 1 日

  • 修復： 修復了一些選單和響應式問題 (css 變更)

版本 v2.5 - 2020 年 7 月 31 日

  • 新增： IT 解決方案登陸頁面
  • 新增： 企業商業
  • 新增： 電子郵件收件匣登陸頁面
  • 新增： 任務管理登陸頁面
  • 新增： 旅遊登陸頁面
  • 新增： 部落格登陸頁面
  • 新增： 登陸頁面一
  • 新增： 登陸頁面二
  • 新增： 登陸頁面三
  • 新增： 論壇
    • 論壇主題
    • 論壇回覆
  • 新增： 案例研究頁面
    • 所有案例
    • 案例詳情
  • 新增： 新的部落格詳情頁面
  • 新增： 新的關於我們頁面
  • 新增： 新的公司歷史頁面
  • 新增： 使用者帳戶頁面
    • 個人檔案成員
    • 個人檔案作品
    • 個人檔案訊息
    • 個人檔案付款
  • 修復： 修復了即將推出頁面中的問題
  • 修復： 修復了即將推出頁面二中的問題
  • 修復： 修復了維護頁面中的問題
  • 新增： 8 種優雅的顏色方案

版本 v2.2 - 2020 年 5 月 26 日

  • 更新最新的 Bootstrap v4.5
  • 更新最新的 Jquery v3.5.1
  • 更新最新的 Material Design Icons v5.3.45
  • 新的商店登陸頁面
  • 新增了新的商店內部頁面
    • 商店產品
    • 產品詳情
    • 商店購物車
    • 結帳
    • 我的個人檔案 / 帳戶
  • 新的保險登陸頁面即時預覽
  • 新的電子書登陸頁面即時預覽
  • 新增了新的幫助中心頁面
    • 幫助中心 (概覽)
    • 常見問題
    • 指南
    • 申請表
  • 修復了一些選單問題
  • 選單輕鬆從中間移至右側 (基於 css) 並新增淺色選單 (基於 css)
  • 修復了一些響應式問題

版本 v2.1 - 2020 年 4 月 1 日

  • 更新最新的 Jquery v3.4.1
  • 新的社群媒體行銷登陸頁面
  • New Digital Agency Landing
  • New Online Learning Landing
  • New Email Template
    • Email Confirmation
    • Email Alert
    • Email Invoice/Billing
    • Email Forgot Password
  • Add New Blog Pages
    • Blog Listing Page
    • Blog Listing with sidebar Page
  • Add New Work or Portfolio Pages
    • Work Classic
    • Work Grids
    • Work Masonry
  • Add New Authentication Pages
    • Login Page
    • Signup Page
    • Recover Password Page
  • Added new components in Components Page
  • Update Documentation
  • Fixed couples of issues

Version v2.0 - 5th February, 2020

  • New Classic Application Landing Page
  • New Classic Saas Landing Page
  • New Car Ride Landing Page
  • Add New Job page in Careers pages
  • 想了解更多海星体育相关内容，尽在海星体育直播APP。
  • New RTL Version (Only CSS Base)
  • New Dark Version (Only CSS Base)
  • New Dark RTL Version (Only CSS Base)
  • Fixed couple of issues in One Page Menu
  • Fixed couple of issues in mega Menu

Version v1.6 - 11th December, 2019

  • Update Bootstrap to v4.4.1
  • New Job Landing Page
  • New Customer Support Landing Page
  • New Onpage Landing Page
  • New Account Pages
    • Profile Page
    • Profile Setting Page
    • Bill Invoice
  • New Widget Page
  • Added Careers Pages
    • Candidate Profile
    • Company Profile
  • Fixed Responsive Issue

Version v1.5 - 20th November, 2019

  • Added RTL Supported Version
  • Added Payments Landing Page
  • Added Cryptocurrency Landing Page
  • Added Software Landing Page
  • Added Comingsoon Page
  • Fixed Responsive and Menu Issue

Version v1.4 - 15th October, 2019

  • Added Enterprise Landing
  • Added Minimal Portfolio Landing
  • Added Services Landing
  • Added Three New Contact Pages
  • Added Docs Pages
    • Documentation
    • 變更日誌
  • Fixed Testimonial Bugs Issue

Version v1.3 - 1st October, 2019

  • Added Educational Course Landing
  • Added Personal Portfolio Landing
  • Added Single Product Landing
  • Added Three New Cover User Pages
  • Fixed Menu Issue

Version v1.2 - 17th September, 2019

  • Added Coworking space Landing
  • Added Event Landing
  • Added Cloud Hosting Landing
  • Added Portfolio or Pages
  • Added Some Utility Pages
  • Added Some Components

Version v1.1 - 7th September, 2019

  • Added Hotel Landing
  • Added Modern Business Landing
  • Added Customer Supports, Onepage Landing Pages
  • Fixed Menu or Responsive Issue

Version v1.0 - 29th August, 2019

  • Initial Released

Changes in SCSS files v2.5

Some add and changes CSS in SCSS files are here,

  • _bootstrap-custom.scss
  • _components.scss
  • _features.scss
  • _helper.scss
  • _home.scss
  • _menu.scss
  • _user.scss
  • _variables.scss
  • _work.scss

Note: Full folder replace Dark version scss and RTL version scss

Changes in Images v2.5

Replace some .png images with .svg images:

  • Path: HTML/images/customer/customer.svg
  • Path: HTML/images/user/login.svg
  • Path: HTML/images/user/recovery.svg
  • Path: HTML/images/user/signup.svg
  • Path: HTML/images/contact.svg
  • Path: HTML/images/404.svg
豫ICP备202476099882号
海星体育直播APP科技有限公司致力于为全球球迷提供最全面、最流畅、最便捷的免费体育赛事直播体验。电话：+86 188 9283 1763邮箱：team@global-haixing.com微信：app_608营业时间：7×24杭州市西湖区文三路40号