<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome to Rome</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>🏛️ Welcome to Ancient Rome</h1>
<h2>Week 10 • Monday • From Small Town to Mighty Empire</h2>
<section class="lesson-section">
<h3>🎯 Today's Goals</h3>
<div class="activity-box">
<p style="margin-bottom:2px;">✔ Learn where Rome is and how it began.</p>
<p style="margin-bottom:2px;">✔ Hear the legend of Romulus and Remus.</p>
<p style="margin-bottom:2px;">✔ Discover how Rome grew into an empire.</p>
</div>
</section>
<section class="lesson-section">
<h3>📖 Reading Time</h3>
<div class="reading-box">
<p>Our next adventure takes us to <strong>Rome</strong>, a city in Italy built on seven hills beside the Tiber River. The Romans told a legend that their city was founded in 753 BC by twin brothers, <strong>Romulus and Remus</strong>, who as babies were rescued and cared for by a wolf! Romulus gave the city his name.</p>
<p>Rome started as a small town of farmers and shepherds. But the Romans were amazing organizers and builders. Little by little, their armies and roads spread out until Rome ruled lands all around the Mediterranean Sea — from Britain to Egypt!</p>
<p>All these lands together were called the <strong>Roman Empire</strong>, ruled by an <strong>emperor</strong>. At its biggest, around 50 to 90 million people lived in it. The Romans borrowed many ideas from the Greeks — gods, buildings, and art — and added clever inventions of their own.</p>
</div>
</section>
<section class="lesson-section">
<h3>✏️ Reading Questions</h3>
<p>1. In what country is the city of Rome?</p>
<div class="answer-line"></div>
<p>2. Who were Romulus and Remus, according to legend?</p>
<div class="answer-line"></div>
<p>3. What is an empire?</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>📝 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>Rome</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>empire</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>emperor</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>legend</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>Tiber River</strong><div class="line-row"></div><div class="line-row"></div></div>
<div class="vocab-card"><strong>founded</strong><div class="line-row"></div><div class="line-row"></div></div>
</div>
</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> Rome is a city in Italy.</div>
<div class="tf-item"><span class="circle-box"></span> Legend says a wolf cared for Romulus and Remus.</div>
<div class="tf-item"><span class="circle-box"></span> Rome was built on seven hills.</div>
<div class="tf-item"><span class="circle-box"></span> Rome always stayed a tiny town.</div>
<div class="tf-item"><span class="circle-box"></span> The Roman Empire was ruled by an emperor.</div>
<div class="tf-item"><span class="circle-box"></span> The Romans borrowed ideas from the Greeks.</div>
</section>
</div>
<div class="page">
<section class="lesson-section">
<h3>🎨 Draw the Legend</h3>
<p style="font-size:10.5px; color:#555;">Draw the legend of Rome: the twin babies Romulus and Remus with the wolf who cared for them.</p>
<div class="draw-grid">
<div class="draw-box"></div>
</div>
</section>
<section class="lesson-section">
<h3>🧠 Think About It</h3>
<p>1. The wolf story is a legend. How is a legend different from a fact?</p>
<div class="answer-lines-triple">
<div class="line-row"></div>
<div class="line-row"></div>
<div class="line-row"></div>
</div>
<p>2. Why might building beside a river help a city grow?</p>
<div class="answer-line"></div>
</section>
<section class="lesson-section">
<h3>📊 Review</h3>
<table>
<tr><th>I learned...</th><th>Circle one</th></tr>
<tr><td>Where Rome is located</td><td>YES / NOT YET</td></tr>
<tr><td>The legend of how Rome began</td><td>YES / NOT YET</td></tr>
</table>
</section>
</div>
</body>
</html>