Organto - Organic Food and Agriculture HTML Template

# 项目简介 Organto 是一款面向有机食品与农业企业的静态 HTML 网站模板，提供了首页、商店、博客、团队展示、案例页面等完整的企业站点结构，适合快速搭建有机农产品官网或电商展示页面。 ## 技术栈 - HTML5 + CSS3（纯静态页面） - Bootstrap 5（响应式布局） - Font Awesome / Line Awesome（图标库） - Swiper（轮播组件） - Venobox（图片灯箱） - Animate.css（动画效果） - PHP（仅 contact.php，用于联系表单邮件发送） ## 项目结构 ``` 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` — 站点错误页面模板 ## 快速开始 1. 将 `Master Files/html/` 目录内容部署到 Web 服务器（或直接本地打开 index.html 预览） 2. 联系表单功能需要 PHP 环境，并将 `contact.php` 中的 `$recipient` 改为实际邮箱地址 3. 图片和 Logo 替换路径：`assets/img/logo.png`、`assets/img/favicon.png` ## 使用建议 模板默认针对有机农业场景设计，配色与布局可直接使用。如需对接真实电商后端，建议基于现有 shop 页面结构接入 Shopify、WooCommerce 等 SaaS 服务。