Home	Score	Away	League	Time (CST)
Sacramento Republic	1:1	Rhode Island FC	American USL Championship	10:30
Bigfoot FC	0:2	Ballard FC	USL League Two	10:00
Delaware FC	2:1	Eagle FC	USL League Two	05:00
City SC	4:0	AMSG FC	USL League Two	09:00
Rochester FC	1:3	St. Croix Legends	USL League Two	08:00
Lakeland United	1:0	FC Miami City	USL League Two	07:00
Independiente Juniors	1:1	LDU Quito	Copa Ecuador	01:00

Introduction

Begin your journey with 世界杯入口. Launch your match tracking and leverage our expertise in designing and managing user-centric football pages.

Getting Started

Get started with 世界杯入口 today to elevate engagement, drive traffic, and foster connections. Visit the download page.

CSS

Copy and paste the stylesheet <link> tag into your <head> section, placed before all other stylesheets, to load Bootstrap CSS.

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

JS

Many of our components require JavaScript for functionality. Specifically, they need jQuery and our own JavaScript plugins. Place the following <script> tags at the end of your page, just before the closing </body> tag, to enable them. jQuery must be loaded first, followed by bootstrap.bundle.min.js, and finally our JavaScript plugins.

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

Bootstrap Bundle JS

Core Template

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. With all this integrated, your page should look like this:

HTML Structure:

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

        <meta charset="utf-8" />
        <title>世界杯入口 - Official Football Hub Documentation</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="世界杯入口: Real-time football news, fixtures, live scores, and team updates. Your ultimate fan hub." />
        <meta name="keywords" content="世界杯高清直播, 世界杯竞猜, 世界杯APP, 世界杯积分榜, 足球资讯, 赛程比分" />

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

RTL Version:

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

Dark Mode

Dark Mode:

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

Dark RTL Version:

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

Menu Center Right

To shift the menu from center to the right, simply add the classes navigation-menu and nav-right

Menu Center Left

To shift the menu from center to the left, simply add the classes navigation-menu and nav-left

Light Menu Center

If you desire a light menu centered, just add the classes navigation-menu and nav-light

Light Menu Right

For a light menu aligned to the right, add the classes navigation-menu nav-right and nav-light

Light Menu Left

For a light menu aligned to the left, add the classes navigation-menu nav-left and nav-light

⚽ Soccer Live (7)

Documentation