项目简介
Orgaxi 是一个基于 Bootstrap 5 的有机食品企业 HTML5 网站模板,提供首页、博客、商店、服务、团队等多个业务场景页面。模板包含 4 种首页风格,适合快速搭建有机农产品电商或企业展示网站。
技术栈
- Bootstrap 5(响应式布局框架)
- Static HTML5 / CSS3
- jQuery(交互脚本)
- Font Awesome 6(图标库)
- Swiper(轮播组件)
- Google Fonts(Outfit、Inter、DM Sans 等字体)
项目结构
text
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— 商品展示页面,带购物车交互
快速开始
- 下载完整包后,进入
orgaxi/目录 - 双击
index.html用浏览器直接打开 - 或部署到本地服务器(如 VS Code Live Server)以获得完整体验
使用建议
该模板适合有机食品电商或品牌官网,首页提供多套风格可选。若需启用联系表单功能,需将 sendemail.php 部署至 PHP 环境并配置邮件服务。
