Citylisting is a free Bootstrap 4 HTML5 directory website template created by colorlib and distributed through ThemeWagon, built to produce multi-page city and business directory sites. It ships with 11 HTML files, one PHP file for the working contact form, and a full set of CSS, SCSS, and JavaScript sources.
What is Citylisting?
Citylisting is a free, open-source directory website template based on Bootstrap 4 and HTML5. It takes a static multi-page structure — 11 HTML files covering home, listings, blog, and contact — and gives you a ready-made city directory site with search, price filtering, and a working PHP contact form. The template was built by colorlib and is distributed by ThemeWagon; it is fully responsive and compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
Key Features
- Bootstrap 4 foundation — the layout grid, components, and utilities are built on Bootstrap 4, so you can customize spacing, colors, and breakpoints with standard Bootstrap classes.
- Multi-page structure — includes 11 HTML files for a home page, listing pages, blog, and contact, plus one PHP file for the working contact form.
- Hero header and sticky navigation — a large hero section with a call-to-action button, drop-down menu, and a sticky top navigation bar that stays visible while scrolling.
- Listing-specific UI components — a price range slider for filtering, pagination UI, hover effects on listing cards, and a testimonial carousel built with Owl Carousel.
- Rich content sections — a blog section, Instagram feeds, Google maps embed, message and comment form UIs, and a newsletter subscription form wired to Ajax MailChimp.
- Font and icon packages — includes FontAwesome, Flaticon, and Themify Icons, along with Magnific Pop-Up for lightboxes and Masonry for grid layouts.
- Preloader and back-to-top button — a CSS3 preloader animates on page load and a back-to-top button helps users return to the top.
- Extensive documentation — documentation is included to explain file structure, customization, and how to run the template.
Who is it for?
- Developers — who need a clean, multi-page Bootstrap 4 codebase to build a directory or classifieds site quickly without starting from scratch.
- Small business owners — who want a professional-looking city directory website with search, pricing filters, and contact form for under $0 in template costs.
- Agencies and freelancers — who can use the template as a starting point for client projects, replacing the demo content with client listings and branding.
What can you do with Citylisting?
- Create a local business directory — list restaurants, shops, and services with search, category navigation, and price filtering using the included UI components.
- Build a real-estate listing site — use the price ranger and pagination UI to let visitors browse properties by budget and page through results.
- Launch a blog alongside listings — the included blog section and comment form UI make it easy to publish posts and collect reader feedback.
- Add a working contact page — the included PHP file powers a contact form that sends messages, so visitors can reach you without a third-party service.
FAQ
Is Citylisting free?
Yes, Citylisting is a free download from ThemeWagon. It is open-source, can be used in commercial projects, and receives lifetime free updates.
Does Citylisting require a CMS or backend?
No, it is a static HTML template. The only server-side piece is the PHP contact form; all other content is plain HTML, CSS, and JavaScript, so it can be hosted on any static hosting service.
What browser does Citylisting support?
It is compatible with Chrome, Edge, Firefox, Mobile, Opera, and Safari, and is fully responsive for mobile devices.
Can I customize the colors and fonts?
Yes, the template includes CSS and SCSS source files, so you can change the design system directly in Sass and recompile, or override values in the compiled CSS.
Yes, the template has a newsletter subscription form that uses the Ajax MailChimp jQuery plugin, which lets you connect it to a MailChimp list for collecting subscribers.
