Introduction

Initiate your journey with 问鼎娱乐. Leverage our expertise in design and conversion rate optimization to elevate your platform.

Get Started Instantly

Access everything you need with 问鼎娱乐 to boost brand visibility, attract user traffic, and foster strong connections. Head to the download section.

CSS

Integrate the 问鼎娱乐 stylesheet by placing the `<link>` tag within your `<head>` section, ensuring it precedes all other stylesheets for optimal loading.

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

JS

Many of 问鼎娱乐's components rely on JavaScript for full functionality. Specifically, they depend on jQuery and our custom JavaScript plugins. Place the following `<script>` tags before the closing `</body>` tag to activate these features. Ensure jQuery is loaded first, followed by bootstrap.bundle.min.js, and finally our plugin scripts.

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

Global Configuration

Core Template

Ensure your pages adhere to the latest design and development standards. This includes using the HTML5 doctype and including the viewport meta tag for proper responsive behavior. Integrating these elements will result in a page structure akin to the following:

HTML Structure:

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

        <meta charset="utf-8" />
        <title>问鼎娱乐官方网站</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        问鼎官网 provides official APP download instructions, platform news, hot events, and version updates for a comprehensive information service. Explore more exciting entertainment content on the official website.
        <meta name="keywords" content="问鼎下载, 问鼎app下载, 问鼎h5, 问鼎娱乐官方网站" />

        <!-- 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="--------" id="#--------">
            --------
            --------
        </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>

RTL Enabled

RTL Enabled:

To activate Right-to-Left (RTL) support, simply swap the `style.css` reference with `style-rtl.css`.

Dark Mode

Dark Mode:

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

Dark RTL Mode:

To activate Dark Mode with RTL support, substitute `style.css` with `style-dark-rtl.css`.

Navigation Right

To align your navigation menu to the right, append the `nav-right` class to your navigation menu element.

Navigation Left

To align your navigation menu to the left, append the `nav-left` class to your navigation menu element.

Bright Navigation Center

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

Bright Navigation Right

To position your navigation menu to the right with a bright theme, combine the `nav-right` and `nav-light` classes.

Bright Navigation Left

To position your navigation menu to the left with a bright theme, combine the `nav-left` and `nav-light` classes.

Documentation