bootstrap页面模板
工业和建筑行业公司网站bootstrap模板
Induscity是一套大气的企业网站HTML5模板，专门为一些大型企业，如工业、工厂,工程机械业务,电力、铁路业务,飞机,船舶,石油天然气业务等网站。模板有所有必要的功能为您的网上业务，比如项目,博客,证明和关于资料页面等。
主要特色
Bootstrap3.3.4充分响应式大图轮播插件平滑过渡效果HTML5和CSS3工业和建筑行业公司网站bootstrap模板（共315个文件）
css
fonts
images
inc js
源码获取，前端学习交流私信“123”
8个顶级React.js免费模板
前言您可能知道，React.js是用于构建用户界面的Javascript库。在过去的几年中，UI和UX套件大受欢迎，并且初创公司开始创建许多免费和付费版本的模板，仪表板和套件。React.js由Facebook和少数个人和公司维护。
当您要确保目标网页，Web或移动应用程序完美像素化，从上至下进行抛光时，可以使用Bootstrap React.js模板。
根据小伙伴们的反馈，之前小编发布的推荐36种免费React模板和主题「干货」和 收集22种开源Vue模板和主题框架「干货」还是不满足，强烈要求小编再分享一些优质的React.js免费模板。说实话，小编太难了。
这是我们最喜欢的React.js免费模板：
Now UI Kit React演示：?_ga=2.103798536.923676954.1591340660-1187394003.1591155183#/index
地址：
现在，UI Kit是在线上最受欢迎的UI Kit之一，由Invision提供PSD和Sketch格式。我们想为全球的开发人员找到一种使用它的方法。因此，我们将与Invision合作推出它的React版本！
Material Kit React演示：?_ga=2.137812536.923676954.1591340660-1187394003.1591155183#/
地址：
这是一个免费的 Material-UI@4.1.0 套件，其灵感来自Google的材料设计，并具有全新的设计。 Material Kit React利用光线，表面和运动。它使用了故意的颜色选择，边缘到边缘的图像以及大规模的排版。总体布局类似于遵循多个不同层次的纸张，因此深度和顺序显而易见。导航主要停留在左侧，而动作则停留在右侧。
注意：这个漂亮的UI-Kit现在可以作为全栈Web应用程序使用，其编码为不同的后端：Node.js / Express，Flask和Laravel – AppSeed提供的应用程序。
Shards演示：
地址：
Shards Dashboard React是免费的React admin仪表板模板包，具有现代设计系统以及许多自定义模板和组件。
Light Bootstrap Dashboard React演示：?_ga=2.211942940.923676954.1591340660-1187394003.1591155183#/admin/dashboard
地址：
Light Bootstrap Dashboard React是一个管理仪表板模板，旨在美观而简单。它建立在 Light Bootstrap仪表板 和React JS之上， 并且具有完全响应能力。它带有大量元素，将为您提供多种可能性，以创建最适合您需求的应用程序。您可以使用它来创建管理面板，项目管理系统，Web应用程序后端，CMS或CRM。
Tabler React演示：
地址：
这是Tabler React，这是一个免费的管理仪表板模板，具有简单而优雅的设计和许多自定义组件。Tabler React旨在为您提供有用的管理模板，具有极简且简洁的组件，小部件和元素。具体来说，它具有卡片，图表，定价卡，地图，图标，表单，页面和画廊。可用的页面包括配置文件，登录，注册，忘记密码，电子邮件，RTL等。
React Material Admin Template演示：#/?_k=qov0l7
地址：
这是一个使用React 和 Material-UI 组件的简单响应式管理模板 。
Paper Kit React演示：?_ga=2.112318092.923676954.1591340660-1187394003.1591155183#/index
地址：
Paper Kit React是一个免费的Bootstrap 4，React，React Hooks和Reactstrap UI Kit，具有浅色，漂亮的字体和周到的图纸。我们创建它时要考虑到纸张和图纸。
所有组件均具有充分的响应能力，并且在每个屏幕尺寸上均显示出色。过渡，阴影，颜色，它们都类似于使用纸张时的流程。
React Blur AdminReact Blur Admin具有出色的深色方案，其中包含许多组件。它包含表格，表单，地图，图表，UI功能，通知和基本组件。直观而有用的页面包括登录，注册，用户个人资料和404页面。
最后的想法找到一个好看的免费React 模板真的很难，对吗？我们希望该列表将帮助您更轻松地确定适合您需求的仪表板。我们会不断更新列表，以使模板变得新鲜。
推荐React 学习相关文章《推荐36种免费React模板和主题「干货」》
《「笔记」React Hooks 深入细品系列》
《这就是你日思夜想的 React 原生动态加载「值得收藏」》
《「干货满满」React Hooks 最佳实践》
《手把手教你如何实现一个React水印组件「实践」》
《「实践」React 中必会的 10 个概念》
《「干货」深入浅出React组件逻辑复用的那些事儿》
《手把手教你从Mixin深入到HOC再到Hook【React】》
《深入Facebook 官方React 状态管理器Recoil讲解》
《手把手教你实践搭建React组件库「超详细」》
《在 React 中自动复制文本到剪贴板「实践」》
《「干货满满」从零实现 react-redux》
《深入详解大佬用33行代码实现了React》
《让你的 React 组件性能跑得再快一点「实践」》
《React源码分析与实现(三)：实践 DOM Diff》
《React源码分析与实现(一)：组件的初始化与渲染「实践篇」》
《React源码分析与实现(二)：状态、属性更新->setState「实践篇」》
《细说React 核心设计中的闪光点》
《手把手教你10个案例理解React hooks的渲染逻辑「实践」》
《React-Redux 100行代码简易版探究原理》
《手把手深入教你5个技巧编写更好的React代码【实践】》
《React 函数式组件性能优化知识点指南汇总》
《13个精选的React JS框架》
《深入浅出画图讲解React Diff原理【实践】》
《【React深入】React事件机制》
《Vue 3.0 Beta 和React 开发者分别杠上了》
《手把手深入Redux react-redux中间件设计及原理（上）【实践】》
《手把手深入Redux react-redux中间件设计及原理（下）【实践】》
《前端框架用vue还是react？清晰对比两者差异》
《为了学好 React Hooks, 我解析了 Vue Composition API》
《【React 高级进阶】探索 store 设计、从零实现 react-redux》
《写React Hooks前必读》
《深入浅出掌握React 与 React Native这两个框架》
《可靠React组件设计的7个准则之SRP》
《React Router v6 新特性及迁移指南》
《用React Hooks做一个搜索栏》
《你需要的 React + TypeScript 50 条规范和经验》
《手把手教你绕开React useEffect的陷阱》
《浅析 React / Vue 跨端渲染原理与实现》
《React 开发必须知道的 34 个技巧【近1W字】》
《三张图详细解说React组件的生命周期》
《手把手教你深入浅出实现Vue3 & React Hooks新UI Modal弹窗》
《手把手教你搭建一个React TS 项目模板》
《全平台（Vue/React/微信小程序）任意角度旋图片裁剪组件》
《40行代码把Vue3的响应式集成进React做状态管理》
《手把手教你深入浅出React 迷惑的问题点【完整版】》
对后端非常友好的静态Bootstrap管理模板——LightYearAdmin
介绍光年后台管理模板(Light Year Admin)是一个基于Bootstrap v3.3.7的后台HTML模板。作为后端开发人员，自己在做一些简单系统时，经常为了后台的模板烦恼，因此今天向大家介绍一个对后端开发人员比较友好的管理模板，模板的作者本人也是一名开发人员，因此结合后端人员一些特点而开发的一套基于Bootstrap的管理模板，界面真的非常漂亮，而且功能也能满足大多数人需求！
Gitee坐标作者考虑到不同人群的开发习惯和方式，一共分为两半版本，一种是自带tab标签页的iframe版，另一种则是普通的页面版，可根据自己需要和业务需求选择不同的版本。
模板说明普通版网站主题切换，有默认白色，黑色，和渐变蓝绿色的半透明三种。另外：logo、顶部和侧边栏可单独调整颜色(黑色和半透明主题时选择白色不变)。
增加主题切换，增加了很多css，如果你不需要有主题切换功能，可将多余的内容删除掉。
HTML页面中删除掉<!--切换主题配色-->之间的内容js中删除 line 137 - line 146css中删除 line 2937 - line 3946主题切换并没有存到cookie中，大家根据自己实际情况，做cookie存储或者其他方式。
jquery-cookie保存设置示例// 读取cookie中的主题设置 var the_logo_bg = $.cookie('the_logo_bg'), the_header_bg = $.cookie('the_header_bg'), the_sidebar_bg = $.cookie('the_sidebar_bg'), the_site_theme = $.cookie('the_site_theme'); console.log(the_logo_bg); if (the_logo_bg) $('body').attr('data-logobg', the_logo_bg); if (the_header_bg) $('body').attr('data-headerbg', the_header_bg); if (the_sidebar_bg) $('body').attr('data-sidebarbg', the_sidebar_bg); if (the_site_theme) $('body').attr('data-theme', the_site_theme); // 设置主题配色 setTheme = function(input_name, data_name) { $("input[name='"+input_name+"']").click(function(){ $('body').attr(data_name, $(this).val()); $.cookie('the_'+input_name, $(this).val()); }); } setTheme('site_theme', 'data-theme'); setTheme('logo_bg', 'data-logobg'); setTheme('header_bg', 'data-headerbg'); setTheme('sidebar_bg', 'data-sidebarbg');iframe版
项目在Light Year Admin的基础上整理修改而来，用到了开源项目Bootstrap-Multitabs来实现多标签页，稍微做了一些修改。
相对于Light Year Admin的项目，去掉了暗黑和半透明的两个主题所有需要的链接加上class="multitabs"因为插件做了一些修改，在顶部的下拉菜单(dropdown-menu)中，不要把链接写在href里面，放到data-url里插件用到了HTML5的会话存储，因此在修改了init里的默认地址后，可以再浏览器控制台执行下sessionStorage.clear(); // cache配置为true时引用的第三方开源项目或者插件普通版：
Bootstrap(去掉了自带的字体图标)jQuerybootstrap-colorpickerbootstrap-datepickerbootstrap-datetimepickerion-rangesliderjquery-confirmjquery-tags-inputbootstrap-notifyChart.jschosen.jquery.jsperfect-scrollbariframe版本：
Bootstrap(去掉了自带的字体图标)JQuerybootstrap-colorpickerbootstrap-datepickerbootstrap-datetimepickerion-rangesliderjquery-confirmjquery-tags-inputbootstrap-notifyChart.jschosen.jquery.jsperfect-scrollbarBootstrap-Multitabs模板截图一共有两个版本，这里我们选择带有tab的iframe版本的进行截图演示：
以上是部分页面的截图，已经包括了很多功能在里面，包括列表、表单、分步表单、主体配色、多级菜单、模态框、确认框、提示、登录、404等！另附两张普通版中的暗色系以及彩色系主题：
总结LightYearAdmin管理模板对后端人员可以说非常的友好了，笔者认为从配色、样式、布局、操作等方面都非常友好，如果你正好缺一款属于适合的模板，不妨试试看！
PS:相关文件在Gitee上都可以下载，这是纯静态模板，适合任何后端语言进行配合开发！大家也可以多多支持模板作者！谢谢！