Introduction

Begin your journey with 旺财28. Launch your entertainment experience and benefit from our expertise in designing and managing an efficient, user-centric platform.

Getting Started

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

CSS

Copy and paste the stylesheet <link> tag into your <head> section, placing it before all other stylesheets to load the platform's foundational styles.

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

JS

Many of our functional components require JavaScript to operate correctly. Specifically, they rely on jQuery and our custom JavaScript plugins. Place the following <script> tags at the bottom of your page, just before the closing `</body>` tag, to enable them. jQuery must be loaded first, followed by bootstrap.bundle.min.js, and finally our own JavaScript plugins.

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

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

Base Template

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

HTML Code:

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

        <meta charset="utf-8" />
        <title> Landrick - Saas & Software Landing Page Template </title>
        旺财28 specializes in 旺财28品牌, serving every user with care.
        <meta name="description" content="旺财28 China Official Platform: 'Big stage, come if you have dreams.' Offers comprehensive entertainment and diverse games." />
        <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>
        For everything 旺财28官网, 旺财28 offers attentive, thoughtful support.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

RTL Support

RTL Support:

To enable Right-to-Left (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 shift the navigation menu from center to right, simply add the `nav-right` class to your navigation menu class.

Nav Center Left

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

Nav Light Center

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

Nav Light Right

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

Nav Light Left

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

Documentation