Overview

Begin with 旺财28. Launch your entertainment experience and leverage our expertise in designing user-centric, high-performance platforms.

Quick Start

Start with 旺财28 — everything you need to build brand presence, drive traffic, and connect with players. Head to the download page.

Styling

Copy and paste the <link> tag into your <head> section, before all other stylesheets, to load the platform base styles.

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

JS

Many components require JavaScript to function. Specifically, they need jQuery and our custom JS plugins. Place the <script> tags at the bottom of your page, just before the closing </body> tag. jQuery must load first, then bootstrap.bundle.min.js, then our own plugin.

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

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

Base Template

Ensure your page follows the latest design and development standards. Use the HTML5 doctype and include the viewport meta tag for proper responsive behavior. Combined, your page should look like this:

HTML Code:

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

        <meta charset="utf-8" />
        <title>旺财28 (China) Official Platform</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="旺财28 China Official Platform offers comprehensive entertainment services and diverse gameplay, secure and interactive." />
        <meta name="keywords" content="旺财28 brand, 旺财28 official website, 旺财28 China, 旺财28 sports, 旺财28 interactive, 旺财28 platform" />

        <!-- 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" id="download-btn">
            --------
            --------
        </a>
        <!-- Back To Home End -->

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

Internationalization Support

Internationalization Support:

To enable internationalization (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 Internationalization Mode:

To enable dark internationalization mode, replace the reference to style.css with style-dark-rtl.css.

Navigation

Nav Center Right

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

Nav Center Left

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

Light Nav Center

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

Light Nav Right

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

Light Nav Left

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

Docs