L o a d i n g
Back to Portfolio Corporate / Finance Website

BMCG — Accounting & Finance Solutions

A responsive, animation-rich static marketing site for an accounting and auditing firm serving the UAE and UK — services, credibility signals and a validated enquiry form, built by customising and extending an HTML template with bespoke content.

HTML5 / CSS3 Bootstrap GSAP ScrollTrigger Swiper.js WOW.js

6

Service Offerings

GSAP + SplitText

Text & Image Reveals

Zero Backend

Deployable Anywhere

Token-Driven

CSS Design System
Walkthrough

Homepage & Inner Pages

Key Features

What The Site Does

Service Catalogue

Six offerings, each with its own detail page, process steps and a sidebar CTA.

Validated Enquiry Form

Per-field inline validation before an AJAX submission, with DOM feedback states.

Viewport-Triggered Counters

Statistics animate only once scrolled into view, via Waypoints + CounterUp.

GSAP Text & Image Reveals

Three reusable SplitText stagger styles plus an image wipe-reveal effect.

Embedded Location Map

Google Maps iframe plus address/phone/email contact blocks.

Centralised Design Tokens

CSS custom properties drive colour and font across the whole multi-page theme.

Technology

Stack & Integrations

Frontend
HTML5 CSS3 (custom properties) Bootstrap jQuery
Motion & UI
GSAP (ScrollTrigger, SplitText) Swiper.js WOW.js Magnific Popup
Forms
validator.js AJAX submission
Integrations
Google Maps Google Fonts
Architecture

How It's Built

BMCG is a purely client-side, static multi-page site — each HTML page is self-contained, sharing one vendor and custom stylesheet set and a single behaviour module (js/function.js) that initialises the preloader, mobile menu, testimonial slider, animated counters, GSAP scroll/text animations and the contact-form validation. Theming runs entirely through :root CSS custom properties, so the whole multi-page look is adjustable from one place.

The enquiry form validates in the browser, then submits via jQuery AJAX to a form-process.php endpoint (a hosting-side handler, not part of the front-end build), with success/error states reflected back into the DOM rather than a page reload — a fully static build with just enough progressive enhancement to make the one lead-capture form actually work.