Influencely - Influencer and Talent Agency HTML Bootstrap 5 Template

# 项目简介 Influencely 是一款面向网红与人才代理机构的现代 HTML 模板，采用纯静态技术构建，支持自由定制与二次开发。模板提供了首页、人才展示、服务介绍、博客、联系表单等完整页面，适合快速搭建网红营销平台或数字创意机构官网。 ## 技术栈 - **HTML5** — 页面结构 - **CSS3** — 样式与动画（含 Bootstrap 5 框架、Font Awesome 6 图标库） - **JavaScript** — jQuery 交互逻辑、Swiper 轮播、视频弹窗 - **PHP** — 表单提交与新闻订阅后端处理（可选） ## 项目结构 ``` Influencely Main File/ ├── DOCUMENTATION/ # 模板使用文档 │ ├── index.html │ ├── css/style.css │ ├── image/ │ └── js/ ├── HTML_TEMPLATE/ # 实际使用的主模板 │ ├── index.html # 首页 │ ├── about.html # 关于我们 │ ├── blog.html # 博客列表 │ ├── contact.html # 联系页面 │ ├── service.html # 服务页面 │ ├── talent.html # 人才展示 │ ├── pricing.html # 价格方案 │ ├── faq.html # 常见问题 │ ├── footer.html # 页脚组件 │ ├── header.html # 头部导航组件 │ ├── sidebar.html # 侧边栏组件 │ ├── css/style.css # 主样式文件 │ ├── image/ # 图片资源 │ ├── js/ # JavaScript 脚本 │ │ ├── script.js │ │ ├── swiper-script.js │ │ ├── submit-form.js │ │ └── video_embedded.js │ └── php/ # 后端处理脚本 └── webfonts/ # Font Awesome 字体文件 ``` ## 核心文件说明 - `HTML_TEMPLATE/index.html` — 模板首页入口，包含横幅、合作方、人才展示等区块 - `HTML_TEMPLATE/css/style.css` — 主样式表，定义了主题色（#A293FF）、排版与响应式布局 - `HTML_TEMPLATE/js/swiper-script.js` — Swiper 轮播配置，驱动合作伙伴 logo 滚动 - `HTML_TEMPLATE/js/video_embedded.js` — 视频弹窗交互，点击触发模态框播放 - `HTML_TEMPLATE/php/form_process.php` — 表单提交处理逻辑 - `HTML_TEMPLATE/header.html` — 导航栏组件文件，可被其他页面引用 ## 快速开始 1. 将 `HTML_TEMPLATE` 文件夹内容部署到 Web 服务器（如 Nginx、Apache）或使用 VS Code Live Server 插件 2. 在浏览器中打开 `index.html` 即可预览完整效果 3. 如需表单功能，将 `php/` 目录部署到支持 PHP 的服务器环境 ## 使用建议 本模板采用模块化结构（header、footer、sidebar 独立为 HTML 片段），建议在构建完整站点时使用后端模板引擎（如 Node.js EJS、PHP Blade）统一渲染公共区块，以避免页面间重复维护导航与页脚代码。