
Iconsl - 投资咨询 HTML 模板
# 项目简介
Inconsl Consulting 是一个面向咨询/投资服务企业的 HTML5 响应式网站模板,提供首页、服务介绍、项目展示、博客、团队及联系表单等完整页面。模板基于 Bootstrap 5 构建,支持深色模式和多套 Header 样式切换,适合快速搭建专业咨询公司官网。
## 技术栈
- Bootstrap 5(响应式布局框架)
- jQuery(DOM 交互与动画)
- PHP(联系表单邮件发送)
- Font Awesome(图标库)
- Google Fonts(Open Sans、Krona One、Manrope)
## 项目结构
```
iconslhtml-10/inconsl-package/
├── documentation/ # 官方文档
│ ├── index.html
│ ├── css/
│ │ ├── bootstrap.css
│ │ ├── font-awesome.css
│ │ └── style.css
│ └── js/
└── inconsl/ # 网站主文件
├── index.html # 首页 01
├── index-2.html # 首页 02
├── index-3.html
├── index-dark.html # 深色版首页
├── about.html # 关于我们
├── services.html # 服务列表
├── service-detail.html # 服务详情
├── projects.html # 项目展示
├── blog.html # 博客列表
├── contact.html # 联系我们
├── team.html # 团队成员
├── register.html # 注册页面
├── sendemail.php # 表单邮件处理
└── assets/ # CSS/JS/图片/Fonts
```
## 核心文件说明
- `inconsl/index.html` — 首页主模板,包含顶部导航、Hero 区与服务介绍模块
- `inconsl/contact.html` — 联系页面,含表单与地图占位区域
- `inconsl/sendemail.php` — 联系表单后端处理脚本,负责邮件发送与页面跳转
- `inconsl/assets/css/style.css` — 主样式表,定义全局排版与主题配色
- `inconsl/assets/css/responsive.css` — 响应式断点样式
- `documentation/index.html` — 官方文档,含 HTML 结构、CSS 说明与配置指引
## 快速开始
1. 直接用浏览器打开 `inconsl/index.html` 即可预览
2. 联系表单需部署到 PHP 环境(如 XAMPP、phpStudy),并修改 `sendemail.php` 中的收件邮箱地址
3. 图片、字体等静态资源路径位于 `assets/` 目录,部署时保持相对路径不变
## 使用建议
部署联系表单前务必修改 `sendemail.php` 中的 `RECIPIENT_EMAIL` 为真实邮箱地址;如需 SEO 优化,建议替换页面 `<title>` 与 Meta 描述内容。深色版首页(`index-dark.html`)可作为独立皮肤直接使用。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML