Unit 5 · Traditional Lifeways
Stage 6 of 7
Unit 5 · Traditional Lifeways
Stage 6 of 7
Unit 5 · Stage 6
Your site already has a header, a sticky nav, and two sections that alternate backgrounds. In this final build stage you add the third section, Trade and Travel, which completes the alternating pattern, and then you turn the placeholder footer into a real semantic footer that names and closes the site. Play in the editor, or press 👀 Type it with me to be guided. (pause on a highlighted word to see what it does)
<nav>, and two <section> blocks: Food Gathering on the default background and Buffalo Lifeways on the .section-alt tan. Every property you have used lives in the 📖 Glossary at the top.Look at the editor. Your two sections alternate backgrounds because only the middle one carries class="section-alt". The third section will leave that class off, so it returns to the default background and the pattern reads default, tan, default.
#food-gathering#buffalo-lifeways with .section-alt#ede8df) that breaks up the page.#trade-travel, but that section does not exist yet, so the third link goes nowhere. You are about to fix that.Add the third section after the Buffalo Lifeways </section>, still inside <main>. It uses the same .content-section and .articles-grid structure as the others, but notice there is no class="section-alt" here, because this section uses the default background.
<section id="trade-travel">id matches the third nav link, so clicking Trade and Travel now scrolls straight here.section-alt<article> cards<section id="trade-travel"> block after the Buffalo Lifeways </section>. Use the example below, then press ▶ Run.<!-- add this after the Buffalo Lifeways </section> -->
<section id="trade-travel">
<div class="content-section">
<h2 class="section-heading">Trade and Travel</h2>
<p class="section-intro">Tribal Nations across the northern plains and woodlands were not isolated. They were connected through extensive trade networks, ceremonial gatherings, and seasonal movement. The MHA Nation at the confluence of the Missouri and Knife Rivers was one of the most significant trade centers on the continent, drawing nations from hundreds of miles away.</p>
<div class="articles-grid">
<article>
<h3>The MHA Trade Villages</h3>
<p>The Mandan, Hidatsa, and Arikara (MHA) people built large earthlodge villages at the confluence of the Missouri and Knife Rivers in present-day North Dakota. These villages were major trade centers for centuries, visited by Lakota, Crow, Assiniboine, Cree, and eventually European traders. Corn, dried squash, and sunflower oil moved out. Buffalo robes, horses, and goods from distant nations moved in.</p>
</article>
<article>
<h3>Seasonal Movement</h3>
<p>Many Tribal Nations followed seasonal cycles that covered hundreds of miles each year. Dakota and Lakota bands moved between summer buffalo hunting grounds, winter shelter camps along river valleys, and spring and fall gathering sites. Movement was not wandering. It was organized, intentional, and governed by deep knowledge of the land, the animals, and the relationships between nations sharing the same territory.</p>
</article>
<article>
<h3>Trade as Relationship</h3>
<p>Trade between nations was not simply economic. It was relational. Gifts and trade goods established alliances, honored obligations, and maintained peace between nations with different languages and territories. Ceremony accompanied trade. The pipe, shared protocols, and reciprocal exchange created a web of relationships across the region that persisted for generations.</p>
</article>
</div>
</div>
</section>
Which class gives a section the tan alternating background? Type it, then press Submit to unlock the last step.
Experiment, then set it the way you like it.
border-top color or thickness.padding to make it taller or tighter.To complete Stage 6, your page needs the Trade and Travel section and a semantic footer with a top border. Press Check my work when you are ready. This opens Stage 7 and lets your teacher see that you finished.