Henrik Aronsson
<body class="bg-gray-100 font-sans leading-normal tracking-normal"> <div class="max-w-4xl mx-auto p-6"> <header class="bg-white shadow-lg p-4 rounded-lg mb-6"> <div class="flex justify-between items-center"> <div class="flex items-center space-x-4"> <i class="iconoir-user text-2xl"></i> <span class="font-bold text-xl">Cooperative Bulletin Board</span> </div> <div class="flex items-center space-x-4"> <button class="text-gray-700 hover:text-gray-900"> <i class="iconoir-search text-2xl"></i> </button> <button class="text-gray-700 hover:text-gray-900"> <i class="iconoir-user text-2xl"></i> </button> </div> </div> </header> <main> <section class="bg-white shadow-lg rounded-lg p-6 mb-6"> <h2 class="text-2xl font-bold mb-4">Important Announcements</h2> <article class="mb-4 p-4 bg-blue-50 rounded-lg shadow-sm"> <h3 class="text-xl font-semibold mb-2">Annual General Meeting</h3> <p class="text-gray-700">The Annual General Meeting will be held on December 15th at 10:00 AM in the main hall. All members are encouraged to attend.</p> </article> <article class="mb-4 p-4 bg-green-50 rounded-lg shadow-sm"> <h3 class="text-xl font-semibold mb-2">Maintenance Schedule</h3> <p class="text-gray-700">Please be informed that the maintenance of the common areas will take place from November 20th to November 25th. We apologize for any inconvenience.</p> </article> <article class="mb-4 p-4 bg-yellow-50 rounded-lg shadow-sm"> <h3 class="text-xl font-semibold mb-2">New Community Garden</h3> <p class="text-gray-700">We are excited to announce the opening of our new community garden. Members are welcome to participate in the planting and maintenance of the garden.</p> </article> </section> <section class="bg-white shadow-lg rounded-lg p-6"> <h2 class="text-2xl font-bold mb-4">Upcoming Events</h2> <article class="mb-4 p-4 bg-red-50 rounded-lg shadow-sm"> <h3 class="text-xl font-semibold mb-2">Holiday Potluck</h3> <p class="text-gray-700">Join us for a holiday potluck on December 20th at 6:00 PM in the community center. Bring your favorite dish to share!</p> </article> <article class="mb-4 p-4 bg-purple-50 rounded-lg shadow-sm"> <h3 class="text-xl font-semibold mb-2">Yoga Classes</h3> <p class="text-gray-700">Free yoga classes will be offered every Saturday at 8:00 AM in the park. All skill levels are welcome.</p> </article> <article class="mb-4 p-4 bg-pink-50 rounded-lg shadow-sm"> <h3 class="text-xl font-semibold mb-2">Book Club Meeting</h3> <p class="text-gray-700">The next book club meeting will be on January 5th at 7:00 PM in the library. We will be discussing "The Great Gatsby" by F. Scott Fitzgerald.</p> </article> </section> </main> </div> </body>