html-tpl
/
demo1.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/demo1.css">
</head>
<body>
	<div class="public-header">
		<div class="public-container clearfloat">
			<div class="header-logo">
				<a href=""></a>
			</div>
			<ul class="header-nav clearfloat">
				<li class="item"><a href="">Home</a></li>
				<li class="item"><a href="">first page</a></li>
				<li class="item"><a href="">second page</a></li>
				<li class="item"><a href="">third page</a></li>
				<li class="item"><a href="">forth page</a></li>
			</ul>
		</div>
	</div>
	<div class="index-banner">
		<div class="index-banner-bg">
			<img src="" alt="">
		</div>
		<div class="index-banner-text">
			<div class="text-logo"></div>
			<p class="text-info">
				<i class="line line-l"></i>adsfasdfasdfasdfasdfsadf<i class="line line-r"></i>
			</p>
		</div>
	</div>
	<div class="index-list public-container">

	</div>
	<div class="index-panel public-container">
		<div class="index-pannel-header">
			dfadsfasdf
		</div>
	</div>
	<div class="index-panel public-container">
		<div class="index-pannel-header">
			adfasdfasdf
		</div>
	</div>
	<div class="public-footer">
		<div class="public-container">
			<div class="footer-col">
				<p>asfasdf<br>adfasdfasdf<br>asdfasdf<br><a href="">adsfasdfasd</a></p>
			</div>
			<div class="footer-col">
				<p>asfasdf<br>adfasdfasdf<br>asdfasdf<br></p>
			</div>
			<div class="footer-col">
				<a href="">adsfasdfasd</a>
				<a href="">adsfasdfasd</a>
				<a href="">adsfasdfasd</a>
				<a href="">adsfasdfasd</a>
			</div>
			<div class="footer-col">
				<div class="footer-logo">
				</div>
				<div class="footer-info">
					adfasdfasdfasdfasdf
				</div>
			</div>
		</div>
	</div>
</body>
</html>