查看“︁首页”︁的源代码

<div class="outrex-container">

<!-- 左侧 -->
<div class="outrex-main">

    <!-- 顶部双卡片 -->
    <div class="outrex-topcards">
        <div class="card">卡片1</div>
        <div class="card">卡片2</div>
    </div>

    <!-- 公告条 -->
    <div class="outrex-banner">
        全站公告：裂隙正在重构世界
    </div>

    <!-- 图标入口 -->
    <div class="outrex-grid">
        <div class="grid-item">裂隙</div>
        <div class="grid-item">国家</div>
        <div class="grid-item">公会</div>
        <div class="grid-item">Boss</div>
        <div class="grid-item">装备</div>
        <div class="grid-item">宠物</div>
        <div class="grid-item">NPC</div>
        <div class="grid-item">地形</div>
    </div>

    <!-- 文章模块 -->
    <div class="outrex-articles">
        <div class="article">文章模块1</div>
        <div class="article">文章模块2</div>
    </div>

    <!-- 底部入口 -->
    <div class="outrex-smallgrid">
        <div>入口1</div>
        <div>入口2</div>
        <div>入口3</div>
        <div>入口4</div>
    </div>

</div>

<!-- 右侧 -->
<div class="outrex-sidebar">

    <div class="box">LOGO + 描述</div>

    <div class="box join">加入服务器</div>

    <div class="box">社交按钮</div>

    <div class="box">参与Wiki</div>

    <div class="box">数据统计</div>

    <div class="box">工具区</div>

    <div class="box">最近更新</div>

</div>

</div>