Overview

Start using the MK体育 platform. Discover how our platform helps you access the latest match information, engage in exciting interactive features, and enjoy a seamless entertainment experience.

Quick Start Guide

Welcome to MK体育, where everything you need to generate attention, drive traffic, and build connections is gathered. Visit our download page now.

CSS

Place this stylesheet link (<link>) inside your <head> tag, before all other stylesheets, to load MK体育's CSS styles.

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

JS

Many of our components require JavaScript to function properly. Specifically, they require 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. Ensure jQuery loads first, followed by bootstrap.bundle.min.js, and finally our JavaScript 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. This means using the HTML5 doctype and including the viewport meta tag for proper responsive behavior. Putting it all together, your page should display as expected.

HTML:

DOCTYPE html
html lang="en"
    head

        meta charset="utf-8" /
        titleWelcome to the MK体育 official documentation for the latest platform information and usage guides./title
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="MK体育 (Official) official website focuses on popular sports events and interactive entertainment content, building a fast-paced online platform space." />
        <meta name="keywords" content="MK体育 official website, MK体育 platform, MK体育 online, 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 quality content and service with MK体育.
        --------
        --------
        --------
        script src="js/app.js"
        Javascript End
    /body
/html

International Version

International Version:

To enable international (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 International Version:

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

Navigation Centered Right

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

Navigation Centered Left

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

Light Navigation Centered

To achieve a centered light navigation menu, add nav-light to the navigation menu class.

Light Navigation Right

To achieve a right-aligned light navigation menu, add both nav-right and nav-light to the navigation menu class.

Light Navigation Left

To achieve a left-aligned light navigation menu, add both nav-left and nav-light to the navigation menu class.

Help Center