Hubfolio v1.0.1 - Digital Agency & Portfolio Template

# 项目简介 Hubfolio 是一套多用途 HTML 模板，专为创意机构、数字营销工作室和商业初创公司设计，包含 7 种首页变体（如 Creative Studio、Startup Agency、Digital Marketing 等）。基于 Bootstrap 5 构建，支持响应式布局、模块化 CSS/SCSS 结构，适合快速搭建作品集或企业展示网站。 ## 技术栈 - HTML5 / CSS3 - Bootstrap 5 - jQuery - SCSS（位于 hubfolio_HTML/common/scss） - Google Fonts（Poppins、Sora、Inter、Six Caps 等） ## 项目结构 ``` hubfolio_HTML/ common/ css/ _extra.css, _global.css, _helper.css _preloader.css, _typography.css common_style.css, plugins.css plugins/ (YouTubePopUp、magnific-popup、swiper 等) fonts/ imgs/ scss/ _variables.scss, _typography.scss, ... creative-studio/ index.html assets/ css/home8-style.css imgs/ startup_agency/ creative_agency/ digital-marketing/ modern_portfolio/ digital_studio/ modern_agency/ inner_pages/ Documentation/ index.html css/style.css, helper.css images/ ``` ## 核心文件说明 - `hubfolio_HTML/common/css/common_style.css` — 全局基础样式（重置、排版、布局） - `hubfolio_HTML/common/css/plugins.css` — 第三方插件样式集合 - `hubfolio_HTML/common/scss/_variables.scss` — SCSS 断点变量（480px / 768px / 992px / 1300px） - `hubfolio_HTML/creative-studio/index.html` — Creative Studio 变体首页入口 - `Documentation/index.html` — 模板官方使用文档 ## 快速开始 1. 直接在浏览器中打开 `hubfolio_HTML/creative-studio/index.html` 预览效果 2. 如需本地开发服务器，可使用任意静态服务器工具（如 VS Code Live Server 插件） 3. 修改样式时优先编辑 SCSS 文件，编译后覆盖对应 CSS ## 使用建议 模板提供了多种首页变体，替换 `/creative-studio/` 等文件夹即可切换不同风格；内部页面（about、portfolio、blog 等）统一存放在 `inner_pages/` 下，便于统一维护全局样式和脚本。