index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原神主题网站 | Genshin Theme</title>

    <!-- 样式文件 | CSS file -->
    <link rel="stylesheet" href="indexstyle.css" type="text/css" />

    
</head>

<body>


    <!--网站主体-->
    <div class="shell" id="shell">
        <div class="header">
            <h2 class="title">原神 · 印象</h2>
            <h3 class="subtitle">Genshin | Character image</h3>
        </div>
        <div class="timeline">
            <!-- 可莉 -->
            <div class="item" data-text="">
                <div class="content">
                    <a href="./webs/Kirara/index.html" target="_blank"><img src="./img/01.jpg" alt="" class="img"></a>
                    <h2 class="content-title">Kirara</h2>
                    <p class="content-desc">
                        “喵~” <br />
                        “快递到喽~喵~”
                    </p>
                </div>
            </div>

            <!-- 敬请期待 -->
            <div class="item" data-text="">
                <div class="content">
                    <a href="./webs/Nahida/index.html"><img src="./img/02.jpg" alt="" class="img"></a>
                    <h2 class="content-title">Nahida</h2>
                    <p class="content-desc">
                        知识与你分享<br />
                        变聪明了~
                    </p>
                </div>
            </div>

            <!--珊瑚宫心海-->
            <div class="item" data-text="">
                <div class="content">
                    <a href="./webs/Kokomi/index.html" target="_blank"><img src="./img/03.jpg" alt="" class="img"></a>
                    <h2 class="content-title">kokomi</h2>
                    <p class="content-desc">
                        沧海之约 <br />
                        未雨绸缪才能临危不乱
                    </p>
                </div>
            </div>
            




        </div>
    </div>


    <!-- 引入 JS文件 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="./indexscript.js" async></script>

</body>



   <footer>
     <p>code from </p>
     <a href="https://gitee.com/KleeGitee/Klee?_from=gitee_search">GenshinImpact ThemeWeb</a>
     <p>角色版权归Mihoyo所有 </p>
    </div>
   </footer>

  </html>
