Hubfolio v1.0.1 - 数字代理和作品集模板 preview 1

Hubfolio v1.0.1 - 数字代理和作品集模板

bookmark

Hubfolio 是一套多用途 HTML 模板，专为创意机构、数字营销工作室和商业初创公司设计，包含 7 种首页变体（如 Creative Studio、Startup Agency、Digital Marketing 等）。基于 Bootstrap 5 构建，支持响应式布局、模块化 CSS/SCSS 结构，适合快速搭建作品集或企业展示网站。

HTML

项目简介

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 等）

项目结构

text
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/ 下，便于统一维护全局样式和脚本。

help_outline

常见问题