黑色实用风格的灯光音响公司企业网站源码下载



12 44 15



模板描述:黑色实用风格 灯光音响公司 企业网站,黑色欧实用风格的灯光音响公司企业网站源码下载html模板下载

代码结构

1. 引入CSS

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

2. 引入JS

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>

3. HTML代码

<!--==========================Head Start==========================-->
<div class="heads">
  <div class="heads-m">
    <div class="heads-m-t"><span class="l">欢迎来到天颂灯光音响官网!</span><span class="r" style="padding-right:10px;"><a href="#">设为首页</a> | <a href="#">加入收藏</a></span></div>
    <div class="heads-m-bm">
      <div class="logo"><a href="#" target="_blank"><img src="images/logo.jpg" width="237" height="100" /></a></div>
      <div class="logo_r">
        <ul>
          <li><a href="index.html">网站首页</a></li>
          <li><a href="about.html">公司简介</a></li>
          <li><a href="xw.html">新闻动态</a></li>
          <li><a href="fwxm.html">服务项目</a></li>
          <li><a href="cp.html">设备展示</a></li>
          <li><a href="cp2.html">案例展示</a></li>
          <li><a href="ly.html">在线留言</a></li>
          <li><a href="lxwm.html">联系我们</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!--==========================Head End=============================-->
<div class="banner">
  <div class="flexslider">
    <ul class="slides">
      <li style="background:url(images/banner.jpg) 50% 0 no-repeat;"></li>
      <li style="background:url(images/banner.jpg) 50% 0 no-repeat;"></li>
    </ul>
  </div>
  <script src="js/jquery-1.7.2.min.js"></script> 
  <script src="js/jquery.flexslider-min.js"></script> 
  <script>
$(window).load(function() {
	$('.flexslider').flexslider({
		directionNav: false,
		pauseOnAction: false
	});
});
</script> 
</div>
<!--==========================centent Start=============================-->
<div class="list-mid">
  <div class="list-mid-m"><span class="lyop"></span><span class="r more"><a href="#">+更多</a></span></div>
</div>
<div class="list-mid-nr">
  <ul>
    <li><span class="list-pic"><img src="images/pic.jpg" width="300" height="250" /></span><span class="list-zi" ><a href="#">2013年包头土默特右旗春晚晚晚</a></span></li>
    <li><span class="list-pic"><img src="images/pic.jpg" width="300" height="250" /></span><span class="list-zi" ><a href="#">2013年包头土默特右旗春晚晚晚</a></span></li>
    <li style="margin-right:0;"><span class="list-pic"><img src="images/pic.jpg" width="300" height="250" /></span><span class="list-zi" ><a href="#">2013年包头土默特右旗春晚晚晚</a></span></li>
  </ul>
</div>
<div class="list-xw">
  <div class="list-xw-m">
    <div class="top-list-l clearfix">
      <div class="top-list-l-t">
        <div class="top-list-l-t2">公司简介</div>
      </div>
      <div class="top-list-pic"><img src="images/jjpic.jpg" width="225" height="217" /></div>
      <div class="top-list-z"> 呼和浩特市天颂灯光音响服务有限责任公司是一家集代理、销售、设计、安装、调试、租赁、维修及相关技术咨询、演出策划、舞台设计及背景制作服务为一体的专业公司,公司拥有一批专业调音师、灯光设计师、录音师及职业创作人和音乐人。 呼和浩特市天颂灯光音响服务有限责任公司是一家集代理、销售、设计、安装、调试、租赁、维修及相关技术咨询、演出策划、舞台设计及背景制作服务为一体的专业公司....[详细]</div>
    </div>
    <div class="list-bm-l r">
      <div class="list-bm-top">
        <div class="top-list-l-t2 l">新闻动态</div>
        <div class="r" style="padding-right:10px; font-size:14px;"><a href="#">更多</a></div>
      </div>
      <div class="list-bm-nr">
        <div class="list-bm-nr-t"> <span class="l xwpic-2" ><img src="images/wxpiccc.jpg" width="113" height="77" /></span><span class="r xwpic-2-r" >
          <h3>天颂音响有限公司上线</h3>
          <p>在众多环保光源应用方案中,LED是相对其他光源方案更为节能、便于组装设计的一种光源技术,其中,在照明光源应用中,高功率白光LED使用则为最频繁的发光..【<a href="#">详细</a>】</p>
          </span> </div>
        <div class="list-bm-nr-x">
          <ul>
            <li><a href="#" class="l">呼和浩特灯光音响 解析大功率白光LED散热与寿命问题 .. </a><span class="r"> [2015-01-15]</span></li>
            <li><a href="#" class="l">呼和浩特灯光音响 解析大功率白光LED散热与寿命问题 .. </a><span class="r"> [2015-01-15]</span></li>
            <li><a href="#" class="l">呼和浩特灯光音响 解析大功率白光LED散热与寿命问题 .. </a><span class="r"> [2015-01-15]</span></li>
            <li><a href="#" class="l">呼和浩特灯光音响 解析大功率白光LED散热与寿命问题 .. </a><span class="r"> [2015-01-15]</span></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="list-cp"></div>
<div class="list-cp-nr">
  <ul>
    <li>
      <div class="l-pic l"> <a href="#"><img src="images/cp-pic.jpg" width="186" height="160" /></a></div>
      <div class="r-wz r">
        <h3><a href="#">托斯卡纳音响 X6215</a></h3>
      <span>X系列采用世界高档扬声器单元和轻巧的进口桦木箱体搭配,通过计算机设计,精确的分频及展宽的频响特点和良好的控制覆盖性能。同时可旋转的压缩式号筒使它既能做垂直安装也能做平衡安装,平滑的频率响应和精确..</span></div>
    </li>
    <li style="border-right:0;">
      <div class="l-pic l"> <a href="#"><img src="images/cp-pic.jpg" width="186" height="160" /></a></div>
      <div class="r-wz r">
        <h3><a href="#">托斯卡纳音响 X6215</a></h3>
      <span>X系列采用世界高档扬声器单元和轻巧的进口桦木箱体搭配,通过计算机设计,精确的分频及展宽的频响特点和良好的控制覆盖性能。同时可旋转的压缩式号筒使它既能做垂直安装也能做平衡安装,平滑的频率响应和精确..</span></div>
    </li>
    <li>
      <div class="l-pic l"> <a href="#"><img src="images/cp-pic.jpg" width="186" height="160" /></a></div>
      <div class="r-wz r">
        <h3><a href="#">托斯卡纳音响 X6215</a></h3>
      <span>X系列采用世界高档扬声器单元和轻巧的进口桦木箱体搭配,通过计算机设计,精确的分频及展宽的频响特点和良好的控制覆盖性能。同时可旋转的压缩式号筒使它既能做垂直安装也能做平衡安装,平滑的频率响应和精确..</span></div>
    </li>
    <li style="border-right:0;">
      <div class="l-pic l"> <a href="#"><img src="images/cp-pic.jpg" width="186" height="160" /></a></div>
      <div class="r-wz r">
        <h3><a href="#">托斯卡纳音响 X6215</a></h3>
        <span>X系列采用世界高档扬声器单元和轻巧的进口桦木箱体搭配,通过计算机设计,精确的分频及展宽的频响特点和良好的控制覆盖性能。同时可旋转的压缩式号筒使它既能做垂直安装也能做平衡安装,平滑的频率响应和精确..</span></div>
    </li>
  </ul>
</div>
<!--==========================centent End=============================-->
<div class="foot">
  <div class="foot_zi">
    <div class="foot-nr">
      <div class="foot-top"> <a href="#">返回首页 </a> |    <a href="#">公司简介</a> |    <a href="#">新闻动态</a> | <a href="#">服务项目</a> |    <a href="#">设备展示</a> |    <a href="#">案例展示</a>  | <a href="#">在线留言</a> | <a href="#">联系我们</a></div>
      <span class="footspan"> 地址:呼和浩特市新城区成吉思汗大街青橙部落6-1-1801
      <br />
      电话:0471-5269377  传真:0471-5269508<br />
邮箱:tiansong@nmdgyx.com <br />
网址:www.nmdgyx.com  </span> <span style="color:#999;">友情链接:<a href="#" target="_blank">百度</a> <a href="#" target="_blank">雅虎</a> <a href="#" target="_blank">360</a> <a href="#" target="_blank">网易</a> <a href="#" target="_blank">阿里巴巴</a> <a href="#" target="_blank">腾讯</a> <a href="#" target="_blank">百度</a> <a href="#" target="_blank">雅虎</a> <a href="#" target="_blank">360</a> <a href="#" target="_blank">网易</a> <a href="#" target="_blank">阿里巴巴</a> <a href="#" target="_blank">腾讯</a></span> </div>
  </div>
  <div class="foot-bq">Copyright 2003-2015 内蒙古天颂灯光音响服务有限责任公司 蒙ICP000000备
</div>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 黑色 bootstrap bootstrap自适应 bootstrap响应式 pc+wap 移动+电脑 手机+电脑 实用通用 实用 通用 文化传媒 文化 传媒

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到