现代家居装修装潢公司企业整站模板_现代bootstrap响应自适应响应式源码.rar资源-CSDN文库

共77个文件

jpg：39个

png：11个

html：7个

36 浏览量 2023-08-05 15:15:33 上传评论收藏 1.47MB RAR 举报

和提及的是一个用于现代家居装修装潢公司的整站模板，该模板基于Bootstrap框架构建，具有响应式设计，能适应各种设备屏幕大小。Bootstrap是目前广泛使用的前端开发框架，它提供了一套预设的CSS、JS和HTML组件，能够快速构建美观且响应式的网页。中的“网站模板”指的是这个资源可以作为一个基础框架，用于快速搭建网站，节省从零开始设计和编码的时间。“js”和“css”分别代表JavaScript和层叠样式表，它们是网页开发中必不可少的部分。JavaScript是一种客户端脚本语言，用于处理用户交互、动态内容以及与服务器进行数据交换；CSS则用于定义网页的布局和样式，使网页更具视觉吸引力。【压缩包子文件的文件名称列表】中包含了多个关键词，这些关键词反映了模板的设计元素和功能特点： 1. **现代**：表示模板采用了当前流行的网页设计趋势，可能包括简洁的布局、大图背景、扁平化设计等。 2. **家居、装修、装潢**：表明模板主要针对家居装饰行业，可能包含展示家具、装修案例、材料介绍等功能。 3. **企业整站**：意味着这是一个完整的网站解决方案，包括首页、关于我们、服务项目、案例展示、联系我们等多个常规企业网站页面。 4. **沙发、大气、精品、漂亮**：这些词汇暗示了模板可能包含高质量的图像和优雅的设计，以展示家居产品的魅力。 5. **bootstrap、响应式**：表明模板基于Bootstrap框架，并具有响应式布局，能够在手机、平板电脑和桌面电脑上提供一致的用户体验。 6. **案例展示**：模板可能包含专门的模块来展示装修案例，便于潜在客户查看和了解公司的作品。 7. **标准、商务、建材、家纺**：这些词汇可能表示模板适合展示不同类型的家居产品，如标准尺寸的家具、商务风格的装饰、建筑材料和家用纺织品。 8. **w3**：可能指的是W3C标准，表示模板遵循良好的代码规范和Web标准。 9. **手机**：强调模板对移动设备的支持，确保在手机上的浏览体验良好。综合以上信息，我们可以了解到这是一个专为现代家居装修装潢公司设计的、基于Bootstrap的响应式网站模板，包含了各种网页设计元素和功能，旨在帮助企业在互联网上建立专业且吸引人的在线形象，同时确保在不同设备上的良好显示效果。对于开发者来说，利用这样的模板可以快速构建出符合行业特色的网站，提高工作效率。

资源推荐

资源详情

资源评论

收起资源包目录

现代家居装修装潢公司企业整站模板_现代家居装修装潢企业整站沙发大气精品漂亮 bootstrap 响应自适应响应式源码.rar （77个子文件）

现代家居装修装潢公司企业整站模板_现代家居装修装潢企业整站沙发大气精品漂亮 bootstrap 响应式案例展示标准商务建材家纺 w3 手机

cpts_250_kz

pages.html 17KB

modernizr.custom.79639.js 5KB

jquery.chocolat.js 10KB

jquery.flexslider.js 41KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

css

style.css 39KB

flexslider.css 4KB

common.css 310B

bootstrap.css 138KB

style4.css 3KB

chocolat.css 2KB

index.html 11KB

contact.html 5KB

about.html 10KB

single.html 10KB

images

r-3.jpg 8KB

co.png 2KB

prc.png 3KB

w-6.jpg 23KB

o-2.jpg 16KB

port-4.jpg 23KB

r-4.jpg 8KB

b-3.jpg 6KB

nature.jpg 102KB

port-12.jpg 26KB

blog-1.jpg 17KB

prev.png 3KB

w-2.jpg 59KB

bg-1.jpg 87KB

b-1.jpg 7KB

w-4.jpg 8KB

right.gif 67B

o-3.jpg 11KB

abt-3.jpg 19KB

o-5.jpg 16KB

social-icons.png 5KB

blog-2.jpg 18KB

b-2.jpg 11KB

o-1.jpg 11KB

port-10.jpg 17KB

r-1.jpg 6KB

abt-1.jpg 17KB

left.gif 68B

next.png 3KB

port-9.jpg 26KB

port-2.jpg 29KB

port-8.jpg 18KB

team-3.jpg 11KB

w-5.jpg 8KB

icons.svg 1KB

abt-2.jpg 21KB

port-6.jpg 22KB

close.png 3KB

port-11.jpg 17KB

blog-3.jpg 21KB

port-3.jpg 25KB

marker.png 3KB

logo-2.png 7KB

f-1.png 8KB

r-2.jpg 10KB

team-1.jpg 11KB

port-7.jpg 19KB

team-2.jpg 18KB

top-arrow.png 5KB

port-1.jpg 20KB

port-5.jpg 23KB

111.jpg 415KB

nav-icon.png 3KB

blog.html 10KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

gallery.html 7KB

<!DOCTYPE html> <html> <head> <title>Contact</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Majestic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <link href='#css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900' rel='stylesheet' type='text/css'> <script src="js/jquery-1.11.0.min.js"></script>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>  </head> <body>  <div class="header" id="home"> <div class="container"> <div class="logo"> <a href="index.html"><img src="images/logo-2.png" alt=""></a> </div> <div class="navigation"> <span class="menu"></span> <ul class="navig"> <li><a href="index.html">Home</a><span> </span></li> <li><a href="about.html">About</a><span> </span></li> <li><a href="blog.html">Blog</a><span> </span></li> <li><a class="active" href="pages.html">Pages</a><span> </span></li> <li><a href="gallery.html">Gallery</a><span> </span></li> <li><a href="contact.html">Contact</a><span> </span></li> </ul> </div>  <script> $("span.menu").click(function(){ $(" ul.navig").slideToggle("slow" , function(){ }); }); </script>  </div> </div>   <div class="pages"> <div class="container"> <div class="headdings"> <h3 class="ghj">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="Buttons"> <h3 class="ghj">Buttons</h3> <h1 class="b1"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2 class="b2"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3 class="b3"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4 class="b4"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5 class="b5"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6 class="b6"> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h6> </div> <div class="progress-bars"> <h3 class="ghj">Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar pr

评论收藏

内容反馈