header.html

<div class="wrapper wrapper-head clearfix">
	<div class="head-menu-left clearfix">
		<a href="index.html" class="logo"></a>
		<ul class="main-nav clearfix">
			<li class="index"><a class="under-line" href="index.html">首页</a></li>
			<li class="find"><a class="under-line" href="find.html">发现</a></li>
			<li class="pretty"><a class="under-line" href="pretty.html">好物</a></li>
			<li class="article"><a class="under-line" href="article.html">写文章</a></li>
		</ul>
	</div>
	<div class="head-menu-right clearfix">
		<a href="javascript:;" class="login-register">
			注册 / 登录
		</a>
		<div id="search-form">
			<input type="text" value="搜索你想要的"/>
			<a href="javascript:;" class="icon-h"></a>
		</div>
	</div>
</div>

<!--模态框-->
<div class="log-reg-page">
	<div class="reg-page-inner">
		<div class="logo-area">
			<img src="img/login-top-bg@2x.jpg" alt="" />
		</div>
		<form action="post" id="message">
			<div class="cell com">
				<input type="text" class="full" placeholder="账号"/>
			</div>
			<div class="verify com clearfix">
				<input type="text"  class="math" placeholder="验证码"/>
				<span class="ran-math">1234</span>
			</div>
			<div class="passport com">
				<input type="text" class="full" placeholder="密码"/>
			</div>
			<div class="complete com">
				<span class="full">注册</span>
			</div>
		
		</form>
		<a href="log-page-inner.html" class="log-page">登录</a>
		<h3 class="social">社交账号快捷登录</h3>
		<div class="social-log clearfix">
			<div class="wechart">
				<a href="#"></a>
				<span>微博</span>
			</div>
			<div class="qq">
				<a href="#"></a>
				<span>QQ</span>
			</div>
		</div>
	</div>
</div>
<!--注册内容-->