Agenda is a free, multi-page event website template built with Bootstrap 4 that gives event organizers a complete set of pages for announcing events, selling tickets, and sharing news. It was created by Colorlib and distributed by ThemeWagon, and it loads with a full-width slideshow, gradient effects, and a countdown timer on the homepage.
What is Agenda?
Agenda is a responsive HTML5 template built on Bootstrap 4, jQuery, and FontAwesome. It includes 6 HTML files, 6 CSS files, and 10 JavaScript files, plus demo images. The template provides a homepage with a slideshow, countdown timer, and call-to-action buttons, alongside dedicated pages for single events, event news, an events listing, and an elements page. It is published as a free download on ThemeWagon by Colorlib and supports commercial use with lifetime updates.
Key Features
- Multi-page structure — Six HTML pages cover home, single event, events list, event news, contact, and elements, so you don't have to assemble pages yourself.
- Countdown timer — A built-in countdown uses the Final Countdown jQuery plugin to display time remaining until an event.
- Sortable gallery filter — The gallery section lets visitors filter images by category using jQuery filtering.
- Masonry layout — The Masonry library arranges gallery items in a visually balanced grid.
- Gradient design — Colorful gradients are applied across backgrounds, buttons, and sections to give the site a modern look.
- Off-screen navigation — The mobile menu slides in from off-screen, keeping navigation tidy on small screens.
- Elements page — Buttons, accordions, tabs, loaders, fun facts, and icon boxes are pre-built and ready to copy into other pages.
- Utility features — Back-to-top button, social media icons, partner section, subscription UI, date picker, Google Maps, pagination, and menu in footer are included.
Who is it for?
Event planners need a ready-made site to announce events and collect ticket purchases, using the single-event page with tabs and ticket-buying options. Event management companies can present multiple upcoming and past events through the events and events-news pages, with pagination for long lists. Conference organizers can use the elements page to assemble a landing experience with buttons, accordions, and tabs without writing custom code. Nonprofits or community groups that host public events can quickly deploy a polished site with the responsive, mobile-friendly layout.
What can you do with Agenda?
- Sell event tickets — The single-event page includes a ticket-buying area and tabbed event details, plus an area to list upcoming events on the same page.
- Showcase a gallery — The sortable, masonry gallery filters images by category, so visitors can browse event photos without reloading.
- Publish event news — The events-news page supports blog-style stories about past events, with pagination when there are many posts.
- Provide contact information — The contact page works with Google Maps and a subscription UI to keep visitors informed.
FAQ
Is Agenda free to use?
Yes. Agenda is a free download on ThemeWagon. Its license permits open-source use, commercial projects, and lifetime free updates.
What frameworks does Agenda use?
Agenda is built with Bootstrap 4 and jQuery. It also uses FontAwesome icons, Swiper for slides, Masonry for gallery layout, Circle Progress for progress circles, Final Countdown for the countdown timer, and jQuery countTo for animated numbers.
How many pages does Agenda include?
Agenda is a multi-page template with 6 HTML files. The pages serve as homepage, single event, events listing, event news, contact, and elements.
Does Agenda work on mobile devices?
Yes. Agenda is a responsive theme, so it adapts across device variations. The template is compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
What are the main sections on the homepage?
The homepage starts with a full-width slideshow, followed by a countdown timer, call-to-action buttons, a gallery with sortable filters, a partner section, social media icons, and a footer menu.




