项目简介link

Zelda 是一款基于 Bootstrap 5 的电竞与游戏行业专属 HTML5 模板，提供 7 种首页布局变体（电竞、直播、杂志、赛事等），内置 RTL 版本支持阿拉伯语和希伯来语，适用于电竞战队、游戏媒体、赛事直播平台等场景。

技术栈link

• Bootstrap 5.x（响应式框架）
• HTML5 + CSS3 + Sass
• jQuery 3.7.1
• OWL Carousel（轮播组件）
• AJAX（联系表单与订阅功能）

项目结构link

zeldahtml-16/
├── zelda/                          # 主模板（LTR）
│   ├── assets/css/                 # 样式文件
│   │   ├── style.css              # 主样式
│   │   ├── responsive.css         # 响应式样式
│   │   └── dark-style.css         # 深色模式
│   └── *.html                     # 各页面
├── zelda-rtl/                      # RTL 版本
│   ├── assets/css/
│   │   ├── rtl.css                # RTL 适配样式
│   │   └── bootstrap.rtl.min.css # RTL 版 Bootstrap
│   └── *.html
└── documentation/                  # 官方文档
    ├── index.html
    ├── css/style.css
    └── js/main.js

核心文件说明link

• zelda/index.html — 主首页模板，包含导航、英雄区、赛事信息等模块
• zelda/assets/css/style.css — 全局样式表，定义主色调 #3d5198 及字体（Work Sans / Raleway）
• zelda/assets/css/responsive.css — 响应式断点样式（767px / 991px 等）
• zelda/assets/css/dark-style.css — 深色主题样式
• zelda-rtl/ — 完整 RTL 版本目录，含 rtl.css 及 bootstrap.rtl.min.css
• documentation/index.html — 模板官方文档，含自定义说明与集成指南

快速开始link

纯静态模板，无需安装依赖：

1. 进入 zelda 或 zelda-rtl 目录
2. 双击 index.html 在浏览器中打开，或使用本地服务器（如 npx serve .）预览

如需修改样式，推荐使用 VS Code + Live Sass Compiler 插件重新编译 Sass 文件。

使用建议link

• 7 种首页变体通过导航下拉菜单区分（index-2 至 index-7），可根据需要选择复制作为新页面基础
• 模板内置 AJAX 联系表单与 MailChimp 订阅功能，需配置后端服务（如 PHP 或 Netlify Forms）方可生效
• 深色模式通过 dark-style.css 提供，可按需在页面中引入