Introduction

Begin using the AYX platform. Our professional services let you launch your sports entertainment experience quickly, with full support for live streaming, interactive features, and secure betting.

Quick Start

Start your AYX journey now. Access real-time sports streams, engage with the community, and place bets confidently. Visit our download page to get started.

CSS

Add the following stylesheet link inside your `<head>` tag to load the AYX platform CSS first, ensuring proper layout and branding.

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

JS

Many AYX features require JavaScript. Include jQuery, then bootstrap.bundle.min.js, then our custom plugin. Place these script tags just before the closing `</body>` tag, in that order, for full functionality.

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

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

Basic Templates

Use the HTML5 doctype and a viewport meta tag for responsive design. Following these standards ensures your pages render professionally across devices and browsers.

HTML Structure:

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

        <meta charset="utf-8" />
        <title>Ai Game (China) Official Website_AYX SPORTS</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="爱游戏 (China) Official Website_AYX SPORTS, providing global sports event live streaming, interactive entertainment, and sports betting services, dedicated to offering users a rich sports experience." />
        <meta name="keywords" content="爱游戏, AYX, 爱游戏 Sports, 爱游戏 Official Website, 爱游戏 Portal, 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">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        AYX Sports specializes in AYX, serving every user with care.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

Internationalization Support

Internationalization Support:

To enable RTL (right-to-left) internationalization, replace `style.css` with `style-rtl.css` in your HTML.

Dark Mode

Dark Mode:

To enable dark mode, replace `style.css` with `style-dark.css` in your HTML.

Dark International Version:

To enable dark RTL mode, replace `style.css` with `style-dark-rtl.css` in your HTML.

Navigation Centered to Right

To shift the navigation from center to the right, add the `nav-right` class to the nav element.

Navigation Centered to Left

To shift the navigation from center to the left, add the `nav-left` class to the nav element.

Navigation Light Centered

For a light-colored centered navigation, add the `nav-light` class to the nav element.

Navigation Light Aligned Right

For a light-colored right-aligned navigation, add both `nav-right` and `nav-light` classes to the nav element.

Navigation Light Aligned Left

For a light-colored left-aligned navigation, add both `nav-left` and `nav-light` classes to the nav element.

Documentation