Original fictional Pine Loop campsite and equipment preparation sheet; no actual trip or packing record

HTML for this example

Select the code and use your copy shortcut. Changes in this preview are temporary.

<!doctype html><html lang="en-US"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Pine Loop camping preparation</title><style>*{box-sizing:border-box}body{margin:0;background:#fffdf8;color:#293b39;font:17px/1.6 system-ui,sans-serif}main{max-width:900px;margin:auto;padding:24px}h1{font:700 34px/1.2 Georgia,serif}h2{font-size:23px;margin-top:28px}.site{border-left:5px solid #746344;background:#f4efdf;padding:16px}.kit{border-top:2px solid #5f7971;padding-top:12px;margin-top:25px}li{margin:7px 0}.blank{display:inline-block;min-width:70px;border-bottom:1px solid #526e67}footer{border-top:1px solid #9daea7;padding-top:18px;margin-top:25px}@media(max-width:560px){main{padding:18px 14px}h1{font-size:29px}}@media print{main{padding:0}}</style></head><body><main><p>CAMPSITE-BASED PREPARATION · ORIGINAL FICTIONAL EXERCISE</p><h1>Pine Loop: build the equipment plan from the site</h1><p id="trip">Two adults · two nights · frontcountry tent camping. No actual booking or site conditions are represented.</p><section class="site"><h2>Supplied site information</h2><p id="provided">Provided: picnic table and vault restrooms.</p><p id="power">Not provided: electrical hookup.</p><p id="unknown">Not supplied: drinking-water availability and food-storage instructions. Resolve these with the actual campground information.</p></section><section class="kit" id="shelter"><h2>Shared shelter · Mara</h2><ul><li>Tent kit: check actual poles, stakes and rainfly against its instructions.</li><li>Practice setting up the actual model before departure.</li><li>Confirm the sleeping and gear space your group needs.</li></ul></section><section class="kit" id="kitchen"><h2>Shared kitchen · Ilan</h2><ul><li>Planned meals and the cooking equipment each one needs.</li><li>Plates, cups and eating utensils.</li><li>Water containers and the actual water arrangement.</li><li>Cleanup supplies and the campground food-storage/cooking rules.</li></ul></section><section class="kit" id="personal"><h2>Each camper prepares</h2><ul><li>Sleeping bag and pad suited to the actual conditions.</li><li>Weather-appropriate clothing and rain protection.</li><li>Personal lighting and its power supply.</li><li>Toiletries and individual items already identified.</li></ul></section><h2>Complete the actual planning details</h2><p>Site/dates/reservation: <span class="blank" data-blank></span></p><p>Current conditions/weather source: <span class="blank" data-blank></span></p><p>Drinking-water arrangement: <span class="blank" data-blank></span></p><p>Park food-storage/cooking rules: <span class="blank" data-blank></span></p><p>Tent model/components and practice: <span class="blank" data-blank></span></p><p>Bedding specification for conditions: <span class="blank" data-blank></span></p><p>Meals and compatible cooking equipment: <span class="blank" data-blank></span></p><p>Actual packed equipment record: <span class="blank" data-blank></span></p><footer>Original fictional preparation sheet, not a complete universal essentials list or a camping-safety approval. No live conditions, water quantity, fire procedure, booking, saved packing record or completed equipment check is supplied.</footer></main></body></html>