Zelda v1.6 - Esports & Gaming Bootstrap 5 Template

# 项目简介 Zelda 是一款基于 Bootstrap 5 的电竞与游戏行业专属 HTML5 模板，提供 7 种首页布局变体（电竞、直播、杂志、赛事等），内置 RTL 版本支持阿拉伯语和希伯来语，适用于电竞战队、游戏媒体、赛事直播平台等场景。 ## 技术栈 - Bootstrap 5.x（响应式框架） - HTML5 + CSS3 + Sass - jQuery 3.7.1 - OWL Carousel（轮播组件） - AJAX（联系表单与订阅功能） ## 项目结构 ``` 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 ``` ## 核心文件说明 - `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` — 模板官方文档，含自定义说明与集成指南 ## 快速开始 纯静态模板，无需安装依赖： 1. 进入 `zelda` 或 `zelda-rtl` 目录 2. 双击 `index.html` 在浏览器中打开，或使用本地服务器（如 `npx serve .`）预览 如需修改样式，推荐使用 VS Code + Live Sass Compiler 插件重新编译 Sass 文件。 ## 使用建议 - 7 种首页变体通过导航下拉菜单区分（index-2 至 index-7），可根据需要选择复制作为新页面基础 - 模板内置 AJAX 联系表单与 MailChimp 订阅功能，需配置后端服务（如 PHP 或 Netlify Forms）方可生效 - 深色模式通过 `dark-style.css` 提供，可按需在页面中引入