
Agenko - Creative Digital Agency HTML Template
# 项目简介
Agenko 是一套面向数字/创意/营销代理机构的静态 HTML 网站模板,包含首页三套变体(创意代理、数字代理、营销代理)及完整内页(About、Services、Projects、Blog、Team、Pricing、FAQ、Contact)。基于 Bootstrap 构建,配合 jQuery 实现导航、轮播、弹窗等交互,联系我表单由 contact.php 处理。
## 技术栈
- HTML5 + CSS3(语义化结构)
- Bootstrap 5.x(栅格与组件)
- jQuery(交互逻辑)
- FontAwesome 6(图标)
- Flaticon(行业图标字体)
- Slick Slider(轮播)
- Magnific Popup(图片/视频弹窗)
- Google Fonts(Roboto、Source Sans 3)
## 项目结构
```
agenkohtml-10/
└── Agenko_Main_File/
├── Agenko_v1.0.0/
│ ├── index.html # 创意代理首页
│ ├── index-2.html # 数字代理首页
│ ├── index-3.html # 营销代理首页
│ ├── about.html
│ ├── services.html
│ ├── service-details.html
│ ├── projects.html
│ ├── project-details.html
│ ├── team.html
│ ├── team-details.html
│ ├── blog-grid.html
│ ├── blog-standard.html
│ ├── blog-details.html
│ ├── pricing.html
│ ├── faqs.html
│ ├── contact.html
│ ├── contact.php # 联系表单后端
│ ├── 404.html
│ └── assets/ # CSS/JS/字体/图片
└── Documentation/
└── index.html # 模板文档页面
```
## 核心文件说明
- `Agenko_v1.0.0/index.html` — 创意代理首页,导航 + 首屏 + 服务展示 + 案例
- `index-2.html` / `index-3.html` — 数字代理与营销代理首页变体,可按业务切换
- `contact.html` — 联系页面,前端表单调用同目录下的 contact.php
- `contact.php` — 表单后端,验证必填项与邮箱格式,发送邮件至指定地址
- `assets/css/style.css` — 全局样式,覆盖 Bootstrap 默认主题
- `assets/js/` — jQuery 插件(Slick、Magnific Popup)及自定义脚本
## 快速开始
直接用浏览器打开入口页面即可本地预览:
```
agenkohtml-10/Agenko_Main_File/Agenko_v1.0.0/index.html
```
如需联系表单功能,需部署至 PHP 环境(推荐 Apache/Nginx)并修改 `contact.php` 中的 `$recipient` 收件邮箱地址。
## 使用建议
- 三套首页可按代理类型直接复用或修改配色方案以区分品牌;
- 正式部署前将 contact.php 中的默认邮箱 `mizansorker@gmail.com` 替换为真实业务邮箱;
- 图片资源位于 `assets/images/` 各子目录,需替换占位图后上线。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML