Idiology - Creative and Corporate Multipurpose HTML5 Template

# 项目简介 Idiology 是一款多用途 HTML5 网站模板，适用于数字代理、创意机构、设计工作室、初创企业、个人作品集和摄影等多种场景。模板内置 6 种首页风格，完整包含关于我们、服务、博客、项目、联系等页面，下载后可直接修改使用。 ## 技术栈 - HTML5 + 语义化标签 - Bootstrap 5（导航、栅格、表单等组件） - Font Awesome 6（图标库） - Bootstrap Icons（辅助图标） - Simple Line Icons（辅助图标） - Owl Carousel（轮播） - Magnific Popup（图片/视频弹窗） - Animate.css（交互动画） ## 项目结构 ``` 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/ ``` ## 核心文件说明 - `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` — 官方使用文档，包含模板结构说明 ## 快速开始 1. 将 `Idiology-HTML-Full-Source/HTML` 文件夹内容上传至服务器； 2. 用浏览器直接打开 `index.html` 即可预览； 3. 图片替换：替换 `assets/img/` 目录下的占位图即可； 4. 背景图：在 HTML 中搜索 `data-src=` 修改路径。 ## 使用建议 模板默认使用占位图，部署前请替换为实际图片；若用于客户项目，建议通过子目录部署而非直接放根目录，以免与后续项目冲突。页面切换动画通过 `loading-overlay` 类实现，可根据需求调整或移除。