Introduction

Begin your journey with the 88看球APP. Launch your viewing experience and benefit from our design and management expertise focused on enhancing user engagement.

Getting Started Guide

Download the 88看球APP now to access everything you need to boost brand awareness, drive traffic growth, and foster deep connections. Head to the download page.

CSS

Copy and paste this stylesheet `<link>` tag into your `<head>` section, placing it before all other stylesheets to load the core styles.

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

JS

Many of our components require JavaScript support. Specifically, they depend on jQuery and our custom JavaScript plugins. Place the following `<script>` tags at the bottom 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>

Bootstrap Bundle with Popper

Base Template

Ensure your page adheres to the latest design and development standards. This means using the HTML5 doctype and including a viewport meta tag for proper responsive behavior. Integrating all of this, your page should appear as follows:

HTML Code:

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

        <meta charset="utf-8" />
        <title>88看球APP Download Center</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="88看球APP Download Center: Your ultimate fan platform for live football, basketball, NBA, and more. Get schedules, real-time scores, highlights, and sports news. Download now for an enhanced viewing experience." />
        <meta name="keywords" content="NBA高清直播, 88看球直播, 世界杯比分实时更新, 世界杯直播, 足球直播, 篮球直播, NBA赛事, 体育资讯" />

        <!-- 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="btn btn-primary">Download Now</a>
            --------
            --------
        </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>

Internationalization Support

Internationalization Support:

To enable Internationalization (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 International Mode:

To enable Dark Internationalization (RTL) mode, replace the reference to `style.css` with `style-dark-rtl.css`.

Navigation Centered Right

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

Navigation Centered Left

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

Light Navigation Centered

If you wish for the navigation menu to be centered and in a light style, add the classes `navigation-menu` and `nav-light` to the menu element.

Light Navigation Right

If you wish for the navigation menu to be right-aligned and in a light style, add the classes `navigation-menu`, `nav-right`, and `nav-light` to the menu element.

Light Navigation Left

If you wish for the navigation menu to be left-aligned and in a light style, add the classes `navigation-menu`, `nav-left`, and `nav-light` to the menu element.

Documentation