Direngine

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Direngine is a travel directory and listing website template, built on Bootstrap 5. It suits a travel agency or a local directory of destinations, tours, hotels and restaurants. The home page opens with a full-screen photo, a place search and category shortcuts, followed by featured destinations in a carousel, tour packages with prices, counters, hotels, guest testimonials, restaurants, recent articles and a newsletter form. The layout is responsive and mobile-ready. There are eight pages: home, about, tours, hotels, a hotel detail page, blog, a blog post and contact.

The tours and hotels pages have a sidebar with search filters (place, location, dates, a price range and star rating) next to the listing cards. The hotel detail page has a photo carousel, a video tour, rooms, an availability request form and review ratings. You will also find an about page with tabs and an FAQ accordion, a blog post with tags, comments and a comment form, 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.1.0 and jQuery), compiled from Sass with the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the destination, testimonial and hotel photo carousels, a video dialog replaces Magnific Popup, small built-in modules replace Waypoints, AOS, Scrollax and the counters, and date fields use the browser’s own date picker. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the eight pages went from 24.8 MB and 369 requests to 13.0 MB and 178 requests; the home page from 7.8 MB to 3.7 MB and the contact page from 2.1 MB to 0.5 MB. Every photo has an AVIF version with the JPEG as the fallback, and the full-page preloader is gone.
• No third-party requests: Poppins is self-hosted, the icon fonts are replaced by Lucide SVG icons and a 1 KB social-logo subset, and the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks it.
• Working forms: the contact, hotel availability, comment and newsletter forms send through small PHP handlers with a spam trap and show success and error messages on the page, and the place, listing and blog searches go to the matching pages.
• Accessibility: a skip link, one heading per page, labelled form fields, visible keyboard focus, readable captions on the hero photos and WCAG AA contrast for text and buttons, with reduced-motion support.
• New destination, hotel, restaurant and article photos, sharper page headers on large screens, fictional demo content, links that go to real pages, and unique titles, descriptions and share images for every page.