Budgeto - 商业咨询 HTML 模板 preview 1

Budgeto - 商业咨询 HTML 模板

bookmark

Budgeto 是一款面向商业咨询领域的多用途 HTML 模板，提供超过 30 个完整页面，覆盖金融、银行、企业服务、创业等多种业务场景。内置多个首页变体（多页版与单页滚动版），可直接用于快速搭建企业官网或着陆页。

HTML

项目简介

Budgeto 是一款面向商业咨询领域的多用途 HTML 模板，提供超过 30 个完整页面，覆盖金融、银行、企业服务、创业等多种业务场景。内置多个首页变体（多页版与单页滚动版），可直接用于快速搭建企业官网或着陆页。

技术栈

  • HTML5 / CSS3（原生样式 + SCSS 源码）
  • Bootstrap 5（栅格、组件与 JS 插件）
  • jQuery（交互逻辑）
  • Font Awesome 6 Pro（图标库）
  • Google Fonts（DM Sans + DM Serif Display）
  • 插件：WOW.js、Magnific Popup、Nice Select、PureCounter、Swiper 等

项目结构

text
budgetohtml-10/
├── budgeto/                          # 标准多页版
│   ├── index.html                    # 默认首页
│   ├── home-*.html                   # 各类首页（banking/consulting/corporate/financial/HR/IT/startup）
│   ├── *-one-page.html               # 对应的单页滚动版本
│   ├── about.html / contact.html     # 通用内页
│   ├── blog*.html / project*.html     # 内容列表与详情页
│   └── assets/
│       ├── css/main.css              # 编译后的主样式
│       ├── js/main.js                # 全部交互逻辑
│       ├── scss/main.scss            # SCSS 源码（可自定义变量）
│       └── img/ / fonts/
└── budgeto-with-smooth-scroll/       # 平滑滚动增强版（额外包含 22 号 JS 模块）

核心文件说明

  • budgeto/index.html — 默认首页入口
  • budgeto/assets/css/main.css — 聚合了动画、按钮、导航、博客、页脚等全部样式
  • budgeto/assets/js/main.js — 包含预加载、粘性导航、侧边栏、计数器、弹窗等 21 个功能模块
  • budgeto/assets/scss/main.scss — SCSS 源码，用于修改主题色、字体等变量
  • budgeto-with-smooth-scroll/assets/js/main.js — 在标准版基础上额外增加第 22 号模块（平滑滚动支持）

快速开始

纯静态项目，无需构建：

  1. 直接在浏览器中打开 budgeto/index.html 即可预览
  2. 如需本地服务器（推荐，方便 AJAX 表单等特性正常工作），可使用：
    bash
    # Python 3
python -m http.server 8080
# 或 Node.js（需安装 http-server）
npx http-server . -p 8080
  3. 修改样式时建议编辑 assets/scss/main.scss，通过 VS Code + Live Sass Compiler 等工具编译回 main.css

使用建议

  • 正式项目请优先选择 budgeto-with-smooth-scroll 版本，其单页锚点滚动体验更流畅
  • 主题色、字体等全局变量集中在 SCSS 文件顶部定义，修改一处即可批量更新全站风格
  • 表单提交依赖 assets/mail.php，部署时需将其路径改为实际后端接口或邮件服务
help_outline

常见问题