Professional service rate card · 1.0.0

A restrained service rate card with fixed-scope items, starting prices and an enquiry column.

HTML: open index.html as the complete specimen. Copy snippet.html into your page and load snippet.css after your existing CSS. No JavaScript is needed. demo.css and the surrounding demonstration content are not part of the reusable component. Replace example links and details.

Astro: copy Snippet.astro into src/components and import it in your page or shared layout.  The component uses scoped class prefixes and global CSS for its own markup. Use one instance per page; change all IDs/prefixes before duplicating a component. An Astro component is provided, not a complete Astro starter project.

The rate card lists distinct services instead of implying that they are tiers of one product. Starting-price wording leaves room for a scope discussion without pretending to calculate a final fee.

All prices and business statements are demonstration content. Replace currency, taxes, billing periods and inclusions with your real terms. No payment/checkout backend is included.

Testing: check links, keyboard focus, narrow widths, zoom and actual content after integration. Included scoped styles avoid broad element resets; your existing CSS may still affect the result. Original code: MIT, attribution link optional. Keep the license notice in redistributions.
