清爽的公司网站首页效果

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>网站制作实例</title>
<link rel="stylesheet" style="text/css" href="css/web.css" />
</head>
<body>
<div id="home">
  <div id="header">
   <h1><img src="images/logo.gif" /></h1>
<!-- 导航开始-->
    <div id="main_nav">
      <ul>
        <li class="nav_home"><a href="#">首页</a></li>
        <li><a href="work.html">公司简介</a> </li>
        <li><a href="blog.html">新闻中心</a> </li>
        <li><a href="about.html">产品中心</a> </li>
		<li><a href="http://www.18283848.com/website_anli/">网站案例</a> </li>
        <li><a href="http://www.18283848.com/website_contactus/">联系我们</a> </li>
      </ul>
    </div>
	<!-- 导航结束-->
	<div id="ad">
	    <a href="http://www.163.com"><img src="images/ad_banner1.jpg" /></a>
	</div>
  </div>
  <div id="content">
    <div id="left_bar">
	     <div id="pruduct_fenlei">
		    <h3>公司产品(一)</h3>
			<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>
				<li><a href="#">督特派团先遣队</a></li>
				<li><a href="#">深夜电击单身美女</a></li>					
			</ul>
		    <h3>公司产品(二)</h3>
			<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>
				<li><a href="#">督特派团先遣队</a></li>
				<li><a href="#">深夜电击单身美女</a></li>					
			</ul>		
		 </div>
	</div>  
    <div id="contenter">
	    <div id="about">
		     <h3>公司介绍</h3>
			 <p><img src="images/about_logo.gif" alt="公司介绍" title="" />台湾《电子时报》报道,供应链传来的消息称,由于Intel在智能手机和平板电脑业务方面采取积极进取的姿态,联想已经成为Intel最紧密的合作伙伴,本周举行的IDF 2012北京峰会已经表现出了这一点。消息来源还指出,此前联想已经与Intel合作拿下了阿根廷158000台采用Atom N2600处理器的10.1英寸Windows 7系统教育PC订单。</p>
	    </div>
		<div id="pruduct">
		     <h3>产品中心</h3>
              <ul>
                <li><a href="#"><img src="images/tv01.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv02.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv03.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv04.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv01.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv02.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv03.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv04.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv01.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>
                <li><a href="#"><img src="images/tv02.jpg" alt="郎咸平" /><strong>2011财经郎眼</strong></a></li>		
              </ul>
		</div>
		
	</div>
  </div>
  <div id="footer">
    <div id="link">
	     <a href="http://www.18283848.com">广州网站建设</a> | <a href="http://www.dxc8.net">大学城论坛</a>| <a href="#">酒包装设计</a>| <a href="http://www.baidu.com">百度</a>
	</div>
	<div id="banquan">
	    <p>版权所有 © 升阳广州网站建设公司 地址:广州市新港西路客村立交  邮编:510260</p>
		<p>粤ICP备11048734号-2 站长统计 流量统计</p>
	    <p>技术技术:<a href="http://www.18283848.com">广州网站制作</a> </p>
	</div>
  </div>
</dibv>
</body>
</html>