dswiki
/
index.html

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>饥荒百科全书</title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<!-- header头部模块开始 -->
	<div class="header w">
		<!-- logo在左 -->
		<div class="logo">
			<img src="source/img/logo.png" alt="" >
		</div>
		<div class="board">
			<img class="title" src="source/img/饥荒百科全书.png">
			<div id="title-lan">
				<ul>
					<li><a href="#make-all">全物品制造模拟</a></li>
					<li><a href="#">百物百科</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- header头部模块结束 -->


	<!-- 大盒子，左右扩展开 -->
	<div class="banner">
			<!-- 全物品制造模块开始 -->
		<div id="make-all" class="w">
			<!-- 头部/搜索栏,左边文本框，右边搜索按钮（放大镜） -->
			<div class="search border">
				<input type="text" value="输入制造物点击查询">
				<button></button>
			</div>
			<!-- 头部搜索栏设计完成 -->
			<!-- 左侧制造栏开始 -->
			<div class="makeboxs">
				<div class="makebox" id="box1"></div>
				<div class="makebox" id="box2"></div>
				<div class="makebox" id="box3"></div>
				<div class="makebox" id="box4"></div>
				<div class="makebox" id="box5"></div>
				<div class="makebox" id="box6"></div>
				<div class="makebox" id="box7"></div>
				<div class="makebox" id="box8"></div>
				<div class="makebox" id="box9"></div>
				<div class="makebox" id="box10"></div>
				<div class="makebox" id="box11"></div>
				<div class="makebox" id="box12"></div>
			</div>
			<!-- 左侧制造栏结束 -->
		</div>
	</div>
	<!-- 全物品制造模块结束 -->
</body>
</html>