html
<div class="container">
    <h1 id="title">Counter-Measures</h1>
    <h2 id="tagline">A Guide to Protecting Your Fjord from Certain Doom</h2>
    <div class="section">
        <h2 id="section-title">Physical Barriers</h2>
        <p>Building a moat filled with piranha-infested waters is a great way to keep unwanted visitors away.</p>
        <ul>
            <li><a href="/subpages/advanced-simulation-survival/defense/counter-measures/physical-barriers/moats-and-more">Learn more about moats and their effectiveness</a></li>
            <li><a href="/subpages/advanced-simulation-survival/defense/counter-measures/spy-gardens">Spy gardens: a more... creative solution</a></li>
        </ul>
    </div>
    <div class="section">
        <h2 id="section-title">Stealth Systems</h2>
        <p>Camooflage tents are a great way to disguise your fjord as a harmless, uninhabited rock outcropping.</p>
        <ul>
            <li><a href="/subpages/advanced-simulation-survival/defense/counter-measures/stealth-systems/stealth-camo">Learn more about camo tents and their uses</a></li>
            <li><a href="/subpages/advanced-simulation-survival/defense/counter-measures/stealth-systems/stealth-gizmos">Stealth gizmos: because who needs functionality, right?</a></li>
        </ul>
    </div>
    <div class="section">
        <h2 id="section-title">Social Engineering</h2>
        <p>Convince your neighbors that your fjord is actually just a very large, very expensive, art project. They won't dare to attack.</p>
        <ul>
            <li><a href="/subpages/advanced-simulation-survival/defense/counter-measures/social-engineering/fjord-as-art">Learn more about this clever tactic</a></li>
            <li><a href="/subpages/advanced-simulation-survival/defense/counter-measures/social-engineering/neighborly-love">Winning over your neighbors with kindness and snacks</a></li>
        </ul>
    </div>
</div>