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">
					<div class="lang">
						<p class="tit">Language</p>
						<p>en</p>
						<p>cn</p>
					</div>
					<div class="money">
						<p class="tit">Currencies</p>
						<p>USD</p>
						<p>EUR</p>
						<p>Chinese Yuan</p>
					</div>
				</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>