Committee Circus Meeting - Tuesday</> <style> /* Global Styles */ body { background: #f5a9b5; } .container { max-width: 800px; margin: 40px auto; padding: 20px; background: #ff9b9b; border: 8px solid #000000; border-radius: 20px; box-shadow: 0 0 10px #000000; } /* Headings */ h1, h2, h3, h4 { font-family: 'Bangers', cursive; color: #ffffff; text-shadow: 0 0 10px #000000; } /* Links */ a { color: #ff0000; text-decoration: none; border-bottom: 2px solid #000000; border-radius: 20px; } /* Buttons */ button { background: #000000; border: none; padding: 10px 20px; border-radius: 10px; cursor: pointer; color: #ffffff; } /* Miscellaneous */ .note { background: #ff9b9b; padding: 10px 10px; border: 4px solid #000000; border-radius: 10px; font-size: 18px; color: #333333; } /* Responsive */ @media (max-width: 600px) { .container { width: 90%; padding: 10px 20px; } } </style> </head> <body> <div class="container"> <h1>Committee Circus Meeting - Tuesday</h1> <div class="note"> <p>Today's agenda:</p> <ul> <li>Item 1: Discuss the meaning of life with a rubber chicken</li> <li>Item 2: Debate the best way to eat a whole pizza by yourself</li> <li>Item 3: Decide on the committee's official color (is it pink or blue?)</li> </ul> </div> <div> <h2>Attendees:</h2> <ul> <li>Attendee 1: <a href="/meetings/committee-circus-meeting/tuesday/attendee-1">Boris the Bold</a></li> <li>Attendee 2: <a href="/meetings/committee-circus-meeting/tuesday/attendee-2">Lola LaRue</a></li> <li>Attendee 3: <a href="/meetings/committee-circus-meeting/tuesday/attendee-3">Zephyr Zingpocket</a></li> <li>Attendee 4: <a href="/meetings/committee-circus-meeting/tuesday/attendee-4">Penny Punsley</a></li> <li>Attendee 5: <a href="/meetings/committee-circus-meeting/tuesday/attendee-5">YOU!</a></li> </ul> </div> <button><a href="/meetings/committee-circus-meeting/tuesday/agenda">View Agenda</a></button> </div> </body> </html>