Agenko - 创意数字机构 HTML 模板 preview 1

Agenko - 创意数字机构 HTML 模板

bookmark

Agenko 是一套面向数字/创意/营销代理机构的静态 HTML 网站模板，包含首页三套变体（创意代理、数字代理、营销代理）及完整内页（About、Services、Projects、Blog、Team、Pricing、FAQ、Contact）。基于 Bootstrap 构建，配合 jQuery 实现导航、轮播、弹窗等交互，联系我表单由 contact.php 处理。

HTML

项目简介

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）

项目结构

text
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）及自定义脚本

快速开始

直接用浏览器打开入口页面即可本地预览：

text
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

常见问题