Platform Overview

Start using 旺财28 to launch your entertainment experience. Benefit from our efficient platform designed with user experience at its core.

Quick Start Guide

Get started with 旺财28, providing everything you need to build brand awareness, drive traffic, and connect with users. Visit the download page.

CSS

Copy and paste the stylesheet <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 of our feature components require JavaScript to function properly. Specifically, they need jQuery and our own JavaScript plugins. Place the following <script> tags at the bottom of your page, just before the closing </body> tag, to enable them. jQuery must load first, followed by bootstrap.bundle.min.js, and finally our own JavaScript plugin.

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

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

Base Template

Make sure your page is set up according to the latest design and development standards. This means using the HTML5 doctype and including the viewport meta tag for proper responsive behavior. Putting it all together, 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 - Big Stage, Dream It, Join It. Comprehensive entertainment services and diverse gameplay." />
        <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="hero-doc">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="guide-section">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="api-detail">
                --------
                --------
                --------
                --------
            </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.

Nav Center Right

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

Nav Center Left

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

Light Nav Center

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

Light Nav Right

If you want the navigation menu right-aligned with a light style, add both `nav-right` and `nav-light` classes to the navigation menu class.

Light Nav Left

If you want the navigation menu left-aligned with a light style, add both `nav-left` and `nav-light` classes to the navigation menu class.

Docs