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>
	<footer>
		<span>@ Copyright 2009-2017 All rights reserved imgtee.com</span>
		<span>
			
		</span>
	</footer>
</div>