About This Template
A complete, framework-free HTML5/CSS3/vanilla JavaScript template for a professional security guard / manned guarding services company. Built with a custom design system, responsive layout, and full-page navigation across seven pages.
IronWatch Security 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 home services & trades business.
Key Features
- ✓Pure HTML5 + CSS3 + vanilla JS — no Bootstrap, Tailwind, jQuery, React, Vue, or Angular
- ✓Custom design system — `:root` tokens, CSS Grid + Flexbox, consistent spacing and typography
- ✓Brand identity — IronWatch Security (dark navy `#0A1428` + high-vis amber `#F59E0B` accent)
- ✓Typography — Barlow Condensed (headings) + Inter (body), served via Google Fonts
- ✓Responsive — mobile-first layout with breakpoints at 768px, 1024px, and 1280px
- ✓Sticky header with hamburger nav toggle on mobile
- ✓Hero carousel — crossfade between two background images via `.hero-bg img.active` toggle
- ✓Scroll animations — `.reveal` class with staggered delay variants (`.reveal--d1`, `.reveal--d2`, `.reveal--d3`)
- ✓Back-to-top button — appears on scroll, smooth-scrolls to top
- ✓Contact form — client-side validation with success/error feedback states
- ✓Inline SVG icons — all UI icons are custom SVGs, no icon library dependency
- ✓SEO-friendly — semantic HTML, meta descriptions, Open Graph tags, breadcrumb navigation
- ✓Accessible — ARIA labels, keyboard navigation, skip-link support, focus management