项目简介
Agrion 是一款面向农业、农场与农民行业的响应式 HTML 模板,基于 Bootstrap 构建,提供首页、博客、商店、FAQ 等 30+ 预制页面,适合快速搭建农产品或生态农业相关的企业展示网站。
技术栈
- HTML5 / CSS3
- Bootstrap 3.x(文档)/ Bootstrap 5.x(模板主体)
- jQuery
- Font Awesome
- IcoMoon Icon Font
- Google Fonts(Open Sans、Poppins 等)
项目结构
text
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 资源,需保持网络连接以确保样式完整加载。
