Preview
Description
Features Overview
Framework-Free, Hand-Coded — Clean HTML5, CSS3 and vanilla JavaScript. No Bootstrap, no jQuery, no build step.
12 Ready-Made Pages — Home, About, Services, four service pages, Portfolio, Project case study, FAQ, Contact and a styled 404.
Developer Friendly Code — Commented sections and a single :root block for colours and background images.
Touch Friendly — Large tap targets, slide-down mobile menu and smooth scrolling.
100% Fully Responsive — Tested from 390px phones to large desktops with no horizontal scrolling.
SEO On-Page Optimized — Unique titles/descriptions, canonical URLs, Open Graph, Twitter cards, JSON-LD, sitemap.xml and robots.txt.
Accessible by Default — Skip links, focus styles, labelled fields, semantic landmarks, one H1 per page, reduced-motion support.
Self-Hosted Fonts — Barlow and Barlow Condensed served locally as woff2.
Easy to Customize — Palette, fonts and background photos via CSS variables; content directly in HTML.
Well Documented — Full guide covering install, branding, content, forms and SEO.
Full Features List
- Hand-coded HTML5, CSS3 and ES6
- 100% responsive layout
- Sticky (fixed) header on scroll
- 12 total pages (11 core + 404)
- Four dedicated service detail pages
- Portfolio grid and reusable project case study
- Estimate/contact form with inline validation and demo success state
- Mobile menu: touch, mouse, keyboard, Escape and outside-click close
- Animated statistics counters
- Scroll-reveal animations with reduced-motion support
- Back-to-top button and automatic copyright year
- Native FAQ accordion using
<details>— works without JavaScript - SEO metadata, Open Graph and Twitter cards
- JSON-LD structured data (LocalBusiness and FAQPage)
- XML sitemap and robots.txt
- Self-hosted woff2 fonts
- Inline SVG icons (no icon font)
- Accessible forms and semantic landmarks
- Skip-to-content link
- Lazy-loaded images with width/height attributes
- CSS design tokens
- Clean, commented code
- Detailed documentation
- No jQuery, Bootstrap, SASS or build step
- Works on any static host (cPanel, Netlify, Vercel, GitHub Pages)
Sources and Credits
- Fonts: Barlow + Barlow Condensed by Jeremy Tribby — SIL Open Font License 1.1
- Icons: custom inline SVG