项目简介
Organto 是一款面向有机食品与农业企业的静态 HTML 网站模板，提供了首页、商店、博客、团队展示、案例页面等完整的企业站点结构，适合快速搭建有机农产品官网或电商展示页面。
技术栈
- HTML5 + CSS3（纯静态页面）
- Bootstrap 5（响应式布局）
- Font Awesome / Line Awesome（图标库）
- Swiper（轮播组件）
- Venobox（图片灯箱）
- Animate.css（动画效果）
- PHP（仅 contact.php，用于联系表单邮件发送）
项目结构
text
organtohtml-10/
└── Master Files/
├── Documentation/
│ ├── index.html # 模板使用文档
│ ├── assets/
│ └── syntax-highlighter/ # 代码高亮资源
└── html/
├── index.html # 首页（默认版）
├── index-2.html # 首页（现代版）
├── about.html # 关于我们
├── shop.html # 商品列表
├── shop-details.html # 商品详情
├── cart.html # 购物车
├── checkout.html # 结账页面
├── blog-grid.html # 博客（网格布局）
├── blog-classic.html # 博客（经典布局）
├── blog-details.html # 博客详情
├── contact.html # 联系我们
├── contact.php # 表单处理脚本
├── team.html # 团队成员
├── testimonial.html # 客户评价
├── clients.html # 合作伙伴
├── gallery.html # 图集
├── service.html # 服务项目
├── 404.html # 错误页面
└── assets/ # CSS/JS/图片资源
核心文件说明
html/index.html— 网站首页主模板，包含 Banner、服务、团队等完整版块html/shop.html— 商品展示页面，支持网格布局html/contact.php— 联系表单后端处理脚本，需配置邮件服务html/assets/css/main.css— 全局样式主文件html/assets/css/bootstrap.min.css— Bootstrap 响应式框架样式html/404.html— 站点错误页面模板
快速开始
- 将
Master Files/html/目录内容部署到 Web 服务器（或直接本地打开 index.html 预览） - 联系表单功能需要 PHP 环境，并将
contact.php中的$recipient改为实际邮箱地址 - 图片和 Logo 替换路径：
assets/img/logo.png、assets/img/favicon.png
使用建议
模板默认针对有机农业场景设计，配色与布局可直接使用。如需对接真实电商后端，建议基于现有 shop 页面结构接入 Shopify、WooCommerce 等 SaaS 服务。
