Listing

Listing is a free multi-page HTML5 directory website template built on Bootstrap 4 by Colorlib, designed for hotel, restaurant, and business listings with a search bar, category boxes, and a ready detail page.

What is Listing?

Listing is a free HTML5 directory template distributed by ThemeWagon and created by Colorlib. It delivers the front-end UI for a directory site: users enter a search term and location into a two-input search bar, and the template displays category-based listing boxes, featured places, and a detail page. It runs purely in the browser as static files — HTML5, CSS3, Bootstrap 4, and jQuery plugins — with no server-side language, and the package includes 3 HTML files, 11 CSS files, 6 JavaScript files, 1 SCSS file, and demo images.

Key Features

• Multi-page structure — ships with 3 HTML files covering the homepage, listing pages, and a ready-to-copy detail page.
• Sticky navigation — the top navigation includes dropdown options and becomes sticky on scroll.
• Two-field search bar — a banner area holds a prominent search form with one input for the search term and another for location.
• Category gallery with icons — a box gallery section shows the number of listings per category, and the category section supports adding categories with icons.
• Full-width sections — among the template's 7 unique sections, several are full-width to break up the grid layout.
• On-hover zoom — images scale on hover, and a responsive burger menu collapses navigation on mobile.
• Social media icons — bottom icons link to social profiles and render via Font Awesome, Themify, and Simple Line Icons.
• Responsive and cross-browser — works across Chrome, Edge, Firefox, Safari, Opera, and mobile browsers.

Who should use Listing?

This template suits developers and site owners who need a fast, static directory layout. Hotel and restaurant owners can present a venue with an image banner, search bar, and detail page. Local business directories can organize listings into icon-based categories with a featured section. Front-end developers can use Listing as a Bootstrap 4 starting point and wire the UI to a backend or CMS, and web designers can swap demo images and text to create a branded site without starting from scratch.

What can you do with Listing?

• Publish a local business directory: Organize listings into categories with icons and offer a location-based search bar.
• Create a restaurant or hotel showcase site: Use the hero banner, featured items section, and ready detail page to present a venue.
• Rapidly prototype a directory UI: Download the free files, replace demo content, and test interactions like sticky nav and hover zoom.

FAQ

Is Listing free to use?

Yes, Listing is free. It is an open-source template released on ThemeWagon under a license that allows commercial use in projects. The download includes all HTML, CSS, JavaScript, SCSS files, and demo images.

Does Listing require a backend or database?

No. Listing is a static front-end template built with HTML5, CSS3, Bootstrap 4, and jQuery. The page text notes that the category gallery is "not functional" until you add lists yourself, so you must integrate a backend, CMS, or static site generator to save and display dynamic listings.

What browsers and devices work with Listing?

The template is responsive and supports cross-browser viewing. ThemeWagon lists compatibility with Chrome, Edge, Firefox, Opera, Safari, and mobile devices.

How many files come inside the download?

The package contains 3 HTML files, 11 CSS files, 6 JavaScript files, 1 SCSS file, and demo images. It also credits Bootstrap v4.0.0-alpha.6, Swiper 4.0.6, Popper.js, Themify, Simple Line Icons, and FontAwesome.

Can I use Listing on a live commercial website?

Yes. ThemeWagon's free template license allows open-source and commercial use, and the template has lifetime free updates. A customer review on the page reports using it for their own business with satisfaction.