项目简介link

EvenTro 是一款活动管理与策划机构专用的 HTML 模板，适用于创建活动发布会、票务预订、活动日历等场景。模板提供静态 HTML 版本和 Gulp 构建版本，响应式布局，自带深色设置面板、RTL 支持及多页面模板。

技术栈link

• HTML5 / CSS3
• Bootstrap 5
• jQuery
• Sass（gulp 版本）
• Gulp 4（构建工具）

项目结构link

eventrohtml-10/
├── documentation/          # 模板使用文档
├── html version/           # 静态 HTML 页面（直接使用）
│   ├── assets/
│   │   ├── css/
│   │   └── js/
│   ├── about.html
│   ├── all-events.html
│   ├── blog-list.html
│   ├── contact.html
│   ├── index-2.html
│   └── ...（多页面模板）
└── gulp version/           # Gulp 开发版（需编译）
    ├── src/
    ├── gulpfile.js
    └── package.json

核心文件说明link

• html version/index-2.html — 首页模板入口
• html version/assets/js/main.js — 交互逻辑：移动端菜单、回到顶部、Toast 通知、主题设置
• html version/assets/css/main.css — 主样式文件，含 CSS 变量、工具类和组件样式
• gulp version/gulpfile.js — Gulp 任务配置（BrowserSync、Sass 编译、图片压缩等）
• gulp version/package.json — 项目依赖声明

快速开始link

静态 HTML 版本（直接使用）：

直接在浏览器打开 html version 目录下的 index-2.html 即可预览。

Gulp 开发版：

cd eventrohtml-10/gulp version
npm install
npm run dev        # 或 gulp watch，启动本地服务 http://localhost:3000

使用建议link

该模板适合快速搭建活动类展示站点。如需深度定制，推荐使用 gulp 版本，通过 Sass 变量（--main-hex 等）统一调整主题配色，WordPress 或其他后端集成时可直接复用 html version 中的页面结构和样式。