项目简介link

Pyrion 是一款面向工厂与工业领域的 Bootstrap 5 HTML 模板，包含首页、关于我们、服务、案例、团队博客、联系页面等完整页面模板，适合快速搭建工业制造类企业官网。模板采用响应式布局，集成 Swiper 轮播、Wow 动画、CounterUp 数字滚动等交互效果。

技术栈link

• Bootstrap 5（响应式布局框架）
• jQuery 3.7.1（DOM 操作与交互）
• Swiper Slider（轮播组件）
• Font Awesome 6（图标库）
• Google Fonts（Lexend、Space Grotesk 字体）
• SCSS（源码样式管理）

项目结构link

pyrion-package-file/
  documentation/          # 官方文档入口
    index.html
    assets/css/           # 文档样式
    assets/js/             # 文档脚本
    assets/images/        # 文档配图
  pyrion/                 # 模板主目录
    index.html            # 首页
    about.html            # 关于我们
    services.html         # 服务列表
    service-details.html  # 服务详情
    projects.html         # 案例列表
    project-details.html  # 案例详情
    team.html             # 团队页
    team-single.html      # 成员详情
    blog.html              # 博客列表
    blog-details.html      # 博客详情
    contact.html          # 联系我们
    index-two.html        # 首页变体
    assets/
      css/main.css        # 主样式
      js/main.js          # 主交互脚本
      scss/main.scss       # SCSS 源码
      ajax-form.js        # 表单异步提交
      mail.php            # 后端邮件接口

核心文件说明link

• pyrion/index.html — 模板首页入口，包含 Header、Hero、Services、Projects 等完整区块
• pyrion/assets/css/main.css — 聚合后的主样式表，覆盖 43 个功能区块
• pyrion/assets/js/main.js — 核心交互逻辑，含移动端菜单、Sticky 头部、Swiper 初始化等
• pyrion/assets/scss/main.scss — SCSS 源码，适合深度定制主题色与布局
• pyrion/assets/mail.php — 简易 PHP 邮件接口，连接联系表单后端
• documentation/index.html — 官方文档导航页，含 HTML/CSS/JS 结构说明与二次开发指引

快速开始link

1. 直接在浏览器打开 pyrion/index.html 即可预览完整效果
2. 编辑 pyrion/assets/css/main.css 中的 CSS 变量（:root 区块）可快速更换主题色
3. 如需发送邮件功能，将 pyrion/assets/mail.php 部署至支持 PHP 的服务器

使用建议link

模板内置深色 Header（#241442）与橙色强调色（#F74F22）搭配，适合工业/制造业品牌调性；若用于其他行业，建议通过 SCSS 变量批量调整 --theme、--header 等配色方案。发布前请记得替换 Logo、图片及 mail.php 中的收件人地址。