Home	Score	Away	League	Time (CST)
No matches right now — check back soon.

Introduction

Kick off your 2026 World Cup experience. Start tracking matches and leverage our expertise in designing and managing user-centric football data platforms.

Getting Started

Dive into the 2026 World Cup Global Match Platform. Access everything you need to drive match engagement, boost fan interaction, and build deeper connections. Head to the download section.

CSS

Paste the stylesheet <link> tag into your <head> section, placing it before all other stylesheets to load the platform's core styling.

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

JS

Many of our features require JavaScript to function. Specifically, they rely on jQuery and our own JavaScript plugins. Place the following <script> tags at the bottom of your page, before the closing `</body>` tag, to enable them. jQuery must load first, followed by bootstrap.bundle.min.js, and finally our JavaScript plugins.

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

Platform Scripts

Basic Setup

Ensure your page is set up with the latest design and development standards. This means using the HTML5 doctype and including the viewport meta tag for proper responsive behavior. Combine all of this, and your page should look like this:

HTML Structure:

<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>2026 World Cupchengxin - Live Score & Match Analysis Guide</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="2026 World Cup Global Match Platform: Real-time scores, match updates, team performance, player stats, and trending topics. Your ultimate football data center." />
        <meta name="keywords" content="World Cup latest news, World Cup scores, World Cup live streaming platform, World Cup qualifiers, football match status, real-time scores" />

        <!-- 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>

RTL Variant

RTL Variant:

To enable RTL (right-to-left) mode, replace the reference to style.css with style-rtl.css.

Dark Version

Dark Mode:

To enable dark mode, replace the reference to style.css with style-dark.css.

Dark RTL Variant:

To enable dark RTL mode, replace the reference to style.css with style-dark-rtl.css.

Right-Aligned Menu

To shift the menu from centered to the right, simply add the `nav-right` class to your navigation menu class.

Left-Aligned Menu

To shift the menu from centered to the left, simply add the `nav-left` class to your navigation menu class.

Centered Light Menu

For a centered light navigation menu, add the `nav-light` class to your navigation menu class.

Right-Aligned Light Menu

For a right-aligned light navigation menu, add both `nav-right` and `nav-light` classes to your navigation menu class.

Left-Aligned Light Menu

For a left-aligned light navigation menu, add both `nav-left` and `nav-light` classes to your navigation menu class.

⚽ Soccer Live (0)

Documentation