<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Colonial Towns</title>
<style>
@page { size: 8.5in 11in; margin: 0.5in; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Georgia', serif; color: #1a1a1a; font-size: 12px; line-height: 1.5; }
h1 { font-size: 22px; color: #e65100; margin-bottom: 2px; }
h2 { font-size: 13px; color: #555; font-weight: normal; font-style: italic; margin-bottom: 6px; }
h3 { font-size: 14px; color: #e65100; margin: 4px 0 2px; page-break-after: avoid; }
.reading-box { background: #fff3e0; border-left: 5px solid #ff9800; border-radius: 0 8px 8px 0; padding: 6px 10px; margin-bottom: 4px; font-size: 11.5px; line-height: 1.3; }
.reading-box p { margin-bottom: 2px; text-indent: 1em; }
.reading-box p:last-child { margin-bottom: 0; }
.answer-line { border-bottom: 1px solid #b0bec5; height: 18px; margin-bottom: 2px; }
.answer-lines-triple .line-row { border-bottom: 1px solid #b0bec5; height: 15px; margin-bottom: 1px; }
.fill-blank-line { display: inline-block; width: 80px; border-bottom: 1px solid #b0bec5; height: 18px; vertical-align: text-bottom; margin: 0 2px; }
.activity-box { border: 2px solid #ff9800; border-radius: 6px; padding: 5px 8px; margin-bottom: 4px; background: #fffaf3; }
.activity-box p { margin-bottom: 2px !important; }
.draw-box { border: 2px dashed #ff9800; border-radius: 6px; height: 55px; background: #fafafa; margin-bottom: 4px; }
.circle-box { display: inline-block; width: 14px; height: 14px; border: 2px solid #ff9800; border-radius: 50%; margin-right: 3px; vertical-align: middle; }
.wordbank span { background: #fff3e0; border: 1px solid #ff9800; border-radius: 4px; padding: 1px 5px; font-size: 10.5px; margin-right: 2px; display: inline-block; margin-bottom: 2px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 6px; font-size: 11px; page-break-inside: avoid; }
th { background: #fff3e0; color: #e65100; padding: 3px 5px; text-align: left; font-size: 10.5px; border: 1px solid #ffe0b2; }
td { padding: 3px 5px; border: 1px solid #e0e0e0; }
tr:nth-child(even) { background: #fef5ee; }
.lesson-section { page-break-inside: avoid; }
.vocab-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-bottom: 6px; }
.vocab-card { border: 2px solid #ff9800; border-radius: 6px; padding: 4px 7px; }
.vocab-card strong { display: block; color: #e65100; font-size: 12px; margin-bottom: 2px; }
.vocab-card .line-row { border-bottom: 1px solid #b0bec5; height: 16px; }
.draw-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin-bottom: 6px; }
.tf-item { margin-bottom: 5px; }
</style>
</head>
<body>
<div class="page">
<h1>🔨 A Walk Through a Colonial Town</h1>
<h2>Week 24 • Tuesday • Shops, Jobs, and Busy Streets</h2>
<section class="lesson-section">
<h3>📖 Reading Time</h3>
<div class="reading-box">
<p>Let's take a walk down the main street of a colonial town. Clip-clop! A horse pulls a wagon past the shops. Every shop has a special worker with a special job.</p>
<p>The <strong>blacksmith</strong> hammers hot iron into horseshoes and tools. The <strong>cooper</strong> makes wooden barrels. The <strong>cobbler</strong> makes and fixes shoes. The <strong>printer</strong> prints newspapers, and the <strong>baker</strong> fills the street with the smell of fresh bread.</p>
<p>In the middle of town stands the meetinghouse, where people gather for church and town meetings. There were no big factories back then — almost everything was made by hand, one piece at a time. These skilled workers were called <strong>craftspeople</strong>.</p>
</div>
</section>
<section class="lesson-section">
<h3>✏️ Reading Questions</h3>
<p>1. What does a blacksmith make?</p>
<div class="answer-line"></div>
<p>2. Who makes and fixes shoes?</p>
<div class="answer-line"></div>
<p>3. What happened at the meetinghouse?</p>
<div class="answer-line"></div>
<p>4. Why do you think craftspeople were so important to the town?</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
</section>
<section class="lesson-section">
<h3>📝 Vocabulary Grid</h3>
<p style="font-size:10.5px; color:#555;">Write what each word means in your own words.</p>
<div class="vocab-grid">
<div class="vocab-card"><strong>blacksmith</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>cooper</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>cobbler</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>printer</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>craftsperson</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>meetinghouse</strong><div class="line-row"></div><div class="line-row"></div></div>
</div>
</section>
</div>
<div class="page">
<section class="lesson-section">
<h3>📊 Match the Worker to the Job</h3>
<p style="font-size:10.5px; color:#555;">Write the name of the worker who does each job: blacksmith, cooper, cobbler, printer, or baker.</p>
<table>
<tr><th>Job</th><th>Worker</th></tr>
<tr><td>Bakes fresh bread</td><td></td></tr>
<tr><td>Hammers iron into horseshoes and tools</td><td></td></tr>
<tr><td>Makes wooden barrels</td><td></td></tr>
<tr><td>Prints newspapers</td><td></td></tr>
<tr><td>Makes and fixes shoes</td><td></td></tr>
</table>
</section>
<section class="lesson-section">
<h3>✏️ True or False</h3>
<p style="font-size:10.5px; color:#555;">Write T for true or F for false in each circle.</p>
<div class="tf-item"><span class="circle-box"></span> A cooper makes wooden barrels.</div>
<div class="tf-item"><span class="circle-box"></span> Colonial towns had big factories.</div>
<div class="tf-item"><span class="circle-box"></span> The blacksmith worked with hot iron.</div>
<div class="tf-item"><span class="circle-box"></span> People gathered at the meetinghouse.</div>
<div class="tf-item"><span class="circle-box"></span> A cobbler prints newspapers.</div>
<div class="tf-item"><span class="circle-box"></span> Most things were made by hand.</div>
</section>
<section class="lesson-section">
<h3>🧠 Think About It</h3>
<p>1. Which colonial job would you want? Why?</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
<p>2. Where do we get shoes, bread, and tools today? How is that different?</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
</section>
</div>
<div class="page">
<section class="lesson-section">
<h3>✏️ Fill in the Blanks</h3>
<div class="wordbank">
<span>blacksmith</span><span>barrels</span><span>cobbler</span><span>hand</span><span>meetinghouse</span><span>baker</span>
</div>
<p>1. The <span class="fill-blank-line"></span> hammers hot iron into tools.</p>
<p>2. The cooper makes wooden <span class="fill-blank-line"></span>.</p>
<p>3. The <span class="fill-blank-line"></span> makes and fixes shoes.</p>
<p>4. The <span class="fill-blank-line"></span> fills the street with the smell of bread.</p>
<p>5. People gathered for meetings at the <span class="fill-blank-line"></span>.</p>
<p>6. Almost everything was made by <span class="fill-blank-line"></span>.</p>
</section>
<section class="lesson-section">
<h3>🎨 Draw It!</h3>
<p style="font-size:10.5px; color:#555;">Draw a colonial main street with at least two shops. Add signs so we know what each shop sells!</p>
<div class="draw-grid">
<div class="draw-box"></div>
</div>
</section>
<section class="lesson-section">
<h3>📊 Review</h3>
<table>
<tr><th>I learned...</th><th>Circle one</th></tr>
<tr><td>Jobs people did in colonial towns</td><td>YES / NOT YET</td></tr>
<tr><td>What craftspeople made by hand</td><td>YES / NOT YET</td></tr>
<tr><td>What the meetinghouse was for</td><td>YES / NOT YET</td></tr>
</table>
</section>
</div>
</body>
</html>