Introduction

Dive into the 麻将胡了 arena with our PG simulator. Get your free spins rolling and learn the winning strategies.

Game On: Your 麻将胡了 Playbook

Ready to play? Familiarize yourself with the 麻将胡了 game mechanics and bonus triggers. Head to the free play page to start your training.

CSS

To get the game's core elements loaded, include this stylesheet link in your game's header.

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

JS

To experience the full thrill of 麻将胡了, ensure you have jQuery and our custom scripts loaded. Place them just before your closing body tag, in this order: jQuery, then the game's core script, and finally our bonus feature scripts.

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

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

The Starting Lineup

Ensure your game setup uses the latest standards for a smooth experience. A proper HTML5 doctype and viewport tag are key for responsive play.

Core Gameplay:

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

        <meta charset="utf-8" />
        <title>麻将胡了 - PG Simulator Game</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="Site description" />
        <meta name="keywords" content="Your tags" />

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

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </body>
</html>

Spin Direction

Spin Direction:

For a different perspective, switch to the RTL (Right-to-Left) view by changing your stylesheet reference to 'style-rtl.css'.

Bonus Rounds

Bonus Rounds:

Experience the game in a new light! Enable Dark Mode by swapping your stylesheet to 'style-dark.css'.

Bonus Spin Direction:

Combine the thrill of RTL with the sleekness of Dark Mode by using 'style-dark-rtl.css'.

Scoreboard: Home Team

To align the game's main navigation to the right, add the 'nav-right' class to your navigation element.

Scoreboard: Away Team

To align the game's main navigation to the left, add the 'nav-left' class to your navigation element.

Live Score: Soccer

For a clean, light navigation centered on the screen, use the 'nav-light' class.

Live Score: Basketball

To position the navigation to the right with a light theme, combine 'nav-right' and 'nav-light' classes.

Live Score: Baseball

To position the navigation to the left with a light theme, combine 'nav-left' and 'nav-light' classes.

Documentation