灰色企业网站静态页面模板下载

模板描述：不锈钢企业 psd网站 灰色网页模板，不锈钢企业psd网站灰色网页模板整站模板html模板下载

代码部署教程

1. 引入CSS

<link type=”text/css” href=”css/style.css” rel=”stylesheet” />

2. 引入JS

<script type=”text/javascript” src=”js/jquery.1.4.2.min.js”>
</script>

<script type=”text/javascript” src=”js/lib.js”>

</script>

3. HTML代码

<div class=”container header”>
<a class=”logo” href=”#”>

<img src=”images/logo.gif” width=”203″ height=”56″ alt=”” />

</a>

<div class=”ritside”>

<script type=”text/javascript”>

document.write(“<div class=’today’>

“+
getFullYear(today)+”年&nbsp;&nbsp;”
+isnMonths[today.getMonth()]+”月”
+today.getDate()+”日&nbsp;&nbsp;”
+isnDays[today.getDay()]
+”</div>

“);
</script>

<div class=”telephone”>

<img src=”images/telephone.gif” width=”226″ height=”29″ alt=”咨询电话：0577-86602010″ />

</div>

</div>

<div class=”clear”>

</div>

<div class=”nav”>

<div class=”nlbg”>

</div>

<ul>

<li class=”current”>

<a href=”index.html”>

首 页</a>

</li>

<li>

<a href=”about.html”>

关于我们</a>

</li>

<li>

<a href=”news.html”>

新闻动态</a>

</li>

<li>

<a href=”product.html”>

产品展示</a>

</li>

<li>

<a href=”job.html”>

加入我们</a>

</li>

<li class=”last”>

<a href=”contact.html”>

联系我们</a>

</li>

</ul>

<div class=”nrbg”>

</div>

</div>

</div>

<!–header end–>

<div class=”container content”>

<div class=”banner”>

<a href=”#”>

<img src=”images/banner.jpg” width=”960″ height=”277″ alt=”” />

</a>

</div>

<div class=”f-l i-company pubox”>

<div class=”putit”>

<h2 class=”f-l”>

公司介绍</h2>

<a class=”f-r more” href=”about.html”>

更多>

>

</a>

</div>

<div class=”pubcon”>

<a href=”about.html”>

<img class=”f-l” src=”images/214sada.jpg” width=”171″ height=”114″ alt=”公司介绍” />

</a>

<p>

自今年以来，不锈钢棒材价格跌跌不休，主要是终端需求持续低迷，下游采购商“买涨不买跌”的心态影响。不锈钢型材行业的微利经营仍在持续，甚至进一步发展…</p>

<div class=”clear”>

</div>

</div>

</div>

<div class=”f-l i-news pubox”>

<div class=”putit”>

<h2 class=”f-l”>

新闻动态</h2>

<a class=”f-r more” href=”news.html”>

更多>

>

</a>

</div>

<div class=”pubcon” id=”scrolltop”>

<ul>

<li>

<em class=”dian”>

·</em>

<a href=”news.html”>

青山控股集团熊欢龙湾区第动会</a>

<span class=”date”>

[05-26]</span>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”news.html”>

青山控股集团熊欢龙湾区第动会</a>

<span class=”date”>

[05-26]</span>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”news.html”>

青山控股集团熊欢龙湾区第动会</a>

<span class=”date”>

[05-26]</span>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”news.html”>

青山控股集团熊欢龙湾区第动会</a>

<span class=”date”>

[05-26]</span>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”news.html”>

青山控股集团熊欢龙湾区第动会</a>

<span class=”date”>

[05-26]</span>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”news.html”>

青山控股集团熊欢龙湾区第动会</a>

<span class=”date”>

[05-26]</span>

</li>

</ul>

</div>

</div>

<div class=”f-r i-contact pubox”>

<div class=”putit”>

<h2 class=”f-l”>

联系方式</h2>

<a class=”f-r more” href=”contact.html”>

更多>

>

</a>

</div>

<div class=”pubcon”>

地 址：温州市龙湾区永中街道青山<br />

联系人：朱某某<br />

电 话：+86-0577-86602022<br />

邮 箱：<a style=”text-decoration:underline;” href=”mailto:q541374203@qq.com”>

q541374203@qq.com</a>

</div>

</div>

<div class=”clear”>

</div>

<div class=”f-l i-product pubox”>

<div class=”putit”>

<h2 class=”f-l”>

产品展示</h2>

<a class=”f-r more” href=”product.html”>

更多>

>

</a>

</div>

<div class=”pubcon”>

<div class=”f-l sbtn pv”>

</div>

<div id=”scrollpic”>

<ul>

<li>

<a href=”product.html”>

<img src=”images/1243a.jpg” width=”140″ height=”122″ alt=”” />

</a>

<span>

<a href=”product.html”>

ASTM A270</a>

</span>

</li>

<li>

<a href=”product.html”>

<img src=”images/123asd.jpg” width=”140″ height=”122″ alt=”” />

</a>

<span>

<a href=”product.html”>

ASTM A554/DIN</a>

</span>

</li>

<li>

<a href=”product.html”>

<img src=”images/3214saf.jpg” width=”140″ height=”122″ alt=”” />

</a>

<span>

<a href=”product.html”>

ISO 2037/DIN11850</a>

</span>

</li>

<li>

<a href=”product.html”>

<img src=”images/1234af.jpg” width=”140″ height=”122″ alt=”” />

</a>

<span>

<a href=”product.html”>

ASTM A790/ASTM A789</a>

</span>

</li>

</ul>

</div>

<div class=”f-r sbtn next”>

</div>

<div class=”clear”>

</div>

</div>

</div>

<div class=”f-r i-friendship pubox”>

<div class=”putit”>

<h2 class=”f-l”>

友情链接</h2>

</div>

<div class=”pubcon”>

<ul>

<li>

<em class=”dian”>

·</em>

<a href=”#”>

上海鼎信</a>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”#”>

上海鼎信</a>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”#”>

上海鼎信</a>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”#”>

上海鼎信</a>

</li>

<li>

<em class=”dian”>

·</em>

<a href=”#”>

上海鼎信</a>

</li>

</ul>

</div>

</div>

<div class=”clear”>

</div>

</div>

<!–content end–>

<div class=”container footer”>

<div class=”btnmenu”>

<a href=”index.html”>

首 页</a>

<span>

|</span>

<a href=”about.html”>

企业介绍</a>

<span>

|</span>

<a href=”news.html”>

新闻动态</a>

<span>

|</span>

<a href=”product.html”>

产品展示</a>

<span>

|</span>

<a href=”job.html”>

加入我们</a>

<span>

|</span>

<a href=”contact.html”>

联系我们</a>

</div>

<div class=”copyright”>

Copyright © 2011-2012 cxvn.com Inc.All Rights Reserved<br />

浙ICP备11030275号-2 增值电信业务经营许可证：浙B2-20110289</div>

</div>

<!–footer end–>

下载地址

立即下载