web静态页面-MIUI米柚

效果图
布局

<div id="box">
	<header>
		<img src="./images/logo.png" >
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">主题</a></li>
			<li><a href="#">下载</a></li>
			<li><a href="#">产品</a></li>
			<li><a href="#">论坛</a></li>
		</ul>
		<div id="font">
			<a href="#">简</a>
			<span>|</span>
			<a href="#">繁</a>
			<span>|</span>
			<a href="#">English</a>
		</div>
	</header>
	<div id="banner-bg">
		<img class="banner" src="images/banner.jpg"/>
		<ul>
			<li><a href="#">下载MIUI</a></li>
			<li><a href="#">进入论坛</a></li>
		</ul>
	</div>
	<div id="video">
		<ul>
			<li>
				<a href="#"><img src="images/video1.png"/></a>
				<span>MIUI 介绍视频</span>
			</li>
			<li>
				<a href="#"><img src="images/video2.png"/></a>
				<span>MIUI V5视频</span>
			</li>
			<li>
				<a href="#"><img src="images/video3.png"/></a>
				<span>MIUI 自由桌面</span>
			</li>
			<li>
				<a href="#"><img src="images/video4.png"/></a>
				<span>MIUI 发展历程</span>
			</li>
		</ul>
	</div>
	<div id="index">
		<ul>
			<li>
				<img src="images/ico-1.jpg"/>
				<h4>电话、短信</h4>
				<p>根据中国用户使用习惯特别优化</p>
				<p>更可发送免费网络短信</p>
			</li>
			<li>
				<img src="images/ico-2.jpg"/>
				<h4>更安全</h4>
				<p>系统级全面保护手机和数据安全</p>
				<p>更可拦截广告电话、短信</p>
			</li>
			<li>
				<img src="images/ico-3.jpg"/>
				<h4>丰富的在线资源</h4>
				<p>取之不尽的视频、音乐、游戏</p>
				<p>更有超过60万安卓应用...无比强大</p>
			</li>
			<li>
				<img src="images/ico-4.jpg"/>
				<h4>与众不同</h4>
				<p>独创百变主题与自由桌面</p>
				<p>从里到外，让你的手机个性十足</p>
			</li>
			<li>
				<img src="images/ico-5.jpg"/>
				<h4>云服务</h4>
				<p>同步通讯录、短信、相册</p>
				<p>为你保管好一切</p>
			</li>
			<li>
				<img src="images/ico-6.jpg"/>
				<h4>极速桌面体验</h4>
				<p>驱动及系统优化</p>
				<p>提供丝绸般顺滑体验</p>
			</li>
			<li>
				<img src="images/ico-7.jpg"/>
				<h4>200余项功能改进</h4>
				<p>精心打造相机、闹钟等必备工具</p>
				<p>更有贴心的大字体、语音助手...</p>
			</li>
			<li>
				<img src="images/ico-8.jpg"/>
				<h4>"活"的操作系统</h4>
				<p>根据论坛反馈不断进化</p>
				<p>每周五更新，风雨无阻</p>
			</li>
		</ul>
		<img src="images/more.jpg"/>
	</div>
	<footer>
		<ul>
			<li>
				<h4>活动公告</h4>
				<h5><a href="#">四则报告</a></h5>
				<h5><a href="#">内测申请</a></h5>
			</li>
			<li>
				<h4>更新日志</h4>
				<h5><a href="#">3.6.14（开发板）</a></h5>
				<h5><a href="#">3.2.22（推荐版）</a></h5>
			</li>
			<li>
				<h4>关注MIUI</h4>
				<h5><a href="#">新浪微博</a></h5>
				<h5><a href="#">腾讯微博</a></h5>
			</li>
		</ul>
		<p>
			MIUI官方网站-发烧友必刷的Android ROM-北京小米科技&copy;2013 京ICP备10046444号
		</p&