test/userWeb/UI/home.html

<!-- 首页的默认UI层 -->
<div id="home">
	<div class="title"><img src="UI/img/logo_imgtee.svg" alt=""></div>
	<div class="input">
		<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>
	</div>
	<div class="carousel">
		<p class="tit">Some T-shirts You May Like:</p>
		<div class="main">
			<span class="glyphicon glyphicon-menu-left"></span>
			<div class="scroll">
				<ul>
					<li>
						1<img src="" alt="">
					</li>
					<li>
						2<img src="" alt="">
					</li>
					<li>
						3<img src="" alt="">
					</li>
					<li>
						4<img src="" alt="">
					</li>
					<li>
						5<img src="" alt="">
					</li>
					<li>
						6<img src="" alt="">
					</li>
					<li>
						7<img src="" alt="">
					</li>
					<li>
						8<img src="" alt="">
					</li>
					<li>
						9<img src="" alt="">
					</li>
					<li>
						10<img src="" alt="">
					</li>
					<li>
						11<img src="" alt="">
					</li>
					<li>
						12<img src="" alt="">
					</li>
					<li>
						13<img src="" alt="">
					</li>
					<li>
						14<img src="" alt="">
					</li>
					<li>
						15<img src="" alt="">
					</li>
					<div style="clear:both;"></div>
				</ul>
			</div>
			<span class="glyphicon glyphicon-menu-right"></span>
		</div>
	</div>
</div>