
EvenTro - 活动和会议 HTML 模板
# 项目简介
EvenTro 是一款活动管理与策划机构专用的 HTML 模板,适用于创建活动发布会、票务预订、活动日历等场景。模板提供静态 HTML 版本和 Gulp 构建版本,响应式布局,自带深色设置面板、RTL 支持及多页面模板。
## 技术栈
- HTML5 / CSS3
- Bootstrap 5
- jQuery
- Sass(gulp 版本)
- Gulp 4(构建工具)
## 项目结构
```
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
```
## 核心文件说明
- `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` — 项目依赖声明
## 快速开始
**静态 HTML 版本(直接使用):**
直接在浏览器打开 `html version` 目录下的 `index-2.html` 即可预览。
**Gulp 开发版:**
```bash
cd eventrohtml-10/gulp version
npm install
npm run dev # 或 gulp watch,启动本地服务 http://localhost:3000
```
## 使用建议
该模板适合快速搭建活动类展示站点。如需深度定制,推荐使用 gulp 版本,通过 Sass 变量(`--main-hex` 等)统一调整主题配色,WordPress 或其他后端集成时可直接复用 `html version` 中的页面结构和样式。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML