Three fictional web-team services: wording correction, event-page draft and page-load investigation
HTML for this example
Select the code and use your copy shortcut. Changes in this preview are temporary.
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="nos-demo-layout" content="responsive-lab"><title>Choose the web-team service</title><style>*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#243333;background:#f7fafb}main{max-width:860px;margin:auto;padding:22px}h1{font-size:1.8rem;line-height:1.2}h2{font-size:1.25rem}section{padding:14px 0;border-top:2px solid #7b959a;margin-top:18px}dt{font-weight:700}dd{margin:0 0 9px}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#e5eef0;padding:14px}.route{border-left:4px solid #607d84;padding:9px}small{display:block}</style></head><body><main><h1>What work do you need?</h1><p>Original fictional service catalog for a community organization's web team. These are example offerings, not live service commitments.</p><p><strong>Existing wording → S01. New event page → S02. Page fails to load → S03.</strong></p><section data-service="S01"><h2>S01 · Correct existing page wording</h2><dl><dt>Supply</dt><dd>Page address; exact current wording; proposed wording; supporting factual source.</dd><dt>Expected output</dt><dd>A revised-text proposal for that page.</dd><dt>Choose another service when</dt><dd>You need a new event page (S02), or the page cannot be opened (S03).</dd></dl><p class="route">Request route needed. Owner and response/delivery commitment not supplied.</p></section><section data-service="S02"><h2>S02 · Prepare an event page</h2><dl><dt>Supply</dt><dd>Event title; audience; confirmed details and source references; person maintaining the details.</dd><dt>Expected output</dt><dd>An event-page draft. Unknown date or venue stays blank.</dd><dt>Scope boundary</dt><dd>Registration handling and publication are not included in this fictional offering.</dd></dl><p class="route">Request route needed. Owner and response/delivery commitment not supplied.</p></section><section data-service="S03"><h2>S03 · Investigate a page that fails to load</h2><dl><dt>Supply</dt><dd>Affected address; observed failure; time observed; known browser/device; permitted reproduction steps. No passwords or private account details.</dd><dt>Expected output</dt><dd>An investigation note: reproduced behavior and remaining unknowns.</dd><dt>Scope boundary</dt><dd>No repair or resolution time promised.</dd></dl><p class="route">Request route needed. Owner and response/delivery commitment not supplied.</p></section><section><h2>Blank service entry</h2><pre>Service ID / plain-language name: __________
Audience / when to choose it: __________
Required inputs: __________
Expected output / scope boundary: __________
Owner / maintained request route: __________
Confirmed commitment / source, if any: __________
Unmatched-request route: __________
Description checked on: __________</pre><small>Read-only catalog example. No request destinations supplied. Browsing creates no ticket, sends no notification and saves no request.</small></section></main></body></html>