Budgeto - Business Consulting HTML Template

# 项目简介 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 等 ## 项目结构 ``` 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`，部署时需将其路径改为实际后端接口或邮件服务