Project Overviewlink

Planvest is a static HTML template for the finance and investment sector, built on Bootstrap 5.3. It provides a complete set of frontend pages (Home, About, Team, Services, Blog, Pricing, FAQ, Contact, etc.), supports responsive layout, is SEO-friendly, and features clean code structure for easy customization.

Tech Stacklink

• HTML5 + CSS3 + JavaScript (jQuery)
• Bootstrap 5.3 (navigation, grid, forms, and other components)
• Font Awesome 6 (icons)
• Custom fonts: rtmicon, DM Sans
• Animate.css (animation effects)

Project Structurelink

Planvest HTML ver 1.0.1/
├── DOCUMENTATION/           # Official documentation
│   ├── index.html           # Documentation entry page
│   └── assets/
│       ├── css/style.css    # Documentation styles
│       ├── js/              # Documentation scripts (masonry, prettify, etc.)
│       ├── font/            # Font Awesome fonts
│       └── images/          # Documentation images
└── HTML_TEMPLATE/           # Ready-to-use template files
    ├── index.html           # Home page
    ├── about.html           # About us
    ├── services.html        # Services list
    ├── price_plan.html      # Pricing plans
    ├── contact.html         # Contact
    ├── blog.html            # Blog list
    ├── team.html            # Team members
    ├── faq.html             # FAQ
    ├── 404.html             # Error page
    ├── css/style.css        # Main stylesheet
    ├── font/                # Font files (rtmicon, DM Sans)
    └── image/               # Placeholder images

Key File Descriptionslink

• HTML_TEMPLATE/index.html — Home page with top navigation, full-screen banner, and call-to-action sections
• HTML_TEMPLATE/css/style.css — Main stylesheet defining color scheme, fonts, responsive breakpoints, etc.
• HTML_TEMPLATE/contact.html — Contact page with form and map placeholder
• HTML_TEMPLATE/price_plan.html — Pricing page displaying multiple plan cards
• DOCUMENTATION/index.html — Official template documentation covering HTML structure, stylesheet descriptions, SEO guide, etc.
• HTML_TEMPLATE/css/vendor/ — Third-party CSS (Bootstrap, Font Awesome, Swiper, etc.) — ensure correct paths during deployment

Quick Startlink

1. Download and extract the template package
2. Navigate to the HTML_TEMPLATE directory and open index.html directly in a browser to preview
3. For a local server (recommended), use any static server tool, for example:

npx serve .

1. Edit content: modify text, image paths, and links directly in the corresponding HTML files
2. Replace placeholder images: swap dummy-img-*.jpg files in the image/ directory with your actual assets

Usage Recommendationslink

This template is ideal for quickly building financial consulting, investment management, and asset management websites. Before deployment, it is recommended to update third-party library paths in css/vendor/ to CDN links or correct local paths, and modify CSS variables such as --green in css/style.css to unify brand colors as needed.