Orgaxi - 有机食品种植和商店 HTML 模板

# 项目简介 Orgaxi 是一个基于 Bootstrap 5 的有机食品企业 HTML5 网站模板，提供首页、博客、商店、服务、团队等多个业务场景页面。模板包含 4 种首页风格，适合快速搭建有机农产品电商或企业展示网站。 ## 技术栈 - Bootstrap 5（响应式布局框架） - Static HTML5 / CSS3 - jQuery（交互脚本） - Font Awesome 6（图标库） - Swiper（轮播组件） - Google Fonts（Outfit、Inter、DM Sans 等字体） ## 项目结构 ``` orgaxi-package/ ├── documentation/ # 模板使用文档 │ ├── index.html │ ├── css/ │ │ ├── bootstrap.css │ │ ├── font-awesome.css │ │ └── style.css # 文档样式 │ └── js/ │ └── script.js └── orgaxi/ # 主体模板 ├── index.html # 首页（第1套风格） ├── index-1.html # 首页单页版 ├── index-2.html # 首页（第2套风格） ├── index-3.html ├── index-4.html ├── shop.html / shop-detail.html ├── blog.html / blog-detail.html ├── services.html / service-detail.html ├── projects.html / project-detail.html ├── team.html / team-detail.html ├── about.html / contact.html / cart.html ├── sendemail.php └── assets/ └── css/ # 主题核心样式 ``` ## 核心文件说明 - `orgaxi/index.html` — 主首页，集成轮播、导航和电商促销模块 - `orgaxi/assets/css/style.css` — 全局样式主文件，引入 12 个子样式模块 - `orgaxi/assets/css/bootstrap.css` — Bootstrap 5 核心样式 - `documentation/index.html` — 模板配置说明文档，包含 HTML 结构、样式表、地图和表单配置说明 - `documentation/css/style.css` — 文档页面专用侧边栏样式 - `orgaxi/shop.html` — 商品展示页面，带购物车交互 ## 快速开始 1. 下载完整包后，进入 `orgaxi/` 目录 2. 双击 `index.html` 用浏览器直接打开 3. 或部署到本地服务器（如 VS Code Live Server）以获得完整体验 ## 使用建议 该模板适合有机食品电商或品牌官网，首页提供多套风格可选。若需启用联系表单功能，需将 `sendemail.php` 部署至 PHP 环境并配置邮件服务。