Overview

Begin your journey with the MK体育 platform. Discover how to access the latest sports insights, engage in dynamic entertainment, and enjoy a seamless user experience.

Get Started

Welcome to MK体育, your gateway to generating engagement, driving traffic, and building connections. Explore our platform's capabilities today.

CSS

Integrate MK体育's CSS styles by placing this stylesheet link (<link>) within your <head> tag, ensuring it precedes all other stylesheets.

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

JS

Many of our components require JavaScript for full functionality, specifically jQuery and our custom plugins. Insert these <script> tags before the closing `</body>` tag, ensuring jQuery loads first, followed by bootstrap.bundle.min.js, and then our JavaScript.

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

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

Core Structure

Ensure your pages adhere to modern standards by using the HTML5 doctype and including the viewport meta tag for optimal responsive behavior. This foundation ensures your content displays as intended.

HTML Structure:

DOCTYPE html
html lang="en"
    head

        meta charset="utf-8" /
        titleWelcome to MK体育 Official Documentation for the latest platform insights and usage guides./title
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="MK体育 (Official) Official Website offers a fast-paced online platform centered on popular sports events and interactive entertainment." />
        <meta name="keywords" content="MK体育官网, MK体育平台, MK体育在线, MK体育APP, sports events, online entertainment" />

        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">
            --------
            --------
        /a
        Back To Home End

        Javascript Start
        <script src="js/jquery-3.4.1.min.js"></script>
        Discover more about a wide variety of interactive entertainment options, endless fun with MK体育.
        --------
        --------
        --------
        script src="js/app.js"
        Javascript End
    /body
/html

Internationalization (RTL)

Internationalization (RTL):

To enable Right-to-Left (RTL) language support, substitute the reference to style.css with style-rtl.css.

Dark Mode

Dark Mode:

Activate dark mode by replacing the style.css reference with style-dark.css.

Dark Mode International (RTL):

For dark mode with Right-to-Left (RTL) language support, replace style.css with style-dark-rtl.css.

Right-Aligned Navigation

To position the navigation menu to the right, add the class `nav-right` to your navigation menu element.

Left-Aligned Navigation

To align the navigation menu to the left, apply the class `nav-left` to your navigation menu element.

Centered Light Navigation

For a centered navigation menu with a light theme, incorporate the `nav-light` class into your navigation menu's class attribute.

Right-Aligned Light Navigation

To achieve a right-aligned navigation menu with a light theme, combine `nav-right` and `nav-light` classes.

Left-Aligned Light Navigation

For a left-aligned navigation menu with a light theme, use both `nav-left` and `nav-light` classes.

Help Documentation