```
            <h1 style="font-family: Arial; font-size: 48px; font-weight: bold; color: #ff0000;">Meeting of the Quarterlies</h1>

            <div style="background-color: #f0f0f0; width: 800px; margin: 0px; padding: 0px; border: 4px black solid; box-shadow: 0px 0px 4px black; border-radius: 4px;">

                <h2 style="font-family: Arial; font-size: 32px; color: #000000; text-decoration: none;">Agenda for the Quarterly Soup Stand Meeting, January 1st</h2>

                <ul style="list-style-type: disc; list-style-position: inside; padding: 0px; margin: 0px; color: #333; font-size: 18px;">
                    <li style="color: #000000; padding: 4px; border-bottom: 4px black solid; border-top: none;">1.0: Introduction by the Chair (5 minutes)</li>
                    <li style="color: #000000; padding: 4px; border-bottom: 4px black solid; border-top: none;">1.5: Report from the Soup Stand Manager (10 minutes)</li>
                    <li style="color: #000000; padding: 4px; border-bottom: 4px black solid; border-top: none;">2.0: Discussion of Soup Stand Expansion (20 minutes)</li>
                    <li style="color: #000000; padding: 4px; border-bottom: 4px black solid; border-top: none;">2.5: Lunch Break (30 minutes)</li>
                    <li style="color: #000000; padding: 4px; border-bottom: 4px black solid; border-top: none;">3.0: Vote on New Soup Flavors (20 minutes)</li>
                    <li style="color: #000000; padding: 4px; border-bottom: #000000; border-top: none;">3.5: Adjournment (5 minutes)</li>
                </ul>

                <a href="/meetings/quarterly-soup-stand/agenda/5/" style="text-decoration: none; text-align: center; padding: 4px; border: 4px black solid; box-shadow: 0px 0px 4px black; font-size: 18px; color: #ff0000; background-color: #333; text-align: center; border-radius: 4px; display: block; margin-bottom: 16px;">View Next Meeting</a>
                <a href="/meetings/quarterly-soup-stand/agenda/1/" style="text-decoration: none; text-align: center; padding: 4px; border: 4px black solid; box-shadow: 0px 0px 4px black; font-size: 18px; color: #ff0000; background-color: #333; text-align: center; border-radius: 4px; display: block; margin-bottom: 16px;">Back to Previous Meeting</a>

            </div>

            <h2 style="font-family: Arial; font-size: 18px; color: #333; text-decoration: none; margin-bottom: 8px; padding-bottom: 4px; border-bottom: 4px black solid;">Subtopics for Discussion:</h2>

            <ul style="list-style-type: disc; list-style-position: inside; padding: 0px; margin: 0px; color: #333; font-size: 18px;">
                <li style="color: #000000; padding: 4px; border-bottom: 4px black solid; border-top: none;">The Great Tomato Soup Debate</li>
                <li style="color: #000000; padding: 4px; border-bottom: 4px black solid; border-top: none;">The Impact of Global Warming on Soup Sales</li>
                <li style="color: #000000; padding: 4px; border-bottom: 4px black solid; border-top: none;">The Ethics of Soup Stand Expansion</li>
            </ul>
            <a href="/meetings/quarterly-soup-stand/minutes/1/" style="text-decoration: none; text-align: center; padding: 4px; border: 4px black solid; box-shadow: 0px 0px 4px black; font-size: 18px; color: #ff0000; background-color: #333; text-align: center; border-radius: 4px; display: block; margin-bottom: 16px;">View Meeting Minutes</a>