项目简介link

Inconsl Consulting 是一个面向咨询/投资服务企业的 HTML5 响应式网站模板，提供首页、服务介绍、项目展示、博客、团队及联系表单等完整页面。模板基于 Bootstrap 5 构建，支持深色模式和多套 Header 样式切换，适合快速搭建专业咨询公司官网。

技术栈link

• Bootstrap 5（响应式布局框架）
• jQuery（DOM 交互与动画）
• PHP（联系表单邮件发送）
• Font Awesome（图标库）
• Google Fonts（Open Sans、Krona One、Manrope）

项目结构link

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

核心文件说明link

• 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 说明与配置指引

快速开始link

1. 直接用浏览器打开 inconsl/index.html 即可预览
2. 联系表单需部署到 PHP 环境（如 XAMPP、phpStudy），并修改 sendemail.php 中的收件邮箱地址
3. 图片、字体等静态资源路径位于 assets/ 目录，部署时保持相对路径不变

使用建议link

部署联系表单前务必修改 sendemail.php 中的 RECIPIENT_EMAIL 为真实邮箱地址；如需 SEO 优化，建议替换页面 <title> 与 Meta 描述内容。深色版首页（index-dark.html）可作为独立皮肤直接使用。