Introduction

爱游戏体育 provides a seamless sports experience, enabling quick project setup and enhanced user engagement.

Getting Started

Download the 爱游戏体育 app for all your needs. Drive growth and build connections. Access the download page.

CSS

Link these style sheets in your HTML <head> to apply 爱游戏体育's framework.

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

JS

Functionality relies on JavaScript. Ensure jQuery, bootstrap.bundle.min.js, and our custom plugins are loaded before `</body>` for full operation.

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

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

Base Template

Adhere to modern standards. Use the HTML5 doctype and viewport meta tag for responsive design.

HTML:

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

        <meta charset="utf-8" />
        <title>爱游戏体育 - Developer Documentation</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="爱游戏体育, IGAME China, is a leading sports platform offering news, personalized recommendations, and community features for domestic users." />
        <meta name="keywords" content="爱游戏体育, 爱游戏官网, 爱游戏平台, 爱游戏体验, 爱游戏服务" />

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

        <!-- Loading Animation Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loading Animation End -->

        <!-- Navigation Bar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navigation Bar End -->

        <!-- Header Area Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Header Area End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back to Top Start -->
        <a href="#" class="nav-link" id="home-tab">
            --------
            --------
        </a>
        <!-- Back to Top End -->

        <!-- JavaScript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        Built around 爱游戏官网, 爱游戏体育 keeps refining a better service.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- JavaScript End -->
    </body>
</html>

RTL Mode

RTL Mode:

To enable RTL (Right-to-Left) mode, replace `style.css` with `style-rtl.css`.

Dark Mode

Dark Mode:

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

Dark RTL Mode:

For Dark RTL Mode, replace `style.css` with `style-dark-rtl.css`.

Center-Right Menu

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

Center-Left Menu

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

Light Center Menu

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

Light Right Menu

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

Light Left Menu

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

Documentation Center