55 lines
1.4 KiB
HTML
55 lines
1.4 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">个人介绍</a>
|
||
<a href="work.html" >个人作品</a>
|
||
<a href="life.html" >日常生活</a>
|
||
<a href="contact.html" >联系方式</a>
|
||
</div>
|
||
</div>
|
||
<!-- 内容 -->
|
||
<div class="about">
|
||
<h3 class="about-title"> [联系方式] </h3>
|
||
<form>
|
||
<label>
|
||
<span>姓名：</span>
|
||
<input type="text" placeholder="请输入您的姓名"/>
|
||
</label>
|
||
<label>
|
||
<span>手机号：</span>
|
||
<input type="text" placeholder="请输入您的手机号"/>
|
||
</label>
|
||
<label>
|
||
<span>邮箱：</span>
|
||
<input type="text" placeholder="请输入您的邮箱"/>
|
||
</label>
|
||
<label>
|
||
<span>留言内容：</span>
|
||
<textarea placeholder="请输入您的留言内容"></textarea>
|
||
</label>
|
||
<label>
|
||
<span></span>
|
||
<button type="submit">提交</button>
|
||
<button class="re" type="reset">重置</button>
|
||
</label>
|
||
</form>
|
||
</div>
|
||
<div class="footer">
|
||
<p>设计制作：暮暮 学号：324725121</p>
|
||
</div>
|
||
</body>
|
||
</html> |