Carity - 非政府组织、慈善机构、捐赠和筹款 HTML5 模板

# 项目简介 Carity 是一款面向非营利组织（NGO / 慈善机构）的响应式 HTML5 网站模板，提供首页、博客、捐赠、活动、志愿者招募等多个预置页面，适合快速搭建慈善或公益组织官网。 ## 技术栈 - HTML5 - Bootstrap v5.1.3 - jQuery 及配套插件（Owl Carousel、Swiper、Magnific Popup 等） - CSS 模块化结构（module-css/ 分目录管理） - Google Fonts（Rubik、Nunito Sans、Caveat） - Font Awesome 图标 ## 项目结构 ``` carityngohtml-10/carity-pack/ ├── 01-html-file/ # 模板主体 │ ├── index.html # 首页入口 │ ├── about.html │ ├── blog.html / blog-details.html │ ├── donate.html / donations.html │ ├── events.html / event-details.html │ ├── volunteer.html / volunteer-details.html │ ├── products.html / cart.html / checkout.html │ ├── contact.html / faq.html │ ├── login.html / sign-up.html │ ├── 404.html / coming-soon.html │ └── assets/ │ ├── css/ │ │ ├── module-css/ # 各页面模块样式 │ │ ├── style.css # 主样式文件 │ │ └── responsive.css # 响应式样式 │ ├── js/ │ ├── images/ │ └── favicons/ └── 02-documentation-file/ # 使用文档 ``` ## 核心文件说明 - `01-html-file/index.html` — 首页入口文件 - `assets/css/style.css` — 全局主样式 - `assets/css/module-css/` — 按页面功能拆分的样式模块（slider、donation、blog 等） - `assets/css/responsive.css` — 移动端适配样式 - `02-documentation-file/index.html` — 官方使用文档（包含安装说明、HTML 结构、配置项等） ## 快速开始 纯静态模板，无需构建工具。直接打开 `01-html-file/index.html` 即可预览。如需本地开发服务器，推荐使用： ```bash npx serve carityngohtml-10/carity-pack/01-html-file # 或 python -m http.server 8080 -d carityngohtml-10/carity-pack/01-html-file ``` ## 使用建议 修改页面内容时注意保持 `assets/` 路径不变；模板已内置自定义光标、预加载动画、计数器和轮播等交互，如需移除或调整可在文档中查阅对应配置方式。