蓝色的建材公司官网模板html.zip资源-CSDN文库

共49个文件

png：28个

jpg：14个

js：3个

版权申诉

184 浏览量 2021-12-24 13:25:22 上传评论收藏 2.96MB ZIP 举报

"蓝色的建材公司官网模板html.zip"是一个压缩包文件，内含构建一个以蓝色为主色调的建材公司官方网站的HTML模板。这样的模板通常包括基础网页结构、样式设计、交互脚本以及图像资源，旨在为网站开发提供快速启动的框架。 "蓝色的建材公司官网模板html"说明这个模板主要采用蓝色作为主题颜色，符合许多企业对专业、稳重形象的需求。建材公司官网可能展示产品、服务、案例、公司介绍等内容，而蓝色调能够传达信任和可靠的形象，适合这类行业。虽然没有提供具体的标签，但我们可以推断出几个相关的关键词： 1. HTML模板：HTML（HyperText Markup Language）是网页内容的结构语言，模板则是预先设计好的布局和元素，用于快速创建网页。 2. 蓝色调：设计中的色彩选择，强调专业性和信任感。 3. 建材公司：行业背景，表明模板适用于建筑和建材相关的企业。 4. 官网：表明这是用于官方网站建设的模板，需要展示公司品牌形象和业务信息。【压缩包子文件的文件名称列表】中包含的关键文件如下： 1. **index.html**：这是网站的主页面，包含了网站的基本结构和内容，通常会引入其他CSS和JavaScript文件以实现样式和交互功能。 2. **bitbug_favicon.ico**：网站的图标，显示在浏览器的地址栏和收藏夹中，代表网站的视觉标识。 3. **jquery-1.11.2.min.js**：这是一个jQuery库的版本，jQuery是一个广泛使用的JavaScript库，简化了DOM操作、事件处理和动画效果，提高网站的交互性。 4. **TouchSlide.1.1.source.js** 和 **TouchSlide.1.1.js**：这两个文件是TouchSlide插件的源代码和压缩版本，用于实现触摸设备上的滑动效果，如产品展示或轮播图。 5. **images**：这个目录包含了网站使用的图像资源，如产品图片、公司照片等。 6. **css**：这个目录存储了CSS（Cascading Style Sheets）文件，用来定义网页的布局、颜色、字体等视觉样式。通过这些文件，我们可以了解到这个模板使用了jQuery和TouchSlide插件来增强用户体验，特别是对于移动设备的支持。同时，HTML和CSS文件负责页面的结构和外观，而图像资源则提供了视觉吸引力。对于建材公司来说，这样的模板可以快速搭建一个具有专业形象的在线平台，展示产品和服务，吸引潜在客户。

资源推荐

资源详情

资源评论

收起资源包目录

蓝色的建材公司官网模板html.zip （49个子文件）

TouchSlide.1.1.source.js 13KB

TouchSlide.1.1.js 6KB

jquery-1.11.2.min.js 94KB

css

style.css 7KB

bitbug_favicon.ico 4KB

index.html 10KB

images

02.jpg 231KB

x7o9.jpg 925B

vgxa.jpg 8KB

1_7tu7.jpg 21KB

lianxiBg.png 9KB

2_f691.jpg 360KB

1_q5oh.jpg 16KB

jianjieBg.png 9KB

qr_layerb5408f4ad9308d184918b11ee3b3f7bf_i5ed.png 4KB

1_19ex.png 80KB

4_h3ry.png 98KB

Thumbs.db 105KB

1_zs2g.png 53KB

02.png 11KB

navwrapBg.png 219B

bannerBg.jpg 277KB

3_s4p2.png 106KB

01.jpg 157KB

ezqe_k3bp.jpg 13KB

1_zbp1.png 59KB

rencaiBg.png 9KB

01.png 11KB

1_nsmh.png 110KB

conBg1.png 14KB

1_mpmi_r2_c4.png 9KB

2_njxg.png 97KB

newBg.png 9KB

arr.png 46KB

1_mpmi.png 26KB

21.png 1KB

chanpinBg.png 13KB

5_3n7x.png 105KB

3_7kqf.jpg 218KB

1jdd_sism.png 4KB

1_2s3u.png 4KB

zhaopinBg.png 9KB

shaomiaoBG.png 23KB

1_6y63.jpg 296KB

1_fene.png 12KB

03.jpg 188KB

sba1_z1e1.png 7KB

vycb_3ugr.jpg 13KB

6_24p5.jpg 255KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" /> <title>云南圣比奥建材有限公司</title> <script src="jquery-1.11.2.min.js"></script> <script src="TouchSlide.1.1.source.js"></script> <script> $(function() { var num =0; var liNum =0; var ulDis=0; var timer=null; $('.banner ul li:first').clone().appendTo($('.banner ul')); $('.right').click(function(event) { fn(); }); function fn(){ num++; liNum++; if(num>3){ num=1; $('.banner ul').css('left',0); } if(liNum>3){liNum=0} $('.banner ol li').eq(liNum).addClass('current').siblings().removeClass('current'); ulDis=-num*$('.banner').width(); $('.banner ul').animate({left:ulDis},500); } $('.left').click(function(event) { num--; liNum--; if(num<0){ num=3; $('.banner ul').css('left',-4632); } if(liNum<0){liNum=3} $('.banner ol li').eq(liNum).addClass('current').siblings().removeClass('current'); ulDis=-num*$('.banner').width(); $('.banner ul').animate({left:ulDis},500); }); $('.banner ol li').mouseover(function(event) { liNum=$(this).index(); $('.banner ol li').eq(liNum).addClass('current').siblings().removeClass('current'); num=$(this).index(); ulDis=-num*$('.banner').width(); $('.banner ul').animate({left:ulDis},500); }); timer=setInterval(fn,2000); $('.banner').hover(function() { clearInterval(timer); }, function() { timer=setInterval(fn,2000); }); }); </script> <link rel="shortcut icon" href="bitbug_favicon.ico"> <link rel="stylesheet" type="text/css" href="css/style.css" > </head> <body> <div class="headerwrap"> <h1><a href="#"><img src="images/1_fene.png" alt="" /></a></h1> </div> <div class="navwrap"> <div class="nav"> <ul> <li><a href="#">首页</a></li> <li><a href="#" class="one">圣比奥</a></li> <li><a href="#">文化</a></li> <li><a href="#">资讯</a></li> <li><a href="#">产品</a></li> <li><a href="#">联系</a></li> </ul> </div> </div> <div class="bannerwrap"> <div class="banner"> <ul> <li class="current"><a href="#"><img src="images/bannerBg.jpg" alt="" /></a></li> <li><a href="#"><img src="images/02.jpg" alt="" /></a></li> <li><a href="#"><img src="images/03.jpg" alt="" /></a></li> </ul> <ol> <li class="current"></li> <li></li> <li></li> </ol> <span class="left"></span> <span class="right"></span> </div> </div> <div class="conwrap"> <div class="conleft"> <dl> <dt class="title"></dt><span></span> <dt class="photo"></dt> <dt class="wenzi"> <p> 云南圣比奥建材有限公司始建于2011年，地处云南省大理州祥云财富工业园区内，交通便利，集研发、生产、销售及售后服务于一体的新型专业混凝土外加剂生产企业，公司通过ISO9001：2008质量管理体系认证、 ISO14001：2004环境管理体系认证、GB/T28001-2011职业健康安全管理体系认证，3C产品认证、CRCC铁路认证，已成为中国混凝土协会会员单位，拥有完善的质量监控设备和整套混凝土试验检测仪器，凭借一流的生产技术，科学、严谨的管理体系，高素质技术研发团队，坚持“人才为本，科技领先，用户至上”的经营理念，创立“圣比奥”品牌。外加剂产品已被评为“云南名牌”，“云南著名商标”。<br/></p> <p>公司占地面积30000㎡，建筑面积20000㎡，拥有国际先进水平全自动化配套萘系高效减水剂生产线和聚羧酸盐高性能减水剂生产线各两条……</p> </dt> </dl> </div> <div class="conright"> <dl> <dt class="wenhua"></dt> <dt class="tu"></dt> <dt class="zi"> <p><span><strong>企业理念：</strong></span>务实拓新至精至诚规范优质高效快速安全</p> <p><span><strong>战略规划：</strong></span>创造超越产品的自身价值建立至诚至善的合作关系</p> <p><span><strong>企业宗旨：</strong></span>卓尔不群超越自我宏图明天鹏程万里</p> </dt> </dl> </div> <div class="new"> <dl class="top"> <dt class="jianjie"> <p></p><span class="more">+MORE</span> <div class="box"> <span ><img src="images/1_7tu7.jpg" alt="" /></span> <span class="wenzi">云南圣比奥建材有限公司秉承“扎根云南，辐射全国”的理念，先后在黑龙江，辽宁锦州，内蒙古分别成立了黑龙江锦州凌云建材有限公司，锡林浩特万明工贸有限公司和凌云建材双鸭山分公司... ...</span> </div> </dt> <dt class="chanpin"> <p class="tixi"></p> <div class="box"> <div class="boxes"> <ul> <li><a href="#">SBA-1 萘系高效减水剂</a></li> <li><a href="#">SBA-2 缓凝高效减水剂</a></li> <li><a href="#">SBA-3 缓凝高效减水剂</a></li> </ul> <ul class="two"> <li><a href="#">SBA-1 萘系高效减水剂</a></li> <li><a href="#">SBA-2 缓凝高效减水剂</a></li> <li><a href="#">SBA-3 缓凝高效减水剂</a></li> </ul> <ul class="two"> <li><a href="#">SBA-1 萘系高效减水剂</a></li> <li><a href="#">SBA-2 缓凝高效减水剂</a></li> <li><a href="#">SBA-3 缓凝高效减水剂</a></li> </ul> <ul class="two"> <li><a href="#">SBA-1 萘系高效减水剂</a></li> <li><a href="#">SBA-2 缓凝高效减水剂</a></li> <li><a href="#" class="more">SBA-3 缓凝高效减水剂</a></li> </ul> </div> </div> </dt> <dt class="zhaopin"> <div class="box"> <p class="titleBg"></p><span>+MORE</span> <span class="wenzi"> 云南圣比奥建材有限公司坚持“以人为本”的人才发展思路，注重人才培养，实现员工和企业的共同发展。</span> <div class="three"> <ul> <li class="left"><img src="images/01.png" alt="" /></li> <li class="right"><img src="images/02.png" alt="" /></li> </ul> </div> </div> </dt> </dl> <div class="new"> <dl class="top"> <dt class="jianjie"> <div class="box"> <ul class="shicha"> <li class="one"><img src="images/1_nsmh.png" alt="" /></li> <li><img src="images/2_njxg.png" alt="" /></li> <li><img src="images/3_s4p2.png" alt="" /></li> <li><img src="images/4_h3ry.png" alt="" /></li> <li><img src="images/5_3n7x.png" alt="" /></li> </ul> <ol> <li class="two">1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ol> </div> </dt> <dt class="chanpin"> <p><img src="images/newBg.png" alt="" /></p> <div class="box"> <div class="boxes"> <ul class="news"> <li> <p >州工信委领导莅临我司视察指导工作</p> <span>2015-08-05</span> </li> <li> <p>云南圣比奥建材有限公司欢饮您！</p> <span>2015-08-05</span> </li> <li> <p>我司新版网站正式上线使用！</p><span>2015-08-05</span> </li> <li> <p>2015年度公司招聘大会将在祥云工业园区内举行</p> <span>2015-08-05</span> </li> <li> <p>圣比奥建材混凝土外加剂项目环评拟审批公示</p> <span>2015-08-05</span> </li> <li> <p>云南圣比奥建材有�

评论收藏

内容反馈

版权申诉