Introduction

Begin your journey with the 爱游戏 platform. Our professional services empower you to seamlessly initiate your sports entertainment experience and receive comprehensive support.

Getting Started

Start using the 爱游戏 platform today to fulfill all your needs, from information acquisition and interactive engagement to enjoying betting services. Visit our download page to embark on your exciting adventure.

CSS

Incorporate the following stylesheet links into your `<head>` section to ensure the prioritized loading of CSS styles required by the 爱游戏 platform.

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

JS

The platform's extensive features require JavaScript support. Please verify that your page includes jQuery and our official JavaScript plugins. Place the following script tags before the closing `</body>` tag to ensure proper functionality. Note the loading order: jQuery first, followed by bootstrap.bundle.min.js, and finally our custom plugins.

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

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

Core Template

Ensure your page adheres to the latest design and development standards. Utilize the HTML5 doctype and include the viewport meta tag for optimal responsive display. Integrating these elements will present a professional and user-friendly interface.

HTML Structure:

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

        <meta charset="utf-8" />
        <title>爱游戏(China) Official Website_AYX SPORTS</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="爱游戏(AYX SPORTS) is your premier destination for global sports live streaming, interactive entertainment, and sports betting. Discover a world of sports excitement on the official 爱游戏 website." />
        <meta name="keywords" content="爱游戏, AYX, 爱游戏体育, 爱游戏官网, 爱游戏入口, sports live streaming, sports betting, interactive entertainment" />

        <!-- 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>
        爱游戏 specializes in continuously optimizing user experience and building a one-stop sports ecosystem, serving every user with care.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

Internationalization

Internationalization:

To enable Internationalization (RTL) mode, replace `style.css` with `style-rtl.css`.

Dark Mode

Dark Mode:

To enable Dark Mode, replace `style.css` with `style-dark.css`.

Dark International Mode:

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

Navigation Centered Right

To reposition the navigation menu from center to the right, apply the `nav-right` class to your navigation element.

Navigation Centered Left

To reposition the navigation menu from center to the left, apply the `nav-left` class to your navigation element.

Navigation Light Center

For a light-themed centered navigation, apply the `nav-light` class to your navigation element.

Navigation Light Right

For a light-themed right-aligned navigation, apply both `nav-right` and `nav-light` classes to your navigation element.

Navigation Light Left

For a light-themed left-aligned navigation, apply both `nav-left` and `nav-light` classes to your navigation element.

Documentation