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

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

bookmark

Orgaxi 是一个基于 Bootstrap 5 的有机食品企业 HTML5 网站模板,提供首页、博客、商店、服务、团队等多个业务场景页面。模板包含 4 种首页风格,适合快速搭建有机农产品电商或企业展示网站。

HTML

项目简介

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 — 商品展示页面,带购物车交互

快速开始

  1. 下载完整包后,进入 orgaxi/ 目录
  2. 双击 index.html 用浏览器直接打开
  3. 或部署到本地服务器(如 VS Code Live Server)以获得完整体验

使用建议

该模板适合有机食品电商或品牌官网,首页提供多套风格可选。若需启用联系表单功能,需将 sendemail.php 部署至 PHP 环境并配置邮件服务。

help_outline

常见问题