Fictional study inventory: two item records and an unfilled reusable scaffold
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>Study inventory: match the item to its supporting record</title><style>*{box-sizing:border-box}body{margin:0;font:18px/1.6 system-ui,sans-serif;color:#182c3a;background:#fff}main{max-width:900px;margin:auto;padding:24px}h1{font-size:clamp(28px,5vw,40px);line-height:1.2}h2{font-size:25px}p,li,dd,td,th{overflow-wrap:anywhere}a{color:#124f91}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #bdc5ca;text-align:left;vertical-align:top}caption{text-align:left;font-weight:650}dt{font-weight:700;margin-top:14px}dd{margin-left:0}section{margin:28px 0}label{font-weight:650}select{font:inherit;padding:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #bfc6ca;padding:18px;font:16px/1.7 ui-monospace,monospace}aside{background:#f6f1e7;padding:16px;margin:22px 0}strong{font-weight:750}@media print{body{font-size:12pt}main{max-width:none}select{display:none}section{break-inside:avoid}}.item{padding:18px 0;border-top:2px solid #52685b}.missing{background:#fff3d8;padding:12px}.reference{font-family:ui-monospace,monospace;font-size:16px}body{font-size:16px;line-height:1.5}main{padding:18px}section{margin:20px 0}h1{font-size:clamp(26px,5vw,36px)}h2{font-size:23px}pre{font-family:system-ui,sans-serif;font-size:16px}.job{padding:14px}.name{font-size:24px;margin:12px 0}dt{margin-top:10px}</style></head><body><main><h1>Study inventory: match the item to its supporting record</h1><p>Original fictional study inventory. Two item records, with no value estimate and no supplied photos or receipts.</p><section class="item" id="st01"><h2>ST01 • Adjustable desk lamp</h2><dl><dt>Location</dt><dd>Study</dd><dt>Identifying description</dt><dd>Blue base; model not recorded.</dd><dt>Planned photo label — file not supplied</dt><dd class="reference">ST01-lamp.jpg</dd></dl><p class="missing">Still to collect: model and purchase date. The planned filename is not a working download or proof that a photo exists.</p></section><section class="item" id="st02"><h2>ST02 • Two-shelf bookcase</h2><dl><dt>Location</dt><dd>Study</dd><dt>Identifying description</dt><dd>Light wood; serial not recorded.</dd><dt>Supporting record</dt><dd>No supporting file supplied.</dd></dl><p class="missing">Still to collect: photograph and purchase record.</p></section><h2>Blank item record</h2><pre>Item ID: __________
Room/location: __________
Description and quantity/unit: __________
Make/model/serial, where recorded: __________
Supported purchase date/cost: __________
Actual photo/document reference: __________
Missing information / next task: __________
Date checked / maintained record location: __________</pre><aside>Reading copy only. No attachments, valuation, coverage finding, claim approval, storage or download buttons are simulated.</aside></main></body></html>