Agrion - Agriculture Farm & Farmer HTML Template

Agrion - Agriculture Farm & Farmer HTML Template

# 项目简介 Agrion 是一款面向农业、农场与农民行业的响应式 HTML 模板,基于 Bootstrap 构建,提供首页、博客、商店、FAQ 等 30+ 预制页面,适合快速搭建农产品或生态农业相关的企业展示网站。 ## 技术栈 - HTML5 / CSS3 - Bootstrap 3.x(文档)/ Bootstrap 5.x(模板主体) - jQuery - Font Awesome - IcoMoon Icon Font - Google Fonts(Open Sans、Poppins 等) ## 项目结构 ``` agrion/ ├── documentations/ │ ├── index.html # 模板使用文档 │ └── css/style.css # 文档样式 ├── files/ # 模板主体 │ ├── index.html # 首页(多版本) │ ├── index2.html │ ├── index3.html │ ├── about.html │ ├── blog.html │ ├── blog-sidebar.html │ ├── blog-carousel.html │ ├── blog-details.html │ ├── contact.html │ ├── cart.html │ ├── checkout.html │ ├── agriculture-products.html │ ├── fresh-vegetables.html │ ├── organic-products.html │ ├── dairy-products.html │ ├── farmers.html │ ├── faq.html │ └── ... └── icons/ ├── style.css # 农业主题图标字体 └── fonts/ # 图标字体文件 ``` ## 核心文件说明 - `files/index.html` — 多布局首页入口,含顶部导航、幻灯片、特色服务等区块 - `files/contact.html` — 联系页面,含表单与地图区域 - `files/cart.html` / `checkout.html` — 电商购物流程页面 - `files/blog-*.html` — 博客相关页面(列表、轮播、侧边栏、详情) - `files/farmers.html` — 农民/农户展示页面 - `documentations/index.html` — 完整的使用说明文档,含配置指南 ## 快速开始 直接用浏览器打开 `agrion/files/index.html` 即可在本地预览模板效果。 ## 使用建议 模板提供了 RTL 版本(`index-rtl.html`)和一页式版本(`index-one-page.html`),可根据项目需求选择对应版本。注意模板中引用了 Google Fonts 和外部 CDN 资源,需保持网络连接以确保样式完整加载。
help_outline

FAQ

Comments0
PublishedJan 21, 2026

Tech Stack

HTML