
Orgaxi - Organic Food Farming and Store HTML Template
category电商
# 项目简介
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 环境并配置邮件服务。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML