EventoTemplate

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

EventoTemplate is a dark event and conference template built on Bootstrap 5. The home page opens with a full-height hero with the event name, date, venue, a ticket button and a video, followed by an about section with counters, a speakers carousel, a schedule with one tab per day, workshop cards, a map and a sponsors strip. The layout is responsive and mobile-ready. There are eight pages: home, speakers, schedule, location, blog, blog details, contact and elements.

The speakers page shows six speakers with their roles, the schedule page lists the programme day by day, and the location page shows the venue on a map that loads on click. You will also find a blog with a sidebar (search, categories, recent posts, tags and a newsletter), a blog post with an author box, comments and a comment form, and a contact page with a working contact form.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used a Bootstrap 5 beta and jQuery), compiled from Sass with the theme, and plain JavaScript with no jQuery. Swiper 14 runs the speakers and sponsor carousels, PhotoSwipe 5 the elements gallery, and small built-in modules handle the video dialog, the counters, the schedule tabs, the mobile menu and the forms. Lucide SVG icons replace the Font Awesome and Themify icon fonts. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the nine pages went from 15.7 MB and 662 requests to 8.0 MB and 232 requests, the home page from 2.3 MB and 98 requests to 1.1 MB and 25 requests, and the contact page from 1.9 MB to 0.5 MB. Every photo has an AVIF version with the JPEG as the fallback, and the hero and page banners come in standard, high-density and phone sizes, so they stay sharp on Retina screens.
• No third-party requests: Barlow and Mitr are self-hosted, the maps are OpenStreetMap maps (no API key) that load only when a visitor clicks “Show map”, the hero video loads from YouTube’s privacy-enhanced player only after a click, and a Google Analytics 4 snippet stays commented out until you add your own ID.
• Working forms: the contact form, the newsletter in the footer and the blog sidebar, and the blog comment form send through PHP handlers with validation, a spam trap and an in-page message, and the blog search lists matching posts.
• Accessibility: a skip link and a main landmark on every page, one h1 per page, a keyboard-operable mobile menu and schedule tabs, visible focus rings and WCAG AA text contrast on the dark theme, with a deeper pink on the white blog widgets and dark labels on the yellow buttons.
• Demo content: a complete fictional design week with six distinct speakers, a different programme for each of the three days, workshop cards, sponsor wordmarks, event blog posts and new full-resolution speaker, workshop and blog photos; every page has its own title, description and social sharing tags, and the home page has Event structured data.