实时体育数据 数据来源：世界杯入口

⚽ 足球实时 (8)

主队比分客队联赛时间(北京)
AC 博伊西1:0一號諾克斯維爾美國 USL 第一級聯賽09:30
皮奧里亞市1:4聖路易斯伏擊隊USL 第二級聯賽08:30
奧希金斯3:0科洛科洛智利盃08:30
汽車城 STA8:0莫里斯精英USL 第二級聯賽08:00
伯明罕軍團1:2底特律市足球俱樂部美國 USL 錦標賽08:00
阿波菲斯足球俱樂部0:3東亞特蘭大USL 第二級聯賽07:30
福塔雷薩2:0黑橋巴西乙級聯賽08:00
聖多明哥體育1:0獨立青年隊厄瓜多乙級聯賽08:00

🏀 篮球实时 (10)

主队比分客队联赛时间(北京)
賓頓蜜獾隊81:76渥太華黑傑克隊加拿大精英籃球聯賽07:30
華盛頓神秘隊81:76亞特蘭大夢想隊WNBA07:30
烏拉圭籃球44:41阿根廷籃球FIBA 籃球世界盃09:10
紐西蘭籃球—菲律賓籃球FIBA 籃球世界盃15:00
坎特伯雷公羊隊—馬納瓦圖噴射機隊紐西蘭國家籃球聯賽15:30
荷巴特充電隊—墨爾本老虎隊NBL1 南區18:00
布里斯班首都隊—陽光海岸鳳凰隊NBL1 北區18:00
西南都會海盜隊—洛根雷霆隊NBL1 北區18:00
韓國籃球—中華台北籃球FIBA 籃球世界盃18:30
澳洲籃球—關島籃球FIBA 籃球世界盃18:30

⚾ 棒球实时 (10)

主队比分客队联赛时间(北京)
哥倫布快艇隊3:5路易斯維爾蝙蝠隊國際聯盟07:05
斯克蘭頓-威爾克斯-巴里火車騎士隊7:3諾福克潮汐隊國際聯盟07:05
堪薩斯市皇家隊2:5坦帕灣光芒隊美國職棒大聯盟07:40
普埃布拉鸚鵡隊—尤卡坦獅隊墨西哥棒球聯盟09:00
塔科馬雨林隊—里諾王牌隊太平洋海岸聯盟10:05
薩爾蒂約蛇隊—兩拉雷多斯貓頭鷹隊墨西哥棒球聯盟09:30
蒙特雷蘇丹隊—奇瓦瓦黃金隊墨西哥棒球聯盟09:30
萊昂勇士隊2:1塔巴斯科奧爾梅克隊墨西哥棒球聯盟09:30
聯合拉古納棉農隊—阿瓜斯卡連特斯鐵路工人隊墨西哥棒球聯盟09:30
克雷塔羅陰謀家隊4:4坎佩切海盜隊墨西哥棒球聯盟09:00

📅 今日赛程 (20)

主队比分客队联赛时间(北京)
伯明罕軍團1:2底特律市足球俱樂部美國 USL 錦標賽08:00
勞登聯隊—運動 JAX美國 USL 錦標賽07:30
AC 博伊西1:0一號諾克斯維爾美國 USL 第一級聯賽09:30
FC 那不勒斯—波特蘭松樹之心美國 USL 第一級聯賽07:30
里士滿踢球者—薩拉索塔天堂美國 USL 第一級聯賽07:30
德里市—沃特福德愛爾蘭超級聯賽02:45
德羅赫達聯隊—波希米亞人愛爾蘭超級聯賽02:45
謝爾伯恩—鄧多克愛爾蘭超級聯賽03:00
聖派屈克競技—高威聯隊愛爾蘭超級聯賽02:45
斯萊戈流浪者—三葉草流浪者愛爾蘭超級聯賽02:45
天狼星—米耶爾比瑞典超級聯賽01:00
布雷流浪者—阿斯隆鎮愛爾蘭甲級聯賽02:45
科夫流浪者—科克市愛爾蘭甲級聯賽02:45
芬恩哈普—韋克斯福德愛爾蘭甲級聯賽02:45
條約聯隊—凱里愛爾蘭甲級聯賽02:45
孔斯文格—松達爾挪威甲級聯賽00:00
蘭海姆—斯塔貝克挪威甲級聯賽01:00
勞福斯—斯特羅門挪威甲級聯賽00:00
NSÍ 魯納維克—KÍ 克拉克斯維克法羅群島超級聯賽02:00
薩法—阿爾馬巴拉黎巴嫩超級聯賽22:00
更新于 2026-07-03 10:17（北京时间）

Landrick - SaaS 和軟體範本

簡介

Landrick 是一個強大的 SaaS 和軟體 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 和軟體登陸頁面範本 </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="網站描述" />
        <meta name="keywords" content="您的標籤" />

        <!-- 網站圖示 -->
        <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>
        <!-- 導覽列結束 -->

        <!-- 英雄區塊開始 -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 英雄區塊結束 -->

        <!-- 頁尾開始 -->
        <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 為了啟用 深色 世界杯入口深耕世界杯高清直播领域，用心服务每一位用户。 style.css 替換為 style-dark.css
style-dark-rtl.css 為了啟用 深色 RTL 在世界杯竞猜方面，世界杯入口提供贴心周到的支持。 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
  • 想了解更多世界杯积分榜相关内容，尽在世界杯入口。
  • 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