navbar.html

<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark navbar-custom fixed-top">
    <!-- Text Logo - Use this if you don't have a graphic logo -->
    <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Aria</a> -->
            
    <!-- Image Logo -->
    <a class="navbar-brand logo-image" href=""><img src="https://m.ccw.site/gandi_application/user_assets/2a6bb37880317d2bb5525ab560618e04.png" alt="alternative"></a> <!-- end of navbar brand -->

    <!-- Mobile Menu Toggle Button -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="index.html#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="true" aria-label="Toggle navigation">
    <span class="navbar-toggler-awesome fas fa-bars"></span>
    <span class="navbar-toggler-awesome fas fa-times"></span>
    </button>
    <!-- end of mobile menu toggle button -->

    <div class="collapse navbar-collapse" id="navbarsExampleDefault">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link page-scroll" href="index.html#header">首页 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link page-scroll" href="index.html#info">服务器介绍</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle page-scroll" href="index.html#list" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false">服务器列表</a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="longterm.html"><span class="item-text">长期玩法</span></a>
                    <div class="dropdown-items-divide-hr"></div>
                    <a class="dropdown-item" href="javascript:;"><span class="item-text">中期玩法</span></a>
                    <div class="dropdown-items-divide-hr"></div>
                    <a class="dropdown-item" href="javascript:;"><span class="item-text">短期玩法</span></a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link page-scroll" href="index.html#picture">风景欣赏</a>
            </li>
            <li class="nav-item">
                <a class="nav-link page-scroll" href="news.html">游戏公告</a>
            </li>
            <li class="nav-item">
                <a class="nav-link page-scroll" href="player.html">玩家列表</a>
            </li>
            <li class="nav-item">
                <a class="nav-link page-scroll" href="banlist.html">封禁列表</a>
            </li>
            <li class="nav-item">
                <a class="nav-link page-scroll" href="message.html">玩家留言</a>
            </li>
            <li class="nav-item">
            <a class="nav-link page-scroll" onclick="window.open('https://status.kuke.ink')">状态监控</a>
            </li>
            <li class="nav-item">
                <a class="nav-link page-scroll" href="thanks.html">特别鸣谢</a>
            </li>
        </ul>
    </div>
</nav> <!-- end of navbar -->