index.html

<!--
  ~ Copyright (c) 2022.
  -->

<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="css/main.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <link href="assets/img/icon.png" rel="icon">
</head>

<body>
<!--左部分-->
    <div class="head">
        <!--头像区域-->
        <div class="headIcon"><img alt="头像" class="head" src="assets/img/headIcon.png"></div>
        <div class="text-content">欢迎
            <!--竖排的菜单-->
            <div class="menu">
                <a class="menu" href="index.html" style="color: #667fff">首页</a><br>
                <a class="menu" href="pic.html">关于甘城猫猫</a><br>
                <a class="menu" href="about.html">关于我</a><br>
            </div>
        </div>
        <!--社交账户链接-->
        <div class="social">
            <div class="social_github"><a class="social_github" href="https://github.com/tomsteve1102"></a></div>
            <div class="social_emails"><a class="social_emails" href="mailto:i@atomanother.club"></a></div>
        </div>
    </div>
<!--右部分-->
    <div class="main">
        <!--返回顶部标记-->
        <div id="topAnchor"></div>
        <!--网页背景-顶部-->
        <div class="main_top"></div>
        <!--整个主要部分的下半部分-->
        <div class="main_bottom">
            <!--展示图片-->
            <div class="content-more">
                <div class="content-text">
                    <img alt="头图" src="assets/img/photo/header.webp">
                </div>
            </div>
        </div>
    </div>
</body>

</html>