75 lines
2.1 KiB
HTML
75 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title></title>
|
||
<link rel="stylesheet" href="css/style.css"/>
|
||
</head>
|
||
<body>
|
||
<!-- 导航-->
|
||
<div class="header">
|
||
<!-- logo-->
|
||
<div class="logo">
|
||
<h3>暮暮个人主页</h3>
|
||
</div>
|
||
<!--菜单-->
|
||
<div class="nav">
|
||
<a href="index.html">首页</a>
|
||
<a href="about.html" class="active">个人介绍</a>
|
||
<a href="work.html" class="active">我的作品</a>
|
||
<a href="life.html">日常生活</a>
|
||
<a href="contact.html">联系方式</a>
|
||
</div>
|
||
</div>
|
||
<div class="about">
|
||
<!-- 个人信息 -->
|
||
<div class=".about-info">
|
||
<h3 class="about-title"> [个人信息] </h3>
|
||
<div class="about-info-box">
|
||
<div class="about-text">
|
||
<h3>姓名：朝暮</h3>
|
||
<p>性别：女</p>
|
||
<p>学号：324725121</p>
|
||
<p>班级：大数据技术一班</p>
|
||
<p>邮箱：999999999@qq.com</p>
|
||
<p>喜欢的食物：麻辣烫、火锅、烤肉
|
||
烧烤、海鲜以及各种甜品</p>
|
||
<p>喜欢的饮品：摇摇奶昔、多肉葡萄
|
||
各种蜜桃口味的饮料等等</p>
|
||
<p>喜欢的游戏：王者荣耀、和平精英等</p>
|
||
</div>
|
||
<div class="aib-img">
|
||
<img src="img/about1.png"/ alt="">
|
||
<img src="img/about2.png"/ alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 个人爱好 -->
|
||
<div class="about-like">
|
||
<h3 class="about-title"> [个人爱好] </h3>
|
||
<div class="about-like-box">
|
||
<span>羽毛球</span>
|
||
<span>音乐</span>
|
||
<span>游戏</span>
|
||
<span>小说</span>
|
||
<span>动漫</span>
|
||
</div>
|
||
</div>
|
||
<!--技能-->
|
||
<div class="about-skill">
|
||
<h3 class="about-title"> [个人技能] </h3>
|
||
<div class="about-skill-box">
|
||
<img src="img/sk1.png" alt="">
|
||
<img src="img/sk2.png" alt="">
|
||
<img src="img/sk3.png" alt="">
|
||
<img src="img/sk4.png" alt="">
|
||
<img src="img/sk5.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<p>设计制作：暮暮 学号：xx1701127</p>
|
||
</div>
|
||
</body>
|
||
</html> |