Events - kuppet nairobi{% endblock %} <section class="bg-primary text-white text-center py-16"> <div class="container mx-auto px-4"> <h2 class="text-4xl font-extrabold tracking-tight mb-4"> Scheduled Team Hybrid Events </h2> <p class="text-xl font-light max-w-2xl mx-auto"> Stay informed about our upcoming activities and review our past events. </p> </div> </section> <section class="py-16 bg-gray-100"> <div class="container mx-auto px-4"> <h2 class="text-3xl font-bold text-center mb-4 text-primary"> Planned Upcoming Events </h2> <p class="text-gray-600 text-center mb-12 max-w-3xl mx-auto"> Mark your calendar for these important upcoming events </p> <div class="text-center py-12 bg-white rounded-xl shadow-md border-t-4 border-[#FBC02D]" > <svg class="w-16 h-16 text-gray-400 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" ></path> </svg> <h3 class="text-xl font-medium text-gray-600 mb-2"> No upcoming events </h3> <p class="text-gray-500"> Check back later for updates on our upcoming events and activities. </p> </div> </div> </section> <section class="py-16 bg-white"> <div class="container mx-auto px-4"> <h2 class="text-3xl font-bold text-center mb-4 text-primary"> Recent Past Events </h2> <p class="text-gray-600 text-center mb-12 max-w-3xl mx-auto"> A look back at our recent activities and engagements </p> <div class="text-center py-12 bg-gray-50 rounded-xl shadow-md border-l-4 border-[#FBC02D]" > <svg class="w-16 h-16 text-gray-400 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" > <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" ></path> </svg> <h3 class="text-xl font-medium text-gray-600 mb-2"> No past events available </h3> <p class="text-gray-500"> We're working on adding information about our past events. </p> </div> </div> </section> <section class="py-16 bg-primary text-white"> <div class="container mx-auto px-4 text-center text-[#FBC02D]"> <h2 class="text-3xl font-bold mb-6">Never Miss an Event</h2> <p class="text-xl mb-8 max-w-3xl mx-auto"> Subscribe to our events calendar and get notified about upcoming activities </p> <div class="max-w-md mx-auto flex flex-col sm:flex-row gap-4"> <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg text-gray-900 focus:outline-none focus:ring-2 focus:ring-[#2E7D32]" /> <button class="bg-[#2E7D32] text-white font-bold py-3 px-6 rounded-lg shadow-lg hover:bg-gray-900 transition-colors duration-300" > Subscribe </button> </div> </div> </section>

Scheduled Team Hybrid Events

Stay informed about our upcoming activities and review our past events.

Mark your calendar for these important upcoming events

Check back later for updates on our upcoming events and activities.

A look back at our recent activities and engagements

We're working on adding information about our past events.

Subscribe to our events calendar and get notified about upcoming activities