index.html

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ZHARN - 主页</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="content flex">
        <div>
            <!-- 标题栏 -->
            <div class="titlebar flex">
                <!-- LOGO -->
                <a href="https://zharn.top" class="logo">ZHARN</a>
                <!-- 导航 -->
                <ul class="flex">
                    <li><a href="#">APP/项目</a></li>
                    <li><a href="#">开发文档</a></li>
                    <li><a href="#">了解团队</a></li>
                </ul>
                <!-- 其他跳转 -->
                <div class="flex">
                    <a href="#">afdian</a>
                    <a href="#">github</a>
                </div>
            </div>

            <!-- 内容 -->
            <h3><span>精心设计的App</span><span>怎样都顺心</span></h3>
            <h4>每一个 App 的细节都经过打磨，尽显极致的用户体验！</h4>
            <a href="#" class="btn">进一步探索</a>
        </div>
        <div>
            <!-- 内容 -->
            <h3><span>构建</span><br><span>属于我们自己的世界</span></h3>
            <h4>小小团队，大大潜能</h4>
            <a href="#" class="btn">了解团队</a>
        </div>
        <div>
            <!-- 内容 -->
            <h3>#开发文档</h3>
            <h4>总要写点什么吧！</h4>
            <a href="#" class="btn">查看文档</a>
        </div>
    </div>
</body>

</html>