Original fictional student data binder with full reading responses and separate writing records
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"><title>Fictional student data binder</title><style>*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,sans-serif;color:#25313d;background:#f7f6f0}main{max-width:850px;margin:auto;padding:28px}h1{line-height:1.2}h2{line-height:1.3;margin-top:32px}p{max-width:72ch}a{color:#154d77}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#ece9df;padding:18px}section{scroll-margin-top:16px}nav{padding:15px;background:#fff;border-top:5px solid #977044}nav a{display:inline-block;margin-right:20px}table{border-collapse:collapse;width:100%;table-layout:fixed}th,td{padding:12px 6px;text-align:left;border-bottom:1px solid #aeb5b8;overflow-wrap:anywhere}th:first-child{width:23%}caption{text-align:left;font-weight:700;margin:12px 0}article{background:white;padding:18px;border-left:4px solid #977044;margin:16px 0}.reading-count{font-weight:700}@media(max-width:500px){th,td{padding:10px 3px;font-size:15px}}@media(max-width:500px){main{padding:18px}}</style></head><body><main><h1>Find the work behind the number</h1><p>Original fictional classroom data binder. No actual student, grade, school record or instructional outcome.</p><nav aria-label="Binder sections"><a href="#reading">Reading checks</a><a href="#writing">Writing records</a><a href="#review">Review sheet</a></nav><section id="reading"><h2>Reading: eight facts in a practice text</h2><p>Rule: one correct response for each matching fact; eight items per check. All text and responses below are invented exercise material.</p><article id="reading-source"><h3>Original practice text</h3><p>On Monday, Mira led a planting activity in the garden. The group used eight blue pots. The activity ended with watering.</p><p>For each item, identify the day, place, leader, activity, object, color, count, or ending from this text. Exact matching answers are shown under Key.</p></article><table><caption>Full source answers and three response sheets</caption><thead><tr><th scope="col">Item / key</th><th scope="col">R1<br>Oct 5</th><th scope="col">R2<br>Oct 7</th><th scope="col">R3<br>Oct 9</th></tr></thead><tbody><tr><th scope="row">Day<br>Key: Monday</th><td>Monday<br>Correct</td><td>Monday<br>Correct</td><td>Monday<br>Correct</td></tr><tr><th scope="row">Place<br>Key: garden</th><td>garden<br>Correct</td><td>garden<br>Correct</td><td>garden<br>Correct</td></tr><tr><th scope="row">Leader<br>Key: Mira</th><td>Tomas<br>Does not match</td><td>Mira<br>Correct</td><td>Mira<br>Correct</td></tr><tr><th scope="row">Activity<br>Key: planting</th><td>painting<br>Does not match</td><td>planting<br>Correct</td><td>painting<br>Does not match</td></tr><tr><th scope="row">Object<br>Key: pots</th><td>pots<br>Correct</td><td>pots<br>Correct</td><td>pots<br>Correct</td></tr><tr><th scope="row">Color<br>Key: blue</th><td>red<br>Does not match</td><td>red<br>Does not match</td><td>red<br>Does not match</td></tr><tr><th scope="row">Count<br>Key: 8</th><td>8<br>Correct</td><td>8<br>Correct</td><td>8<br>Correct</td></tr><tr><th scope="row">Ending<br>Key: watering</th><td>sorting<br>Does not match</td><td>sorting<br>Does not match</td><td>sorting<br>Does not match</td></tr></tbody></table><p class="reading-count" id="reading-count">R1: 4/8 = 50% · R2: 6/8 = 75% · R3: 5/8 = 62.5%</p><p>Dates are fictional October 2026 exercise labels. These checks use the same stated rule; they do not establish proficiency, independent performance or a cause of change.</p></section><section id="writing"><h2>Writing: explanation checklist</h2><p>Four parts: claim, supplied detail, explicit connection, and remaining question. Each included part counts once. This is a different measure from correct reading items.</p><article id="w1"><h3>W1 · October 5 · 2/4 parts</h3><p>The path was muddy. The supplied picture shows puddles beside the footprints.</p><p>Present: claim and detail. Missing: explicit connection and remaining question.</p></article><article id="w2"><h3>W2 · October 9 · 3/4 parts</h3><p>The path was muddy because the supplied picture shows puddles beside the footprints.</p><p>Present: claim, detail and connection. Missing: remaining question.</p></article><p>The picture described in the fictional writing exercise is not supplied here. Do not claim this page independently confirms what the picture shows. Do not average reading and writing records into an overall student score.</p></section><section id="review"><h2>Blank review sheet</h2><pre>Record ID and actual work location: __________
What does this scoring rule count? __________
What can I point to in the work? __________
What do I want to practice next? __________
What help would I like? __________
Actual school format / private route: __________</pre><p>Complete the actual review with the student in the approved school record. This reading copy has no forms, collection, submission, saved notes or school-system connection.</p><a href="#reading">Return to the reading records</a></section></main></body></html>