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

ig什么意思 2019-12-14 1,167 阅读

模板描述:不锈钢企业 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-->

演示地址下载地址

  • aaaaaX

    感谢分享

    aaaaaX
  • aaaaaX

    Thanks♪(・ω・)ノ

    aaaaaX
  • aaaaaX

    感谢分享 有你更精彩

    aaaaaX
  • aaaaaX

    大佬牛逼

    aaaaaX
  • aaaaaX

    牛逼牛逼

    aaaaaX
  • 乐分享-侯希文

    请不要在一个内容页面下重复提交评论

    乐分享-侯希文
最新游戏