Buy Now

Documentation

Introduction

Launch your gaming journey effortlessly with 九游 Games. We provide professional design and management to build your efficient gaming experience.

Getting Started

Start with 九游 Games to meet all your needs for increasing visibility, attracting traffic, and building connections. Visit the download page.

CSS

Copy and paste the stylesheet <link> 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 to function. Specifically, they need jQuery and our own JavaScript plugins. Place the following <script> tags at the end of your page, right before the closing </body> tag, to enable them. jQuery must be loaded first, then bootstrap.bundle.min.js, and finally our JavaScript plugins.

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

Basic Template

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

HTML Structure:
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>Access comprehensive guides and support for 九游 Games.</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="九游 Games Official Documentation Center" />
        <meta name="keywords" content="九游 Games, documentation, help, guide, jiuyou" />

        <!-- 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="nav-link" id="home-link">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        Discover more about Secure and Reliable, Enjoy Gaming with 九游.
        --------
        --------
        --------
        <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
Menu Right Aligned

To shift the menu from centered to the right, simply add nav-right to the navigation-menu class.

Menu Left Aligned

To shift the menu from centered to the left, simply add nav-left to the navigation-menu class.

Menu Centered Light

If you want the menu centered with a light navigation, simply add nav-light to the navigation-menu class.

Menu Right Light

If you want the menu on the right with a light navigation, simply add nav-light to the navigation-menu nav-right classes.

Menu Left Light

If you want the menu on the left with a light navigation, simply add nav-light to the navigation-menu nav-left classes.