实时体育数据 数据来源:2026世界杯

⚾ 棒球实时 (10)

主队比分客队联赛时间(北京)
千葉羅德海洋4:5福岡軟銀鷹日本棒球聯盟16:00
阪神虎橫濱DeNA海灣之星日本棒球聯盟17:00
東京養樂多燕子2:4中日龍日本棒球聯盟17:00
讀賣巨人3:1廣島東洋鯉魚日本棒球聯盟17:00
克里夫蘭守護者明尼蘇達雙城美國職棒大聯盟06:40
紐約洋基匹茲堡海盜美國職棒大聯盟07:05
多倫多藍鳥坦帕灣光芒美國職棒大聯盟07:07
費城費城人洛杉磯道奇美國職棒大聯盟07:10
波士頓紅襪巴爾的摩金鶯美國職棒大聯盟07:10
亞特蘭大勇士聖地牙哥教士美國職棒大聯盟07:15

📅 今日赛程 (20)

主队比分客队联赛时间(北京)
厄斯特佐加頓斯瑞典超級聯賽01:00
阿卡蘇索聖特爾莫阿根廷乙級聯賽02:00
查卡里塔青年圭梅斯阿根廷乙級聯賽02:00
科列吉亞雷斯米德蘭鐵路阿根廷乙級聯賽07:00
貝爾格拉諾捍衛者安第斯阿根廷乙級聯賽02:00
帕特羅納托亞特蘭大阿根廷乙級聯賽07:00
基爾梅斯胡胡伊體操與劍擊阿根廷乙級聯賽07:00
聖馬丁德聖胡安特里斯坦·蘇亞雷斯阿根廷乙級聯賽02:00
TPS伊爾維斯芬蘭超級聯賽23:00
IFK馬里漢拉赫蒂芬蘭超級聯賽00:00
阿特拉斯體育會薩卡奇斯帕斯阿根廷丙級聯賽02:00
貝拉薩特吉羅薩里奧中央科爾多瓦阿根廷丙級聯賽02:00
巴拉圭人體育中央巴列斯特阿根廷丙級聯賽02:00
南星盧漢阿根廷丙級聯賽02:00
諾比松茲瓦爾瑞典超級聯賽01:00
凱夫拉維克阿克拉內斯IA冰島超級聯賽03:15
哈夫納夫約杜爾FH布雷達布利克冰島超級聯賽03:15
皇家君主2:4塔科馬挑戰者美國職業足球大聯盟Next Pro09:30
明尼蘇達聯FC 21:0堪薩斯城體育會II美國職業足球大聯盟Next Pro08:00
科帕沃格爾HK維斯特里冰島甲級聯賽03:15
数据快照 · 截至 2026-07-20 20:06(北京时间)· 实时数据在页面加载后自动刷新

Appie

App Landing Html Teemplate

Created : 16/09/2021
By : Coreal

Thank you for purchasing Appie - App Landing Html Teemplate. If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form or put a ticket at Support Center .
Thank you so much!


Template Features


  • Clean & Simple Design
  • Advance Bootstrap 4 Framework
  • HTML5 & CSS3
  • CSS3 Animations
  • Fully Responsive Design
  • All files are well commented
  • Crossbrowser Compatible with IE10+, Firefox, Safari, Opera, Chrome
  • Extensive Documentation

HTML Structure


The html template uses Latest Bootstrap v4.5 with valid HTML5 tags. This theme is a responisve layout with 4 column Support column. All of the information in content area is nested within a class and comes with predefined classes.

Basic Grid HTML

For a simple two column layout, create a .container and add the appropriate number of .col-lg* columns.

Given this example, we have .col-md-4 and .col-md-8, making for 12 total columns and a complete row.


...
...

Nesting Columns

To nest your content with the default grid, add a new .container and set of .col-md* columns within an existing .col-md* column. Nested rows should include a set of columns that add up to the number of columns of its parent.


Level 1 column
Level 2
Level 2
Level 2 column

CSS Files and Structure


Mainly three main CSS files are used in this theme. The first one bootstrap.min.css, second one is style.css which for this template and to control responsive layouts.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.


These are the css files that are loaded into templates in top of style.css file labled as default css.
























                

Fonts

By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
                

Jquery and javascript


This theme imports three types of Javascript files.

  • jQuery
  • Custom scripts (main.js)
  • Some plugins

  • jQuery is a Javascript library that greatly reduces the amount of code that you must write.
  • Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.

In addition to the custom scripts, I have implemented few "tried and true" plugins to create the effects. This plugin is packed, so you won't need to manually edit anything in the file. The only necessary thing to know is how to call the method



These are the JS files that are loaded into templates in end of the Body Section.


    
    
    

    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    

                

Tutorial


LOGO


Lets start updating the template. Open index.html file and follow the steps.

Most of the updates are same for all pages. So will explain once here.



                

Replace "images/logo.webp" with your logo image url source or website name .


NAVMENU


This is the basic structure.



  • 首页 首页 1 首页 2 首页 3 首页 4
  • 赛程
  • 数据
  • 用户反馈
  • 资讯 资讯列表页 单篇资讯
  • 立即查看

Add your own menu item to that ul li item. and if you want to add dropdown menu just make a nesting ul li with class of sub-menu



FOOTER COPYRIGHT


replace "© Copyright Appie 2021 . All right reserved." with the copyright info.

Sources and Credits


Fonts Used int the template are google fonts, you can find theme on Google Fonts API

Fonts Used are :

Roboto


File Used For Animation Effects :

animate.min.css (in css Folder)


Sliders Used Are :

slick Slider


Plugins Used Are :

slick.min.js (can be located in js folder)

jquery.counterup.min.js (can be located in plugins folder)

jquery.magnific-popup.min.js 精选世界杯足球内容,2026世界杯与你一同发现更多精彩。

Every Code is properly commented for Editing Ease.
2026世界杯科技有限公司用心服务每一天