Introduction

Begin your digital entertainment journey with 麻将胡了. Our platform offers a seamless setup process and dedicated support to get you started quickly.

Quick Start Guide

麻将胡了 provides everything you need to build brand awareness, drive traffic, and connect with your audience. Visit our download page to begin.

CSS

Place this stylesheet link (<link>) in your <head> section before all other stylesheets to load the base styling.

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

JS

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

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

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

Base Template

Ensure your page follows modern design and development standards. Use the HTML5 doctype and include a viewport meta tag for proper responsive behavior. Your page structure should resemble the example below.

HTML :

<!doctype html>
<html lang="zh-CN">
    <head>

        <meta charset="utf-8" />
        <title>麻将胡了 - Documentation Hub for Users & Developers</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="麻将胡了 platform documentation: technical guides, integration steps, and best practices for developers." />
        <meta name="keywords" content="麻将胡了2, 麻将胡了APP, 麻将胡了官网, 麻将胡了平台" />

        <!-- Website Favicon -->
        <link rel="shortcut icon" href="images/favicon.ico">

        <!-- Bootstrap Framework -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

        <!-- Main CSS Styles -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- Loader Animation Start -->
        <div id="loader">
            --------
            --------
        </div>
        <!-- Loader Animation End -->

        <!-- Navigation Bar Start -->
        <header>
            <div class="nav-container">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navigation Bar End -->

        <!-- Hero Section Start -->
        <section class="hero-banner">
            <div class="nav-container">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero Section End -->

        <!-- Footer Start -->
        <footer>
            <div class="nav-container">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back to Top Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back to Top End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        麻将胡了 specializes in 麻将胡了2, serving every user with care.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

Internationalization

Internationalization :

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 :

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

Navigation Center to Right

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

Navigation Center to Left

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

Light Navigation Centered

For a centered, light-colored navigation menu, add the `nav-light` class alongside the `navigation-menu` class.

Light Navigation Right Aligned

For a right-aligned, light-colored navigation menu, add the `navigation-menu`, `nav-right`, and `nav-light` classes together.

Light Navigation Left Aligned

For a left-aligned, light-colored navigation menu, add the `navigation-menu`, `nav-left`, and `nav-light` classes together.

Documentation