Introduction

Welcome to the 星空 Entertainment platform. Begin your exploration of digital entertainment and access cutting-edge news and interactive experiences.

Getting Started

星空 Entertainment delivers comprehensive digital entertainment insights, keeping you ahead of trends and connected to the vibrant world of interactive content. Visit our information hub.

CSS

Integrate this stylesheet link into your <head> section, prioritizing it before other stylesheets to apply 星空 Entertainment's distinctive visual design.

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

JS

Many component features require JavaScript. These rely on jQuery and our custom JS plugins. Place the following <script> tags before your closing </body> tag to enable functionality. Ensure jQuery loads first, followed by bootstrap.bundle.min.js, and then our JavaScript plugins.

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

Core Scripts

Base Template

Ensure your pages adhere to modern design and development standards. This includes using the HTML5 doctype and the viewport meta tag for responsive layouts. Implementing these elements will ensure optimal display:

HTML:

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

        <meta charset="utf-8" />
        <title>星空 Entertainment (XK) Platform Guide</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="星空 Entertainment (XK) official website: Your comprehensive platform for digital entertainment & interactive content. Get industry news, entertainment updates & featured topics. Stay informed on digital entertainment trends with fresh content and event info." />
        <meta name="keywords" content="星空 Entertainment official website, 星空 Entertainment platform, 星空 Entertainment APP, 星空 Entertainment login entrance" />

        <!-- 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>

RTL Version

RTL Version:

To activate RTL (Right-to-Left) 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 Version:

For Dark RTL Mode, replace the reference to style.css with style-dark-rtl.css.

Centered to Right Nav

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

Centered to Left Nav

To position the navigation menu from centered to the left, add the `nav-left` class alongside the `navigation-menu` class.

Centered Light Nav

For a centered, light-themed navigation menu, apply the `nav-light` class in addition to `navigation-menu`.

Right Light Nav

To achieve a right-aligned, light-themed navigation menu, use both `nav-right` and `nav-light` classes with `navigation-menu`.

Left Light Nav

For a left-aligned, light-themed navigation menu, combine `nav-left` and `nav-light` classes with `navigation-menu`.

Documentation