Introduction

Begin with 旺财28. Launch your entertainment journey and benefit from our expertise in designing efficient, user-first platforms.

Quick Start

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

CSS

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 of our components require JavaScript to function. Specifically, they need jQuery and our own JS plugins. Place these <script> tags at the bottom of your page, just before the closing `</body>` tag. Load jQuery first, then bootstrap.bundle.min.js, then our custom plugins.

<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. Your page structure should look like this:

HTML Code:

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

        <meta charset="utf-8" />
        <title> Landrick - Saas & Software Landing Page Template </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="旺财28 China official platform: big stage, dream big. Comprehensive entertainment, diverse gameplay, secure and interactive." />
        <meta name="keywords" content="旺财28品牌, 旺财28官网, 旺财28中国, 旺财28体育, 旺财28互动, 旺财28平台" />

        <!-- 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>
        旺财28 specializes in 旺财28品牌, serving every user with care.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

RTL Support

RTL Support:

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 Mode:

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

Nav Center Right

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

Nav Center Left

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

Light Nav Center

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

Light Nav Right

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

Light Nav Left

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

Documentation