An online workshop landing-page draft with the audience, agenda and registration readiness visible
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 http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; form-action 'none'; base-uri 'none'"><title>Write a clearer project update · workshop draft</title><style>*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,Helvetica,sans-serif;color:#24313b;background:#fff}main{max-width:900px;margin:auto;padding:22px}h1{font-size:26px;line-height:1.2;margin:8px 0 18px}h2{font-size:19px;margin:22px 0 10px}h3{font-size:17px;margin:14px 0 8px}p{margin:10px 0}ul,ol{padding-left:22px}li{margin:6px 0}.note{font-size:13px;color:#53616a}.callout{border-left:4px solid #405d73;background:#f2f5f7;padding:10px 14px}table{border-collapse:collapse;width:100%;margin:12px 0}caption{text-align:left;font-weight:bold;padding:0 0 8px}th,td{padding:9px 8px;text-align:left;vertical-align:top;border-bottom:1px solid #b8c3ca;overflow-wrap:anywhere}th{background:#edf2f5}td b{display:none}footer{border-top:1px solid #aeb9bf;margin-top:22px;padding-top:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.5 ui-monospace,monospace;background:#f5f5f5;padding:12px}@media(max-width:560px){main{padding:16px}h1{font-size:23px}thead{display:none}table,tbody,tr,td{display:block;width:100%}caption{display:block}tr{border-bottom:1px solid #aeb9bf;padding:6px 0}td{border:0;padding:3px 0}td b{display:inline}}@media print{@page{size:letter;margin:.5in}main{padding:0}}.brief{border-top:5px solid #78583b;padding-top:8px}.promise{background:#faf5eb;padding:14px}.pending{border:2px solid #78583b;padding:12px}h1{max-width:650px}th:first-child{width:130px}</style></head><body><main><p class="note">Original fictional workshop · review draft; joining and registration facts pending</p><section class="brief"><h1>Write a clearer project update</h1><p>For team leads preparing a weekly update. Practice turning supplied notes into a status paragraph, a risk statement and a decision request.</p><p><time datetime="2026-11-19T13:00:00-05:00">Thursday, November 19, 2026 · 1:00 p.m.</time>–<time datetime="2026-11-19T14:00:00-05:00">2:00 p.m.</time><br><strong>Time zone:</strong> America/New_York · Online workshop</p></section><h2>What you will practice</h2><div class="promise"><p>Bring a short set of non-confidential project notes. The assumed exercise produces an update draft to discuss; no performance result, certificate or recording is promised.</p></div><table><caption>Proposed workshop agenda · all times America/New_York</caption><thead><tr><th scope="col">Time</th><th scope="col">Activity</th><th scope="col">Work to do</th></tr></thead><tbody><tr data-start="13:00" data-end="13:10" data-block="0"><td><b>Time: </b>13:00–13:10</td><td><b>Activity: </b>Frame the update</td><td><b>Work to do: </b>Choose the decision your reader needs.</td></tr><tr data-start="13:10" data-end="13:30" data-block="1"><td><b>Time: </b>13:10–13:30</td><td><b>Activity: </b>Status and risk</td><td><b>Work to do: </b>Separate an observed fact from an assumption.</td></tr><tr data-start="13:30" data-end="13:50" data-block="2"><td><b>Time: </b>13:30–13:50</td><td><b>Activity: </b>Decision request</td><td><b>Work to do: </b>Draft a concrete request with the supplied owner/date.</td></tr><tr data-start="13:50" data-end="14:00" data-block="3"><td><b>Time: </b>13:50–14:00</td><td><b>Activity: </b>Review and questions</td><td><b>Work to do: </b>Name one revision before sending.</td></tr></tbody></table><p data-total="60"><strong>Agenda total: 60 minutes.</strong> Times and activities are illustrative planning assumptions.</p><h2>Registration handoff · pending</h2><section class="pending" data-confirm><p><strong>Actual registration destination: [TO CONFIRM].</strong> No registration is recorded by reading this draft.</p><p>Host contact, presenter identity, joining platform, admission terms and access arrangements: [TO CONFIRM]. Complete and test the organizer's real registration process before publishing.</p></section><h2>Before you attend</h2><p>After confirmation, follow the real host instructions for joining. Keep private meeting credentials in the organizer's intended channel. Do not send confidential project notes to an unknown registration route.</p><footer>Review the audience, agenda and pending handoff with a colleague. Tell guests through the real organizer channel if instructions change. No signup form, countdown or fake register button.</footer></main></body></html>