Forgex - 工厂和工业 HTML 模板 preview 1

Forgex - 工厂和工业 HTML 模板

bookmark

Forgex 是一款面向工业与制造业企业的响应式 HTML 模板,包含 6 种不同风格首页(Industrial、Construction、Building、Shipping、Manufacturing、Engineering),适合工厂、工程公司建立官网。纯静态结构,无需构建工具,直接在浏览器中打开即可预览。

HTML

项目简介

Forgex 是一款面向工业与制造业企业的响应式 HTML 模板,包含 6 种不同风格首页(Industrial、Construction、Building、Shipping、Manufacturing、Engineering),适合工厂、工程公司建立官网。纯静态结构,无需构建工具,直接在浏览器中打开即可预览。

技术栈

  • Bootstrap 5.x(布局与栅格)
  • jQuery(DOM 操作与交互)
  • Swiper(轮播组件)
  • GSAP + ScrollTrigger(高级动画)
  • Lenis(平滑滚动)
  • FontAwesome 6(图标)
  • SCSS(如需自定义样式)

项目结构

text
forgexhtml-10/
├── Documentation/          # 官方文档站点
│   ├── index.html
│   └── assets/css/main.css
└── forgex-html/            # 实际使用的模板
    ├── index.html          # 首页(Industrial)
    ├── index-2~6.html      # 其他风格首页
    ├── about.html          # 关于我们
    ├── services.html       # 服务列表
    ├── blog.html           # 博客
    ├── contact.html        # 联系方式
    └── assets/
        ├── css/main.css    # 主题样式
        ├── js/main.js      # 交互逻辑
        ├── img/            # 图片资源
        └── fonts/          # 字体文件

核心文件说明

  • forgex-html/index.html — 主首页入口,包含顶部导航与轮播区
  • forgex-html/assets/js/main.js — 动画、轮播、平滑滚动的全部交互逻辑
  • forgex-html/assets/css/main.css — 完整主题样式(约 6000 行)
  • forgex-html/index-2~6.html — 6 种不同行业风格的首页变体
  • Documentation/index.html — 官方使用文档

快速开始

直接在浏览器中打开 forgex-html/index.html 即可查看效果。如需本地服务器运行,可使用:

bash
npx serve forgexhtml-10/forgex-html

使用建议

  • 每个 index-*.html 对应不同行业场景,按需选用;替换 Logo、图片与文案后即可投入使用
  • 模板依赖 CDN 加载字体与图标,需保持网络连接;如需离线使用请自行下载相关资源到本地 assets 目录
help_outline

常见问题