Project Overviewlink

Budgeto is a versatile HTML template designed for the business consulting field, featuring over 30 complete pages covering various business scenarios such as finance, banking, corporate services, and startups. It includes multiple homepage variations (multi-page and single-page scroll versions) that can be directly used to quickly build corporate websites or landing pages.

Tech Stacklink

• HTML5 / CSS3 (native styles + SCSS source)
• Bootstrap 5 (grid, components, and JS plugins)
• jQuery (interaction logic)
• Font Awesome 6 Pro (icon library)
• Google Fonts (DM Sans + DM Serif Display)
• Plugins: WOW.js, Magnific Popup, Nice Select, PureCounter, Swiper, etc.

Project Structurelink

budgetohtml-10/
├── budgeto/                          # Standard multi-page version
│   ├── index.html                    # Default homepage
│   ├── home-*.html                   # Various homepages (banking/consulting/corporate/financial/HR/IT/startup)
│   ├── *-one-page.html               # Corresponding single-page scroll versions
│   ├── about.html / contact.html     # General inner pages
│   ├── blog*.html / project*.html     # Content lists and detail pages
│   └── assets/
│       ├── css/main.css              # Compiled main styles
│       ├── js/main.js                # All interaction logic
│       ├── scss/main.scss            # SCSS source (customizable variables)
│       └── img/ / fonts/
└── budgeto-with-smooth-scroll/       # Enhanced smooth scroll version (includes 22nd JS module)

Core File Descriptionlink

• budgeto/index.html — Default homepage entry point
• budgeto/assets/css/main.css — Aggregates all styles including animations, buttons, navigation, blog, footer, etc.
• budgeto/assets/js/main.js — Contains 21 functional modules such as preloader, sticky navigation, sidebar, counter, popup, etc.
• budgeto/assets/scss/main.scss — SCSS source for modifying theme colors, fonts, and other variables
• budgeto-with-smooth-scroll/assets/js/main.js — Adds the 22nd module (smooth scroll support) on top of the standard version

Quick Startlink

Pure static project, no build required:

1. Open budgeto/index.html directly in a browser to preview
2. For a local server (recommended for proper AJAX form functionality), use:
   bashcontent_copyCopy

   # Python 3
   python -m http.server 8080
   # or Node.js (requires http-server)
   npx http-server . -p 8080
   

3. To modify styles, edit assets/scss/main.scss and compile back to main.css using tools like VS Code + Live Sass Compiler

Usage Recommendationslink

• For production projects, prefer the budgeto-with-smooth-scroll version for smoother single-page anchor scrolling
• Global variables like theme colors and fonts are defined at the top of the SCSS file; modify one place to update the entire site style
• Form submission relies on assets/mail.php; update its path to your actual backend endpoint or email service when deploying