Buy Now

Documentation

Introduction

Launch your campaign with 熊猫体育 and leverage our expertise in crafting conversion-focused sports viewing experiences.

Getting Started with 熊猫体育

Begin your journey with 熊猫体育, your ultimate source for sports information. Access live scores, match data, and exclusive content. Visit our platform for comprehensive coverage.

CSS

Integrate our core stylesheet into your project's `<head>` section before other CSS files to ensure seamless display of match information.

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

JS

Many interactive features require JavaScript. Ensure jQuery and our custom plugins are loaded. Place the following `<script>` tags just before your closing `</body>` tag. jQuery must load first, followed by our platform's JavaScript modules.

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>

Core Setup

Adhere to modern web standards for optimal performance. Utilize the HTML5 doctype and a viewport meta tag for responsive design. Your page structure should be as follows:

HTML Structure:
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>熊猫体育 Official Entrance - World Cup Full HD Live Stream</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

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

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

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back To Home Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <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 End -->
    </body>
</html>
Right-to-Left (RTL) Support
RTL Support:

To enable Right-to-Left (RTL) language support, replace the primary stylesheet reference with `style-rtl.css`.

Dark Mode Integration
Dark Mode:

To activate Dark Mode for an enhanced viewing experience, swap the default stylesheet with `style-dark.css`.

Dark RTL Mode:

For a Dark Mode experience with RTL language support, use `style-dark-rtl.css`.

Menu
Menu Alignment: Center to Right

To align the navigation menu to the right, append the class `nav-right` to the `navigation-menu` element.

Menu Alignment: Center to Left

To align the navigation menu to the left, append the class `nav-left` to the `navigation-menu` element.

Light Menu: Centered

For a centered, light-themed navigation bar, add the `nav-light` class alongside `navigation-menu`.

Light Menu: Right-aligned

For a right-aligned, light-themed navigation bar, combine `navigation-menu`, `nav-right`, and `nav-light` classes.

Light Menu: Left-aligned

For a left-aligned, light-themed navigation bar, combine `navigation-menu`, `nav-left`, and `nav-light` classes.

Live Sports Data Data: TheSportsDB

⚽ Soccer Live (7)

HomeScoreAwayLeagueTime
Olimpia Grudziądz0:0Sandecja Nowy SaczPolish II liga14:00
Ario Eslamshahr1:0Shahrdari NoshahrIranian Azadegan League14:00
Nassaji Mazandaran0:0Damash GilanIranian Azadegan League13:30
Havadar2:0Navad UrmiaIranian Azadegan League13:15
Mes Soongoun Varzaghan1:0Niroye ZaminiIranian Azadegan League13:00
Fard Alborz0:0Mes KermanIranian Azadegan League13:30
Mes Shahr-e Babak2:0Sanat NaftIranian Azadegan League13:30

🏀 Basketball Live (10)

HomeScoreAwayLeagueTime
Hapoel HaEmek—Hapoel Jerusalem BCIsraeli Basketball Premier League15:35
Basketball Nymburk—BK PardubiceCzech NBL16:00
PBC CSKA Moscow—BC UNICSRussian VTB United League16:30
Ironi Ness Ziona BC—Maccabi Ra'ananaIsraeli Basketball Premier League17:00
CB Murcia—FC Barcelona BasquetSpanish Liga ACB17:00
Besiktas Basketbol—Bahçeşehir Koleji SKTurkish Basketbol Super Ligi17:00
Maccabi Rishon LeZion—Hapoel Tel Aviv BCIsraeli Basketball Premier League17:55
Paris Basketball—CholetFrench LNB18:00
KK Zadar—Cibona ZagrebCroatian Premijer Liga18:15
Real Madrid Baloncesto—CB 1939 CanariasSpanish Liga ACB19:00

📅 Today's Fixtures (20)

HomeScoreAwayLeagueTime
Deportivo Merlo—LaferrereArgentina Primera B Metropolitana2026-06-02
Rosengård—ÄngelholmSwedish Division 1 South2026-06-02
Assyriska—EnköpingSwedish Division 1 North2026-06-02
USM Alger—CR BelouizdadAlgerian Ligue 12026-06-02
Croatia—BelgiumInternational Friendlies2026-06-02
Canada2:0UzbekistanInternational Friendlies2026-06-02
JJK—VJSFinnish Ykkönen2026-06-02
RoPS—OLSFinnish Ykkönen2026-06-02
Técnico Universitario1:0Barcelona SCEcuadorian Serie A2026-06-02
Mes Soongoun Varzaghan1:0Niroye ZaminiIranian Azadegan League2026-06-02
Ario Eslamshahr0:0Shahrdari NoshahrIranian Azadegan League2026-06-02
Fard Alborz0:0Mes KermanIranian Azadegan League2026-06-02
Havadar1:0Navad UrmiaIranian Azadegan League2026-06-02
Naft Gachsaran—Be'sat KermanshahIranian Azadegan League2026-06-02
Mes Shahr-e Babak0:0Sanat NaftIranian Azadegan League2026-06-02
Nassaji Mazandaran0:0Damash GilanIranian Azadegan League2026-06-02
Pars Jonoubi Jam—Naft Bandar AbbasIranian Azadegan League2026-06-02
Shenavarsazi Qeshm—SaipaIranian Azadegan League2026-06-02
Wynnum Wolves2:1Brisbane Roar YouthAustralia Queensland NPL2026-06-02
Stars FC2:1Southern California EaglesUSL League Two2026-06-02