项目简介link

Idiology 是一款多用途 HTML5 网站模板，适用于数字代理、创意机构、设计工作室、初创企业、个人作品集和摄影等多种场景。模板内置 6 种首页风格，完整包含关于我们、服务、博客、项目、联系等页面，下载后可直接修改使用。

技术栈link

• HTML5 + 语义化标签
• Bootstrap 5（导航、栅格、表单等组件）
• Font Awesome 6（图标库）
• Bootstrap Icons（辅助图标）
• Simple Line Icons（辅助图标）
• Owl Carousel（轮播）
• Magnific Popup（图片/视频弹窗）
• Animate.css（交互动画）

项目结构link

Idiology-HTML-Full-Source/
├── DOCUMENTATION/
│   └── index.html          # 使用文档
└── HTML/
    ├── index.html          # Digital Agency 首页
    ├── creative-agency.html
    ├── design-studio.html
    ├── digital-agency.html
    ├── personal-portfolio.html
    ├── photography.html
    ├── startup-agency.html
    ├── about-us.html
    ├── about-us-2.html
    ├── services.html
    ├── services-details.html
    ├── blogs.html
    ├── blog-details.html
    ├── projects.html
    ├── project-details.html
    ├── project-digital.html
    ├── project-studio.html
    ├── contact.html
    └── assets/
        ├── css/
        ├── fonts/
        ├── img/
        └── js/

核心文件说明link

• HTML/index.html — Digital Agency 风格首页入口
• HTML/assets/css/master.css — 主样式文件，定义全局布局和组件
• HTML/assets/css/*.css — 各首页专用样式（如 digital-agency.css、photography.css）
• HTML/assets/js/ — jQuery 插件及自定义脚本
• HTML/contact.html — 联系页面，含表单和地图占位
• DOCUMENTATION/index.html — 官方使用文档，包含模板结构说明

快速开始link

1. 将 Idiology-HTML-Full-Source/HTML 文件夹内容上传至服务器；
2. 用浏览器直接打开 index.html 即可预览；
3. 图片替换：替换 assets/img/ 目录下的占位图即可；
4. 背景图：在 HTML 中搜索 data-src= 修改路径。

使用建议link

模板默认使用占位图，部署前请替换为实际图片；若用于客户项目，建议通过子目录部署而非直接放根目录，以免与后续项目冲突。页面切换动画通过 loading-overlay 类实现，可根据需求调整或移除。