test/userWeb/UI/control.html

<!-- 公共部分-头部导航及控件的UI层 -->
<div id="control" >
	<header>
		<nav>
			<a href="home.html">.</a>
			<a href="shop.html">shop</a>
			<a href="custom.html">custom</a>
			<a href="about.html">about</a>
		</nav>
		<div class="controlBtn">
			<span class="search"></span>
			<span class="avatar"></span>
			<span class="cart"></span>
			<span class="menu" style="margin-right:0;"></span>
		</div>
		<div class="hr"></div>
	</header>
	<div id="control_search"> <!-- 搜索UI -->
		<div class="title">Search</div>
		<div class="input">
			<div>
				<p>
					<input type="text" placeholder="What t-shirt do you like?" />
					<span></span>
				</p>
				<div class="hot">
					<p class="tit">Hot Search:</p>
					<p class="word">
						<a href="">game of thrones</a>
						<a href="">TBBT</a>
						<a href="">Sheldon</a>
					</p>
				</div>
				<span>&times;</span>
				<!-- <span class="glyphicon glyphicon-remove"></span> -->
			</div>
		</div>
		<div class="hr"></div>
	</div>
	<div id="control_avatar"><!-- 头像-我的UI -->
		
	</div>
	<div id="control_cart"><!-- 购物车侧拉UI -->
	</div>
	<div id="control_menu"><!-- 菜单侧拉UI -->
		<div class="main">
			<p class="shut">&times;</p>
			<div>
				<div class="one">
					<table>
						<tbody>
							<tr class="tit">
								<th>Language</th>
								<th>Currencies</th>
							</tr>
							<tr>
								<td class="lan_en">English</td>
								<td class="money">USD</td>
							</tr>
							<tr>
								<td class="lan_cn">中文</td>
								<td class="money">EUR</td>
							</tr>
							<tr>
								<td></td>
								<td class="money">Chinese Yuan</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="contact">
					<p class="tit">Contact Us</p>
					<p>
						Email: support@imgtee.com <br/>
						Messager: imgtee <br/>
						QQ   : 12345678 <br/>
					</p>
				</div>
				<div class="follow">
					<p class="tit">Follow Us On Social</p>
				</div>
			</div>
		</div>
	</div>
</div>