项目简介link

Planvest 是一款面向金融与投资领域的静态 HTML 模板，基于 Bootstrap 5.3 构建，提供完整的前端页面组合（首页、关于、团队、服务、博客、定价、FAQ、联系等），支持响应式布局、SEO 友好，代码结构清晰易于二次开发。

技术栈link

• HTML5 + CSS3 + JavaScript (jQuery)
• Bootstrap 5.3（导航、栅格、表单等组件）
• Font Awesome 6（图标）
• 自定义字体 rtmicon、DM Sans
• Animate.css（动画效果）

项目结构link

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/               # 占位图片资源

核心文件说明link

• 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 等），需在部署时确保路径正确

快速开始link

1. 下载并解压模板包
2. 进入 HTML_TEMPLATE 目录，直接在浏览器打开 index.html 即可预览
3. 如需本地服务器（推荐），可使用任意静态服务器工具，例如：

npx serve .

1. 修改内容：直接在对应 HTML 文件中编辑文本、图片路径和链接
2. 替换占位图片：将 image/ 目录下的 dummy-img-*.jpg 替换为真实素材

使用建议link

本模板适合快速搭建金融咨询、投资管理、资产管理类网站。建议在实际部署前将 css/vendor/ 中的第三方库路径调整为 CDN 链接或本地正确路径，并按需修改 css/style.css 中的 --green 等 CSS 变量以统一品牌色。