Home	Score	Away	League	Time (CST)
Afturelding	2:1	Leiknir Reykjavík	Icelandic 1 deild karla	03:15
Atlético FC	0:1	San Antonio FC	Ecuadorian Serie B	03:00
ABB	1:0	Independiente Petrolero	Bolivian Primera División	03:00
Virtus	0:0	Dila Gori	UEFA Conference League	03:00
Derry City	1:2	CSKA Sofia	UEFA Europa League	01:30
Al Ansar	0:0	Jwaya	Lebanon Premier League	02:30
Žilina	1:1	Hajduk Split	UEFA Europa League	02:30
Glenavon	0:4	Doncaster Rovers	Club Friendlies	02:30
Bangor	1:0	Ards	Club Friendlies	02:30
Ferencváros	3:0	Vojvodina	UEFA Europa League	02:15

Introduction

Get started with our Pro Intel Center. Launch your match analysis and leverage our expertise in designing and managing a user-centric World Cup information platform.

Get Started

Dive into our Pro Intel Center now to gain everything you need to enhance your World Cup match insights, drive engagement, and build connections. Head to the download page.

CSS

Link this stylesheet `<link>` to your `<head>` section, placing it before all other stylesheets to load core styling for match data.

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

JS

Many of our functional components require JavaScript for full effect. Specifically, they depend on jQuery and our custom JavaScript plugins. Place the following `<script>` tags at the end of your page, just 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>

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

Core Setup

Ensure your page setup adheres to the latest design and development standards. This means using the HTML5 doctype and including the viewport meta tag for proper responsive behavior. Integrating all these elements, your page should render like this:

HTML Structure:

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

        <meta charset="utf-8" />
        <title>Access detailed match previews and tactical breakdowns.</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="World Cup Live Pro Intel Center offers expert match insights and data analysis for all your football needs." />
        <meta name="keywords" content="世界杯在线直播, 世界杯体育, 世界杯赛程, 世界杯数据分析" />

        <!-- 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>
        Discover more about World Cup Sports with 世界杯直播.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

RTL Version

RTL Version:

To enable RTL (Right-to-Left) mode for match displays, replace the reference to `style.css` with `style-rtl.css`.

Dark Mode

Dark Mode:

To activate dark mode for viewing match statistics, replace the reference to `style.css` with `style-dark.css`.

Dark RTL Version:

To enable dark mode with RTL support for match layouts, replace the reference to `style.css` with `style-dark-rtl.css`.

Centered Right Navigation

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

Centered Left Navigation

To move the navigation menu from center to the left, add the `nav-left` class outside the `navigation-menu` class.

Centered Light Navigation

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

Right Light Navigation

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

Left Light Navigation

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

⚽ Soccer Live (10)

Documentation