Plantvest v1.0.1 - Finance & Investment HTML Template

# 项目简介 Planvest 是一款面向金融与投资领域的静态 HTML 模板，基于 Bootstrap 5.3 构建，提供完整的前端页面组合（首页、关于、团队、服务、博客、定价、FAQ、联系等），支持响应式布局、SEO 友好，代码结构清晰易于二次开发。 ## 技术栈 - HTML5 + CSS3 + JavaScript (jQuery) - Bootstrap 5.3（导航、栅格、表单等组件） - Font Awesome 6（图标） - 自定义字体 rtmicon、DM Sans - Animate.css（动画效果） ## 项目结构 ``` Planvest HTML ver 1.0.1/ ├── DOCUMENTATION/ # 官方文档 │ ├── index.html # 文档入口页 │ └── assets/ │ ├── css/style.css # 文档样式 │ ├── js/ # 文档脚本（masonry、prettify 等） │ ├── font/ # Font Awesome 字体 │ └── images/ # 文档配图 └── HTML_TEMPLATE/ # 实际可用的模板文件 ├── index.html # 首页 ├── about.html # 关于我们 ├── services.html # 服务列表 ├── price_plan.html # 定价方案 ├── contact.html # 联系方式 ├── blog.html # 博客列表 ├── team.html # 团队成员 ├── faq.html # 常见问题 ├── 404.html # 错误页 ├── css/style.css # 主样式文件 ├── font/ # 字体文件（rtmicon、DM Sans） └── image/ # 占位图片资源 ``` ## 核心文件说明 - `HTML_TEMPLATE/index.html` — 首页，顶部导航 + 全屏横幅 + 行动号召区块 - `HTML_TEMPLATE/css/style.css` — 主样式表，定义配色方案、字体、响应式断点等 - `HTML_TEMPLATE/contact.html` — 联系页，含表单和地图占位区域 - `HTML_TEMPLATE/price_plan.html` — 定价页，展示多档套餐卡片 - `DOCUMENTATION/index.html` — 模板官方文档，含 HTML 结构、样式文件说明、SEO 指南等 - `HTML_TEMPLATE/css/vendor/` — 第三方 CSS（Bootstrap、Font Awesome、Swiper 等），需在部署时确保路径正确 ## 快速开始 1. 下载并解压模板包 2. 进入 `HTML_TEMPLATE` 目录，直接在浏览器打开 `index.html` 即可预览 3. 如需本地服务器（推荐），可使用任意静态服务器工具，例如： ```bash npx serve . ``` 4. 修改内容：直接在对应 HTML 文件中编辑文本、图片路径和链接 5. 替换占位图片：将 `image/` 目录下的 `dummy-img-*.jpg` 替换为真实素材 ## 使用建议 本模板适合快速搭建金融咨询、投资管理、资产管理类网站。建议在实际部署前将 `css/vendor/` 中的第三方库路径调整为 CDN 链接或本地正确路径，并按需修改 `css/style.css` 中的 `--green` 等 CSS 变量以统一品牌色。