白色扁平风格的温室大棚公司企业网站源码下载



6 21 8



模板描述:白色扁平风格 温室大棚公司 企业网站,白色扁平风格的温室大棚公司企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" type="text/css" href="css/bootsnav.css">
<link rel="stylesheet" href="css/lrtk.css">

2. 引入JS

<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.slides.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script src="js/slide.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootsnav.js"></script>

3. HTML代码

  <!--top-->
  <div class="container projects log1 ">
  <div class="row">
   <div class="col-lg-8 col-md-8 col-xs-12"><img src="images/log.jpg"></div>
   <div class="col-lg-4 col-md-4 pnone"><img src="images/index_r2_c4.jpg"></div>
   </div>
  </div>
  <!--nav-->
 <div class="demo" style="padding-top: 1em ; text-align:center; margin:auto">
 <div class="nav_bg">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<nav class="navbar navbar-default navbar-mobile bootsnav">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
								<i class=""><img src="images/ahome_r2_c13.png"></i>&nbsp;&nbsp;&nbsp;&nbsp; <em style="font-size:16px; color:#666; font-style:normal">欢迎访问温室大棚官网</em>
							</button>
						</div>
						<div class="collapse navbar-collapse" id="navbar-menu">
							<ul class="nav navbar-nav " data-in="fadeInDown" data-out="fadeOutUp">
								<li><a href="#">网站首页</a></li>
								<li><a href="#">关于我们</a></li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">产品中心</a>
									<ul class="dropdown-menu">
										<li><a href="#">大鹏被</a></li>
										<li><a href="#">养殖设备</a></li>
										<li><a href="#">卷帘机</a></li>
                                        <li><a href="#">毛毯</a></li>
									</ul>
								</li>
								<li><a href="#">厂家面貌</a></li>
								<li><a href="#">行业动态</a></li>
								<li><a href="#">在线留言</a></li>
								<li ><a href="#" style="border-right:none">联系我们</a></li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
		</div>
	</div>
 	</div> 
<!--大图
<div class="col-md-12">
<div class="row">
<div id="slides">
    <img src="images/index_r4_c1.jpg">
	<img src="images/index_r4_c1.jpg">
    <img src="images/index_r4_c1.jpg">
    <div class="slidesjs-navigation">
    <a href="javascript:;" class="slidesjs-previous " title="">&lt;</a>
    <a href="javascript:;" class="slidesjs-next" title="">&gt;</a>
    </div>
 </div>   
 </div>-->
 <!-- 代码 开始 -->
    <div class="slide_container">
      <ul class="rslides" id="slider">
        <li>
          <img src="images/index_r4_c1.jpg" alt="">
        </li>
        <li>
          <img src="images/index_r4_c1.jpg" alt="">
        </li>
        <li>
          <img src="images/index_r4_c1.jpg" alt="">
        </li>
      </ul>
    </div>
<!-- 代码 结束 -->
 <!--产品中心--> 
<div class="about_bg">
  <div class="container bt_index text-center ">
   <div class="row">
   <div class="col-md-12">
     <h2>产品中心</h2>
     <i>Product center</i>
     <p>严格的高技术把关,打造世界级质量产品<br><img src="images/index_r6_c4.jpg"></p>
   </div>
  </div>
 </div>
 <!--产品-->
  <div class="container pro_show  ">
   <div class="row">
    <!--left-->
    <div class="col-lg-3 col-md-12 col-xs-12  pro_left ">
    <div class="row">
     <dl>
      <dd><i>></i><a href="#">大棚被</a></dd>
      <dd><i>></i><a href="#">养殖设备</a></dd>
      <dd><i>></i><a href="#">大棚被</a></dd>
      <dd><i>></i><a href="#">大棚被</a></dd>
     </dl>
     </div>
    </div>
    <!--right-->
    <div class="col-lg-9 col-md-12 col-xs-12 pro_right " >
    <div class="row">
      <dl class="col-lg-4 col-md-4 col-sm-6 col-xs-12 " >
      <a href="#">
       <dt><img src="images/index_r18_c14.jpg"  width="248" height="214"></dt>
       <dd>大棚被</dd>
       </a>
      </dl>
       <dl class="col-lg-4 col-md-4 col-sm-6 col-xs-12 ">
      <a href="#">
       <dt><img src="images/index_r8_c5.jpg" width="248" height="214"></dt>
       <dd>大棚被</dd>
       </a>
      </dl>
       <dl class="col-lg-4 col-md-4 col-sm-6 col-xs-12 ">
      <a href="#">
       <dt><img src="images/index_r8_c5.jpg" width="248" height="214"></dt>
       <dd>大棚被</dd>
       </a>
      </dl>
       <dl class="col-lg-4 col-md-4 col-sm-6 col-xs-12 ">
      <a href="#">
       <dt><img src="images/index_r8_c5.jpg" width="248" height="214"></dt>
       <dd>大棚被</dd>
       </a>
      </dl>
       <dl class="col-lg-4 col-md-4 col-sm-6 col-xs-12 ">
      <a href="#">
       <dt><img src="images/index_r8_c5.jpg" width="248" height="214"></dt>
       <dd>大棚被</dd>
       </a>
      </dl>
       <dl class="col-lg-4 col-md-4 col-sm-6 col-xs-12 ">
      <a href="#">
       <dt><img src="images/index_r8_c5.jpg" width="248" height="214"></dt>
       <dd>大棚被</dd>
       </a>
      </dl>
      </div>
    </div>
   </div>
  </div>
   <div class="container bt_index text-center ">
   <div class="row">
   <div class="col-md-12">
     <h2>关于我们</h2>
     <i>About Us</i>
     <p>严格的高技术把关,打造世界级质量产品<br><img src="images/index_r6_c4.jpg"></p>
   </div>
  </div>
 </div>
</div>
<!--about-->
<div class="about_us_bg bg_01">
 <div class="container  ">
   <div class="row">
    <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12  ">
     <h2>温室保温被</h2>
     <p>
     一家专业生产大棚保温被、工程建筑专用保温被、蔬菜保温被和养殖设备的综合型企业,公司位于河北
省唐山市玉田县散水头工业园区,交通便利、四通发达、地理位置优越的美丽富饶的经济重镇。从业经验
丰富,我们更专业!满源牌保温被,养殖设备,厂家定制,自主生产,降低交易成本,选择我们没有错!
公司凭借着强大的技术力量和经济实力,不断研发新产品,以我经济实用、创优质为宗旨,始终注重质量
,努力打造行业精品。
我们的产品畅销全国各地,我们的信用、产品和质量是获得业界认可的。
我公司将一如既往的坚持“以人为本,
     </p>
    </div>
   </div>
 </div>
</div>
<!--行业信息-->
<div class="container bt_index text-center ">
   <div class="row">
   <div class="col-md-12">
     <h2>行业新闻</h2>
     <i>News inf</i>
     <p>严格的高技术把关,打造世界级质量产品<br><img src="images/index_r6_c4.jpg"></p>
   </div>
  </div>
 </div>
 <div class="container   " style="margin-top:20px">
   <div class="row">
    <!--left-->
    <div class="col-lg-6 col-md-6 col-xs-12 news_left">
    <div class="row3">
     <a href="#">
      <img src="images/index_r12_c3.jpg">
     <dl>
      <dt>
       <b>2016</b><br>
       09-20
      </dt>
      <dd>
       <h5>如何给连栋温室降温</h5>
       <p>连栋温室的面积通常比较大,再加上相对比较密闭的环境</p>
      </dd>
     </dl>
     </a>
    </div>
    </div>
    <!--right-->
    <div class="col-lg-6 col-md-6 col-xs-12   news_left ">
    <div class="row4">
     <a href="#" class="right_n">
     <dl>
      <dt>
       <b>2016</b><br>
       09-20
      </dt>
      <dd>
       <h5>如何给连栋温室降温</h5>
       <p>连栋温室的面积通常比较大,再加上相对比较密闭的环境</p>
      </dd>
     </dl>
     </a>
     <a href="#"  class="right_n">
     <dl>
      <dt>
       <b>2016</b><br>
       09-20
      </dt>
      <dd>
       <h5>如何给连栋温室降温</h5>
       <p>连栋温室的面积通常比较大,再加上相对比较密闭的环境</p>
      </dd>
     </dl>
     </a>
     <a href="#" class="right_n">
     <dl>
      <dt>
       <b>2016</b><br>
       09-20
      </dt>
      <dd>
       <h5>如何给连栋温室降温</h5>
       <p>连栋温室的面积通常比较大,再加上相对比较密闭的环境</p>
      </dd>
     </dl>
     </a>
     <a href="#"  class="right_n">
     <dl>
      <dt>
       <b>2016</b><br>
       09-20
      </dt>
      <dd>
       <h5>如何给连栋温室降温</h5>
       <p>连栋温室的面积通常比较大,再加上相对比较密闭的环境</p>
      </dd>
     </dl>
     </a>
    </div>
     </div>
   </div>
 </div>
 <!--链接-->
 <div class="container likns  ">
   <div class="row">
    <img src="images/index_r14_c2.jpg">
    <div class="bt_index" style="margin-top:0">
      <h2>友情链接</h2>
     <i>Links </i>
    </div>
  </div>
 </div>
 <div class="container links_show  ">
  <div class="row">
    <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>
 </div>
 <!--联系-->
 <div class="con_bg">
  <div class="container   ">
  <div class="row">
   <div class="col-md-12">
   <img src="images/index_r16_c8.jpg">
   </div>
  </div>
  </div>
 </div>
 <!--栏目-->
 <div class="lanmu_bg">
  <div class="container ">
  <div class="row">
   <div class="col-md-12">
    <dl>
     <dt>
      关于我们
     </dt>
     <dd>
      <a href="#">公司简介</a>
     </dd>
    </dl>
    <dl>
     <dt>
      关于我们
     </dt>
     <dd>
      <a href="#">产品中心</a>
     </dd>
    </dl>
    <dl>
     <dt>
      关于我们
     </dt>
     <dd>
      <a href="#">大鹏被</a>
     </dd>
     <dd>
      <a href="#">大鹏被</a>
     </dd>
     <dd>
      <a href="#">大鹏被</a>
     </dd>
     <dd>
      <a href="#">大鹏被</a>
     </dd>
    </dl>
    <dl>
     <dt>
      行业动态
     </dt>
     <dd>
      <a href="#">行业动态</a>
     </dd>
    </dl>
    <dl>
     <dt>
      联系我们
     </dt>
     <dd>
      <a href="#">在线留言</a>
     </dd>
     <dd>
      <a href="#">联系我们</a>
     </dd>
    </dl>
    <p>
     <img src="images/index_r18_c14.jpg"><br>
     扫描关注官方微信
    </p>
   </div>
  </div>
 </div>
</div> 
 <div class="copy_bg">
  © 2006-2018    温室保温被    苏ICP备 00-20000000-0    业务许可:苏01.02-20000000    河南省郑州州市工业园区金鸡湖大道099号大厦   
 </div>
     <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->



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


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 扁平化 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 pc+wap 移动+电脑 手机+电脑 白色 农业 农业产品

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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