Deejee

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Deejee is a website template for DJs, DJ collectives, club nights and music podcasts, built on Bootstrap 5, with a dark layout and pink accents. The layout is responsive and mobile-ready and works in all popular web browsers. It comes with seven pages: home, DJs, shows, news and events, about, an event recap and contact.

The home page has a full-screen hero, upcoming show cards, featured podcasts, a listener testimonial carousel, the DJ line-up and news. The inner pages add a featured DJ with a video, show and podcast entries with audio players, event cards, an event recap with comments and a sidebar, and a contact page with a working contact form; every page has a newsletter form in the footer, a multi-level drop-down menu and a parallax header.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass together with the theme and the original Bootstrap 4 proportions and colours, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the testimonial carousel, Jarallax replaces Stellar on the page headers, a keyboard-operable dialog replaces Magnific Popup for videos, and a small built-in module replaces AOS. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: all seven pages together went from 23.0 MB and 283 requests to 10.3 MB and 168 requests, the home page from 3.6 MB to 2.2 MB. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading, and unused plugins such as jQuery UI, MediaElement, a countdown and a date picker are gone.
• No third-party requests: Nunito Sans and Oswald are self-hosted, the icon fonts are replaced by Lucide SVG icons and a small social-logo subset (the Twitter bird is now the X logo), the podcast players are native audio players with a short demo loop that ships with the template, the play buttons open a stock video 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. Before, every page loaded its web fonts from Google Fonts and the players streamed an mp3 from another site.
• Working forms: the contact form, the comment form and the newsletter form send through PHP handlers, with validation, a spam trap and an in-page message, and the sidebar search is a working search field. Before, none of them had an action or named fields, so nothing could be sent.
• Accessibility: a skip link and a main landmark on every page, one h1 per page, real menu buttons, a Shows submenu and DJ cards that open from the keyboard, mobile submenu arrows you can see, labelled fields, names on icon-only links, descriptive alt text, visible focus rings, reduced-motion support and WCAG AA text contrast, with a slightly deeper pink behind white button labels, a lighter pink for links on the dark background and a darker band behind the header links.
• Fixed: menu, footer, social and card links that went nowhere now lead to real pages, and a script error on every page is gone.
• Demo content: fictional DJ, host, listener and commenter names, current event dates and placeholder contact details, and new full-resolution club, DJ gear and portrait photos from Unsplash.