index.html

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <title>AFS 服务器</title>
        <link href="bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <header>
            <nav class="navbar navbar-expand-lg bg-body-tertiary">
                <div class="container-fluid">
                    <span class="navbar-brand">AFS</span>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link active" aria-current="page" href="#">首页</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="play.html">服务器IP</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">关于我们</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
        <main style="padding: 1em;">
            <div style="background-image: url('./background.png'); background-repeat: no-repeat; background-size: 100% 100%; height: 40em; padding: 10em;">
                <h1 style="color: white; font-size:xxx-large;">
                    Advanced Factory <br /> Server
                </h1>
                <a type="button" class="btn btn-primary" href="play.html">开始游玩</a>
            </div>
        </main>
        
        <script src="bootstrap.bundle.min.js"></script>
    </body>
</html>