簡介

欢迎来到 NG28。通过我们的平台，您可以轻松开始体验前沿的体育赛事资讯与互动。

快速入门

选择 NG28，即刻获得全方位支持，助您提升品牌影响力，吸引目标用户，并建立深厚的社群联系。立即下载我们的官方App。

CSS

请将此样式表 `<link>` 标签置于 HTML 文档的 `<head>` 部分，并确保其在其他样式表之前加载，以正确引入 Bootstrap 的核心样式。

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

JS

为确保 NG28 平台各项功能的流畅运行，部分组件需要 JavaScript 的支持。这包括 jQuery 库以及我们自主开发的 JavaScript 插件。建议将以下脚本 `<script>` 标签放置在 `</body>` 标签关闭之前，以实现最佳加载顺序：首先是 jQuery，接着是 bootstrap.bundle.min.js，最后是我们的自定义脚本。

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

脚本加载

基础模板

请确保您的网页结构遵循最新的 HTML5 标准，并包含视口（viewport）元标签，以保证在各种设备上的响应式显示效果。整合所有元素后，您的页面将呈现出专业且用户友好的界面。

HTML 结构:

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

        <meta charset="utf-8" />
        <title>NG28 - 品牌力量的信赖</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="NG28官网，汇聚全球顶级体育赛事资讯，提供精准数据分析与安全可靠的互动体验，让您尽享赛事实况。" />
        <meta name="keywords" content="ng28官网, ng28入口, ng28下载, ng28官方网站, ng28体育" />

        <!-- 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="scrollup" id="scroll-top">
            --------
            --------
        </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 布局

RTL 布局:

若需启用从右至左（RTL）的显示模式，请将 `style.css` 的引用替换为 `style-rtl.css`。

暗黑模式

暗黑模式:

若需启用暗黑模式，请将 `style.css` 的引用替换为 `style-dark.css`。

暗黑 RTL 模式:

若需启用暗黑模式并支持从右至左（RTL）显示，请将 `style.css` 的引用替换为 `style-dark-rtl.css`。

選單

菜单居右

要将导航菜单定位在页面右侧，只需在 `navigation-menu` 类之外，额外添加 `nav-right` 类。

菜单居左

要将导航菜单定位在页面左侧，只需在 `navigation-menu` 类之外，额外添加 `nav-left` 类。

浅色菜单居中

若希望导航菜单居中显示且导航栏为浅色主题，请在 `navigation-menu` 类之外，额外添加 `nav-light` 类。

浅色菜单居右

若希望导航菜单位于页面右侧且导航栏为浅色主题，请在 `navigation-menu` 类之外，同时添加 `nav-right` 和 `nav-light` 类。

浅色菜单居左

若希望导航菜单位于页面左侧且导航栏为浅色主题，请在 `navigation-menu` 类之外，同时添加 `nav-left` 和 `nav-light` 类。

文件

簡介