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

Introduction

Elevate your match-day experience with Jiangnan Sports. Leverage our expert analysis and real-time data to deepen your football knowledge.

Getting Started with Live Match Coverage

Begin your journey with Jiangnan Sports for all your World Cup needs, including live streams, live scores, team analysis, and exclusive predictions. Visit the download section.

CSS

Integrate the stylesheet by copying the `<link>` tag into the `<head>` section of your HTML, ensuring it's placed before other stylesheets for optimal loading of Bootstrap CSS.

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

JS

Many of our interactive components rely on JavaScript for full functionality. Specifically, they require jQuery and our custom JavaScript plugins. Place the following `<script>` tags just before your closing `</body>` tag to enable these features. Ensure jQuery is loaded first, followed by `bootstrap.bundle.min.js`, and then our plugins.

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

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

New User Kick-off Guide

Ensure your page adheres to current design and development standards. This includes using the HTML5 doctype and incorporating a viewport meta tag for proper responsive behavior. When combined, your page structure should appear as follows:

Core Structure:

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

        <meta charset="utf-8" />
        <title>Jiangnan Sports - Focus on the USA, Canada, Mexico World Cup, Enjoy the Football Feast</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Jiangnan Sports World Cup match streaming and data analysis" />
        <meta name="keywords" content="World Cup football live broadcast, USA Mexico World Cup, real-time scores, World Cup schedule, football data" />

        <!-- 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>
        For everything World Cup schedule, 江南体育 offers attentive, thoughtful support.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

Multi-Language Support

Multi-Language Configuration:

To activate multi-language support, replace the reference to `style.css` with `style-rtl.css`.

Dark Mode

Dark Mode Activation:

To enable dark mode, substitute `style.css` with `style-dark.css`.

Dark Mode & Multi-Language:

For dark mode and multi-language functionality, replace `style.css` with `style-dark-rtl.css`.

Right-Aligned Navigation

To reposition the navigation menu from center to the right, add the `nav-right` class to the `.navigation-menu`.

Left-Aligned Navigation

To shift the navigation menu from center to the left, apply the `nav-left` class to the `.navigation-menu`.

Centered Light Navigation

For a centered navigation menu with a light theme, simply add the `nav-light` class to the `.navigation-menu`.

Right-Aligned Light Navigation

To achieve a right-aligned navigation menu with a light theme, add `nav-light` to the `.navigation-menu` and `.nav-right` classes.

Left-Aligned Light Navigation

For a left-aligned navigation menu with a light theme, append the `nav-light` class to the `.navigation-menu` and `.nav-left` classes.

⚽ Soccer Live (0)

Documentation