Eroo

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Eroo is a website template for digital agencies, web design studios and creative teams, built on Bootstrap 5. It has a black, white and yellow design, a full-screen hero slider with call-to-action buttons and a responsive, mobile-ready layout. There are eight pages: home, about, pricing, portfolio, a single project, blog, a single article and contact.

The home page has service cards, an about block with counters, an FAQ accordion with skill bars, the team, recent projects, a client testimonials slider, recent posts and a newsletter sign-up. You will also find an about page, three pricing plans, a portfolio of nine projects, project and article pages with comments, a comment form and a sidebar, and a contact page with a working contact form and a map that loads on click.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.5.2 and jQuery), compiled from Sass together with the theme and the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the hero and testimonials, small built-in modules replace Waypoints and animateNumber, and unused plugins such as Stellar, Scrollax and Magnific Popup are gone. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the nine pages went from 18.3 MB and 326 requests to 7.7 MB and 163 requests, the home page from 4.4 MB to 1.8 MB and the contact page from 1.5 MB to 0.5 MB. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading, and the full-page preloader is gone.
• No third-party requests: Roboto and Roboto Condensed are self-hosted, Lucide SVG icons and a small social-logo subset replace two icon fonts, the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks “Show map”, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded Google Fonts, an icon font from a CDN and the Google Maps script.
• Working forms: the contact form, the comment forms and the newsletter sign-up send through php/send-email.php, with labels, validation, a spam trap and an in-page message, and the sidebar search goes to the blog page. Before, the forms had no action and no field names.
• Accessibility: a skip link and a main landmark on every page, one main heading per page, names on image, project and social links, an accessible FAQ accordion, visible focus rings, reduced-motion support and WCAG AA text contrast, with a darker scrim behind the hero text and menu, a deeper yellow for text on white and darker greys.
• Fixed and refreshed: the hero slider arrows now show, footer and sidebar links point at real pages, new portfolio and blog photos, sharper client portraits with a photo for each testimonial, fictional team and contact details, and typos fixed.