白色扁平风格的生物科技公司企业网站源码下载



4 15 6



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

代码结构

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<!--top-->
<div class="top_bg">
 <div class="wrap">
  <dl class="ss">
   <dt>
    <input type="text" class="form-control" id="name" placeholder="请输入名称">
   </dt>
   <dd>
   <button type="submit" class="btn-default"></button>
   </dd>
  </dl>
  <ul class="nav">
   <li>
    <a href="index.html">网站首页</a>
   </li>
   <li>
    <a href="about.html">企业简介</a>
   </li>
    <li>
    <a href="news.html">公司动态</a>
   </li>
   <li>
    <a href="pro.html">产品介绍</a>
   </li>
    <li>
    <a href="#">质量承诺</a>
   </li>
   <li>
    <a href="wangluo.html">销量网络</a>
   </li>
    <li>
    <a href="客户留言.html">客户留言</a>
   </li>
   <li>
    <a href="联系我们.html">联系我们</a>
   </li>
  </ul>
 </div>
</div>
<!--js-->
<div class="w100 clearfix overflow ">
<div class="flexslider" >
  <ul class="slides">
    <li style="background: url(images/index_r2_c1.jpg) 50% 0 no-repeat; z-index:1"></li>
    <li style="background:url(images/index_r2_c1.jpg) 50% 0 no-repeat; z-index:1"></li>
    <li style="background:url(images/index_r2_c1.jpg) 50% 0 no-repeat; z-index:1"></li>
  </ul>
</div>
<!-- 代码end --> 
<script src="js/jquery.flexslider-min.js"></script> 
<script>
$(function(){
	$('.flexslider').flexslider({
		directionNav: true,
		pauseOnAction: false
	});
});
</script> 
</div>
<!--about-->
<div class=" wrap overflow clearfix mt30">
 <!--left-->
 <div class="about_l fl overflow pt40">
  <dl> 
   <dt>山西依菲普生物科技有限公司</dt>
   <dd><img src="images/index_r5_c2.jpg"></dd>
  </dl>
  <figure class="pt40"><img src="images/index_r7_c6.jpg"></figure>
  <ol class="fr pt30"><a href="#"><img src="images/index_r9_c8.jpg"> 查看详情+</a></ol>
 </div>
 <!--right-->
 <div class="about_r fr overflow">
  <div class="about_bg">
   <p>
   依菲普公司始创于1998年,是集兽药、水产药品、微生态制剂、卫生消毒剂研发、开发、生产、销售于一
体的高新技术企业,公司2005年通过国家兽药GMP认证,2010年10月第二次复检,于2015年11月
七条生产线(粉剂、散剂、预混剂、液体杀虫剂、液体消毒剂、固体杀虫剂、固体消毒剂)通过农业部GM
P第三次复检验收。<br>
公司具有检验设备完善的化验室以及药敏实验室。从原料的采购、生产、销售等每个环节都严格遵守兽药G
MP进行操作管理
   </p>
  </div>
 </div>
</div>
<!--产品推荐-->
<div class="pro_bg overflow w100 clearfix mt40" >
 <div class="wrap overflow">
  <div class="pro_bt f16">
    <em>HOT PRODUCT</em><br>畅销产品
  </div>
  <!--滚动-->
  <div class="img-scroll">
    <span class="prev"><img src="images/index_r16_c15.jpg" /></span>
    <span class="next"><img src="images/index_r16_c18.jpg"/></span>
    <div class="img-list">
    <div class="img_list1">
     <ul>
     <li>
     <a href="#">
      <figure>
       <img src="images/index_r14_c11.jpg" width="236" height="246">
      </figure>
      <span>
        中药活性碘
      </span>
      </a>
     </li>
     <li>
     <a href="#">
      <figure>
       <img src="images/index_r14_c11.jpg" width="236" height="246">
      </figure>
      <span>
        中药活性碘1
      </span>
      </a>
     </li>
     <li>
     <a href="#">
      <figure>
       <img src="images/index_r14_c11.jpg" width="236" height="246">
      </figure>
      <span>
        中药活性碘4
      </span>
      </a>
     </li>
     <li>
     <a href="#">
      <figure>
       <img src="images/index_r14_c11.jpg" width="236" height="246">
      </figure>
      <span>
        中药活性2碘
      </span>
      </a>
     </li>
     <li>
     <a href="#">
      <figure>
       <img src="images/index_r14_c11.jpg" width="236" height="246">
      </figure>
      <span>
        中药活性碘5
      </span>
      </a>
     </li>
     </ul>
     </div>
    </div>
    </div>
 </div>
</div>
<!--ad-->
<div class="wrap pt40 overflow clearfix">
 <a href="#"><img src="images/index_r18_c3.jpg"></a>
</div>
<!--版权-->
<div class="copy_bg overflow clearfix mt40">
 <div class="wrap overflow">
  <dl class="fl">
   <dt class="fl">
    <img src="images/index_r20_c5.jpg">
   </dt>
   <dd class="fr ml50 pt50">
    <p><a href="#" class="f16 mr20 tl hui">企业简介</a>       <a href="#" class="f16 mr20 tl hui">公司动态</a>        <a href="#" class="f16 mr20 tl hui"> 产品介绍</a>         <a href="#" class="f16 mr20 tl hui">质量承诺</a>        <a href="#" class="f16 mr20 tl hui"> 销量网络</a></p>
    <p class="tl pt40">
    Copyright © 2017 soaring.so All Rights Reserved. 版权所有<br>
地址:九龙尖沙咀广东道9号海港城港威大厦6座
    </p>
   </dd>
  </dl>
  <ol class="fr pt50">
   <img src="images/index_r21_c21.jpg"><br>
   关注我们
  </ol>
 </div>
</div>



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


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 扁平化 企业 行业 公司 工厂 pc 电脑 网络科技 科技公司 网络科技公司 IT公司 网络公司 软件公司 IT软件公司 普通自适应 html+css自适应 html+css响应式 简洁 简约 简单 白色

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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