About This Template
A premium, framework-free HTML/CSS/vanilla-JS template for a general contractor. Built bespoke from the subject — industrial jobsite identity, not a recolored scaffold.
Construction Company HTML Template is part of the uiuxlabz collection — a set of premium, framework-free HTML templates designed from each subject to feel genuinely unique. Open the folder, edit the text and tokens, and you have a production-ready website for a real estate & construction business.
Key Features
- ✓Spec bar — mono type, licence + hours + blink dot + phone/CTA
- ✓Hazard rule — animated diagonal safety stripe (repeating gradient)
- ✓Blueprint hero — jobsite photo + yellow grid overlay + spec sheet (Active sites / On-time / TRIR / Warranty)
- ✓Proof bar — 4 KPIs on ink (Years / Projects / Crew / Awards)
- ✓Blueprint service cards — media + tag + pill meta + link, hover lift
- ✓Spec-list about — frame + stamp badge + 4 spec-items (ic + b + span)
- ✓Filterable portfolio — `data-cat` chips (All/Commercial/Institutional/Residential/Industrial/Infrastructure), vanilla JS filter
- ✓Steel team section — `section--steel` with crew cards + yellow rule
- ✓Site reports — quote + mini-quotes with stars
- ✓Bid form — `data-form` with `.form-ok`/`.form-err`, no `alert()`
- ✓Sticky header — `sitehead` with mark, nav, CTA, burger drawer
- ✓Scroll reveals — IntersectionObserver, `.reveal` + `.d1`…`.d4`, plank slide
- ✓Active nav — auto-highlight via `location.pathname`
- ✓Footer year — `[data-year]` auto-fills current year
- ✓Reduced motion — disables hazard shift + reveals
- ✓Original imagery — 35 source images from Builderz (`assets/img/`): `carousel-[1-3].jpg`, `service-[1-6].jpg`, `portfolio-[1-6].jpg`, `team-[1-4].jpg`, `about.jpg`, `testimonial-*.jpg`, etc.