零零壹——我的名片

当青训营遇上码上掘金，当托马斯撞上字节跳动。

总体四个部分：header、aside、article、footer

【HEADER】
用图片作背景，边角用圆角，使其看起来柔和

--html--
<header><font class="tittle">Self-Introduction</font></header>
--css--
header{
    width: 700px;
    height: 100px;
    background: url(https://cdn.jsdelivr.net/gh/Bjianyue/introduce@main/top.jpg);
    opacity: 0.4;
    border-radius: 20px 20px 0px 0px;
    border: solid black;
}

【ASIDE】
点击侧边栏，显现不同的信息

侧边栏学自B站艾恩小灰灰

https://www.bilibili.com/video/BV1CF411c7ka/?spm_id_from=333.999.0.0&vd_source=1a1d79c343a0339b9b88cc092d308757

【ARTICLE】
分别展示四个内容
一开始所有内容都是隐藏，只有点击左边导航栏才会跳出相应的页面

【FOOTER】
纯装饰

--html--
<footer>
    <font class="ending">Sometimes to lose balance for love is part of living balanced life.</font>
</footer>
--css--
footer{
    width: 700px;
    height: 95px;
    background: url(https://cdn.jsdelivr.net/gh/Bjianyue/introduce@main/bottom2.jpg);
    opacity: 0.3;
    border-radius: 0px 0px 30px 30px;
    display: flex;
    justify-content: end;
    align-items: flex-end;
}