蓝色简洁风格的生物科技公司企业网站源码下载



5 16 6



模板描述:蓝色简洁风格 生物科技公司 企业网站,蓝色简洁风格的生物科技公司企业网站源码下载html模板下载

代码结构

1. 引入CSS

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

2. 引入JS

<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/011.js"></script>

3. HTML代码

<!--top-->
<div class="top_bg">
 <div class="log_main">
  <p><img src="images/log.png" /></p>
  <div class="log_main_right">
   <dl>
    <dt><a href="#"><img src="images/index_r2_c22.jpg" /></a><a href="#"><img src="images/index_r2_c24.jpg" /></a><a href="#"><img src="images/index_r2_c27.jpg" /></a><a href="#"><img src="images/index_r2_c30.jpg" /></a></dt>
    <dd><img src="images/dh.png" /></dd>
   </dl>
   <ul>
    <li><a href="#">首页 </a>      <a href="#">产品展示 </a>        <a href="#">新闻中心 </a>       <a href="#">养殖贴士</a>             <a href="#">关于我们</a>         <a href="#">联系我们</a></li>
   </ul>
  </div>
 </div>
</div>
<!--top-->
<!--js-->
<div class="falsh_js">
<!-- 代码 开始 -->
    <div id="inner">
        <div class="hot-event">
            <div class="switch-nav"><a href="#" onclick="return false;" class="prev"><i class="ico i-prev"></i><span class="hide-clip">上一个</span></a><a href="#" onclick="return false;" class="next"><i class="ico i-next"></i><span class="hide-clip">下一个</span></a></div>
            <div class="event-item" style="display: block;">
                <a target="_blank" href="http://www.51qianduan.com//" class="banner">
                    <img src="images/index_r4_c1.jpg" class="photo" style="width: 100%; height: 480px;" alt="测试用图片" />
                </a>
            </div>
            <div class="event-item" style="display: none;">
                <a target="_blank" href="http://www.51qianduan.com//" class="banner">
                    <img src="images/02.jpg" class="photo" style="width: 100%; height: 480px;" alt="测试用图片" />
                </a>
            </div>
            <div class="event-item" style="display: none;">
                <a target="_blank" href="http://www.51qianduan.com//" class="banner">
                   <img src="images/index_r4_c1.jpg" class="photo" style="width: 100%; height: 480px;" alt="测试用图片" />
                </a>
            </div>
            <div class="switch-tab">
                <a href="#" onclick="return false;" class="current">1</a>
                <a href="#" onclick="return false;">2</a>
                <a href="#" onclick="return false;">3</a>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $('#inner').nav({ t: 2000, a: 1000 });
    </script>
    <!-- 代码 结束 -->
</div>
<!--js-->
<!--one-->
<div class="one_bg">
 <div class="hot_top">
  <img src="images/index_r6_c13.jpg" />
 </div>
 <div class="img-scroll">
    <span class="prev"><img src="images/index_r9_c4.jpg" /></span>
    <span class="next"><img src="images/index_r9_c28.jpg" /></span>
    <div class="img-list">
    <div class="img_list1">
     <ul>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品6</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品5</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品4</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品3</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品2</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品1</a></span>
      </li>
     </ul>
     </div>
    </div>
    </div>
</div>
<!--one-->
<div class="hr_bg"></div>
<!--业务范围-->
<div class="two_bg">
 <div class="fw_top">
  <img src="images/index.png" />
 </div>
 <div class="fw_bot">
  <div class="fw_bot_left"><img src="images/index_r12_c4.jpg" /></div>
  <div class="fw_bot_right">
   <p>上海学瑞实业有限公司是德国Sonikks超声波在中国的总代理销售和服务公司,公司集研究、
计、生产及销售超声波设备为一体的专业厂家。设计及生产多种规格超声波设备,产品种类有实
验室台式超声波清洗器、超声波细胞破碎仪、</p>
   <dl>
    <dt><a href="#">禽药</a></dt>
    <dd>
    上海学瑞实业有限公司
是德国Sonikks超声
    </dd>
   </dl>
   <dl>
    <dt><a href="#">猪药</a></dt>
    <dd>
    上海学瑞实业有限公司
是德国Sonikks超声
    </dd>
   </dl>
   <dl>
    <dt><a href="#" title="你好是不要这么多废话">水针口服液</a></dt>
    <dd>
    上海学瑞实业有限公司
是德国Sonikks超声
    </dd>
   </dl>
   <dl>
    <dt><a href="#">牛羊疾病</a></dt>
    <dd>
    上海学瑞实业有限公司
是德国Sonikks超声
    </dd>
   </dl>
  </div>
 </div>
</div>
<!--业务范围-->
<div class="hr_bg"></div>
<!--产品展示-->
<div class="pro_show_top"><img src="images/index_r14_c15.jpg" /></div>
<div class="pro_show_bot">
<ul>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品5</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品4</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品3</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品2</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品1</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品5</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品4</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品3</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品2</a></span>
      </li>
      <li>
       <p>
       <a href="#">
         <img src="images/index_r8_c7.jpg" />
       </a>
       </p>
       <span><a href="#">热销产品1</a></span>
      </li>
     </ul>
</div>
<!--产品展示-->
<div class="hr_bg"></div>
<!--简介等-->
<div class="about_news_inf">
 <!--about-->
 <div class="about_r1">
  <div class="inf_pest">
   <p><a href="#">走进安普</a>&nbsp;&nbsp;<i>ABOUT US</i></p>
   <span><a href="#"><img src="images/index_r17_c12.jpg" /></a></span>
  </div>
  <div class="about_r1_bot">
   <dl>
    <dt>
    <img src="images/index_r20_c5.jpg" width="200"  height="130"/>
    上海学瑞实业有限公司是德国Sonikks超
声波在中国的总代理销售和服务公司,公
司集研究、
计、生产及销售超声波设备为一体的专业
厂家。设计及生产多种规格超声波设备,
产品种类有实上海学瑞实业有限公司是德国Sonikks超
声波在中国的总代理销售和服务公司,公
司集研究、
计、生产及销售超声波设备为一体的专业
厂家。设计及生产多种规格超声波设备,
产品种类有实
    </dt>
    <dd><a href="#"><img src="images/r5_c4.jpg" /></a></dd>
   </dl>
  </div>
 </div>
 <!--about-->
 <!--news-->
 <div class="news_r2">
  <div class="inf_pest">
   <p><a href="#">新闻动态</a>&nbsp;&nbsp;<i>NEWS CENTER</i></p>
   <span><a href="#"><img src="images/index_r17_c12.jpg" /></a></span>
  </div>
  <div class="news_r2_bot">
   <dl id="bg1">
    <dt>
     <h1><img src="images/r5_c8.jpg" /></h1>
     2015-09
    </dt>
    <dd>
     <a href="#">超声波焊接机适用产品</a><br />
     务为一体的专业化高新技术企业,自成立以来,凭借领
    </dd>
   </dl>
   <dl>
    <dt>
     <h1><img src="images/r7_c9.jpg" /></h1>
     2015-09
    </dt>
    <dd>
     <a href="#">超声波焊接机适用产品</a><br />
     务为一体的专业化高新技术企业,自成立以来,凭借领
    </dd>
   </dl>
   <dl id="bg1">
    <dt>
     <h1><img src="images/r9_c8.jpg" /></h1>
     2015-09
    </dt>
    <dd>
     <a href="#">超声波焊接机适用产品</a><br />
     务为一体的专业化高新技术企业,自成立以来,凭借领
    </dd>
   </dl>
  </div>
 </div>
 <!--news-->
 <!--con-->
 <div class="lianxi_r3">
 <div class="inf_pest">
   <p><a href="#">联系我们</a>&nbsp;&nbsp;<i>CONTACT US</i></p>
   <span><a href="#"><img src="images/index_r17_c12.jpg" /></a></span>
  </div>
  <div class="lianxi_r3_bot">
   <dl>
    <dt><img src="images/index_r21_c21.jpg" /></dt>
    <dd>
    地 址:上海市松江区车亭公路1098号<br />
电 话:021-31605005<br />
联系人:李学良(经理)<br />
手 机:13611888509<br />
网址:www.sonikks.cn<br />
邮 箱:info@sonikks.cn
    </dd>
   </dl>
  </div>
 </div>
 <!--con-->
</div>
<!--简介等-->
<!--有请链接-->
<div class="links_top">
 友情链接 &nbsp;&nbsp;<i>申请链接QQ:54954543-</i>
</div>
<div class="links_bot">
 <ul>
  <li><a href="#">4399小游戏</a></li>
  <li><a href="#">4399手机游戏网</a></li>
  <li><a href="#">4399小游戏</a></li>
  <li><a href="#">4399手机游戏网</a></li>
  <li><a href="#">4399小游戏</a></li>
  <li><a href="#">4399手机游戏网</a></li>
  <li><a href="#">4399小游戏</a></li>
  <li><a href="#">4399手机游戏网</a></li>
  <li><a href="#">4399小游戏</a></li>
  <li><a href="#">4399手机游戏网</a></li>
  <li><a href="#">4399小游戏</a></li>
  <li><a href="#">4399手机游戏网</a></li>
 </ul>
</div>
<!--有请链接-->
<!--版权-->
<div class="copy_bg">
 <div class="copyright">
  <dl>
   <dt><img src="images/index_r24_c4.jpg" /></dt>
   <dd>
   销售咨询:17791291181 13523662712 邮箱:943589723@qq.com 地址:东莞市大朗镇水口银朗南路513号<br />
Copyright © 2013-2015 河南安普生物科技有限公司 版权所有 <br />
ICP备13033147号-1
   </dd>
  </dl>
  <span><img src="images/index_r25_c31.jpg" /></span>
 </div>
</div>
<!--版权-->



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


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 扁平化 企业 行业 公司 工厂 pc 电脑 蓝色 普通自适应 html+css自适应 html+css响应式 简洁 简约 简单 设备 机械 设备厂 机械厂

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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