以下是做的尚合的主页，大家要是发现有错或是更好的写法的话，欢迎留言！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header">
<div class="header-in clearfix">
<div class="logo">
<img src="images/logo.png" alt="">
</div>
<div class="search">
<input type="text" placeholder="请输入内容...">
<button></button>
</div>
</div>
</div>
<div class="nav">
<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>
<li>
<a href="#">关于尚合</a>
</li>
</ul>
</div>
<div class="banner">
<img src="images/banner.png" alt="">
<span>
<img src="images/erweima.png" alt="">
</span>
</div>
<div class="notice">
<div class="notice-in">
<div class="notice-inl">
<p>最新公告:</p>
<a href="">尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方</a>
</div>
<div class="notice-inr">
<img src="images/share.png" alt="">
</div>
</div>
</div>
<div class="public clearfix">
<div class="public-l">
<h4>
<img src="images/arrow.png" alt="">
<a href="#">新品发布</a>
</h4>
<div class="pic">
<img src="images/pic.png" alt="">
</div>
</div>
<div class="public-c">
<h4>
<p>
<img src="images/arrow.png" alt="">
<a href="#" class="news">新闻中心</a>
</p>
<a href="#" class="more">更多</a>
</h4>
<ul>
<li><a href="#" class="advice">致歉公告</a></li>
<li><a href="#">首批尚合Aonet已全部售馨!</a></li>
<li><a href="#">【媒体报导】国产高性价比 尚合Aonet四核手机评测</a></li>
<li><a href="#">我司产品已经通过了国家强制性产品3C认证</a></li>
<li><a href="#">尚合Aone智能手机入网证已经获工信部门审批下发</a></li>
<li><a href="#">我司通过ISO9001:2008国际质量管理体系认证</a></li>
</ul>
</div>
<div class="public-r">
<h4>
<img src="images/arrow.png" alt="">
<a href="#">技术支持</a>
</h4>
<ul class="help">
<li><a href="#">售后服务</a></li>
<li><a href="#">投诉与建议</a></li>
<li><a href="#">联保网点</a></li>
<li><a href="#">常见问题FAQ？</a></li>
</ul>
<div class="Info">
<p>深圳市汇聚众合科技发展有限公司<br />
服务热线：400-633-7922
</p>
</div>
</div>
</div>
<div class="footer">
<div class="footer-hd clearfix">
<dl>
<dt>尚合首页</dt>
<dd><a href="#">返回首页</a></dd>
</dl>
<dl>
<dt>尚合首页</dt>
<dd><a href="#">返回首页</a></dd>
<dd><a href="#">Aone-T</a></dd>
</dl>
<dl>
<dt>平板电脑</dt>
<dd><a href="#">尚PAD S200</a></dd>
<dd><a href="#">尚PAD S100</a></dd>
<dd><a href="#">尚PAD SH-Q7</a></dd>
<dd><a href="#">尚PAD SH-Q5</a></dd>
</dl>
<dl>
<dt>平板电脑</dt>
<dd><a href="#">尚PAD S200</a></dd>
<dd><a href="#">尚PAD S100</a></dd>
<dd><a href="#">尚PAD SH-Q7</a></dd>
<dd><a href="#">尚PAD SH-Q5</a></dd>
</dl>
<dl>
<dt>平板电脑</dt>
<dd><a href="#">尚PAD S200</a></dd>
<dd><a href="#">尚PAD S100</a></dd>
<dd><a href="#">尚PAD SH-Q7</a></dd>
<dd><a href="#">尚PAD SH-Q5</a></dd>
</dl>
<dl>
<dt>平板电脑</dt>
<dd><a href="#">尚PAD S200</a></dd>
<dd><a href="#">尚PAD S100</a></dd>
<dd><a href="#">尚PAD SH-Q7</a></dd>
<dd><a href="#">尚PAD SH-Q5</a></dd>
</dl>
<dl>
<dt>平板电脑</dt>
<dd><a href="#">尚PAD S200</a></dd>
<dd><a href="#">尚PAD S100</a></dd>
<dd><a href="#">尚PAD SH-Q7</a></dd>
<dd><a href="#">尚PAD SH-Q5</a></dd>
</dl>
</div>
<div class="footer-ft">
<p class="p1">©2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922</p>
<p class="p2">经营许可证编号：粤ICP备11077821号-1</p>
<div class="pic">
<img src="images/icon1.png" alt="">
<img src="images/icon2.png" alt="">
</div>
</div>
<div class="back">
<a href="#"><img src="images/back.png" alt=""></a>
</div>
</div>
</body>
</html>
|
|
收藏
淘帖
踩
