Accessible by default
Semantic HTML, visible focus states, proper labels, and aria-current nav states.
Starter Dummy Pages
Copy this layout to your About, Login, and Contact pages for a consistent look. Switch theme by OS dark mode; tweak colors via CSS variables.
Responsive + themable
Single CSS source with variables, shadows, and rounded corners—no frameworks.
Production‑friendly structure
Header and footer are identical across pages for easy copy‑paste.
Keep the “active” page by setting aria-current="page" on the matching nav link.