City Listing - Directory Template

City Listing - Directory Template

Cart 614 sales
Well Documented

City Listing is The Best Rated Directory Template

And The Best Rated Corporate Template

It’s Getting Better and Better

1.21 version has been released. More info on Changelog section, at end of this page.

Since 1.04 version, City Listing introduces one of its biggest implementations. You can opt to load SEO irrelevant contents dynamically and automagically get what every advanced web developer works hard to achieve:

The Highest PageSpeed Performance Overseas

Performance results obtained from
Available on the package as minified and unminified versions.


City Listing is an HTML directory template powered with Bootstrap 1170px Grid System, ensuring responsive layout and excellent navigation approach on every device and modern browsers. It was developed to present company listings, but you can easily adapt it to receive any kind of listings that fulfill your needs.

Features and Details

  • New: 36 predefined color skins
  • New: 9 homepage Hero Header variations
  • New: 5 grid listing options
  • Universal (multipurpose) directory template: adapt it to list companies, classifieds in general, real estate, anything you wish.
  • Use YouTube, Vimeo, self hosted video, slideshow or image on Hero Header
  • Perfectly responsive, instantaneously adaptable and touch sensitive
  • Development focused on both mobile and desktop
  • Smart Hero Header and layout: no video on mobiles, automatic resizable elements
  • Clean code and well commented
  • Cross browser compatibility validated
  • HTML & CSS validated
  • Retina ready
  • Listing grid and map view
  • Listing filter with multiple selector
  • Probably the easiest map listing you will find: code very compact and objective
  • Map view with Sidebar
  • Blog listing and single article pages included
  • Mask/reveal effect on Hero Headers
  • Load images lazily for better performance (optional via JS parser)
  • Supports Google Fonts and FontAwesome
  • Documentation included (extensive and detailed)

Original Eye-catching Rounded Design

Robust structure, compact code, simple and objective contents and intuitive elements accurately designed to astonish even more on every eyeblink.

Easily Personalize As You Wish

Layout samples:

All Media Included on the Pack

You will receive all images of the live preview to use as you wish, freely.

HTML Pages (49):

(Notice: no PHP files included)

  • index-youtube.html
  • index-youtube-light.html
  • index-vimeo.html
  • index-local-video-color.html
  • index-slideshow.html
  • index-image.html
  • index-image-dark.html
  • index-image-masked.html
  • index-image-texture.html
  • index-in-color.html
  • index-map-and-page.html
  • index-squared.html
  • index-squared-mobile.html
  • about.html
  • listings-map.html
  • listing-map-and-grid.html
  • listings-option-1.html
  • listings-option-2.html
  • listings-option-3.html
  • listings-option-4.html
  • listings-option-5.html
  • listings-option-6-squared.html
  • listings-option-7-squared-mobile.html
  • listings-option-8.html
  • listings-option-9.html
  • listing-detail.html
  • cities-option-1.html
  • cities-option-2.html
  • cities-option-3.html
  • cities-option-4.html
  • blog-option-1.html
  • blog-option-2.html
  • blog-option-3.html
  • blog-option-4.html
  • blog-option-5-squared.html
  • blog-option-5-squared-mobile.html
  • blog-option-6.html
  • blog-option-7.html
  • single-blog-option-1.html
  • single-blog-option-2.html
  • single-blog-option-3-squared.html
  • single-blog-option-4-squared-mobile.html
  • login-register.html
  • forgot-password.html
  • pricing.html
  • faq.html
  • 404.html
  • contact.html
  • support.html

Credits and Thanks

Grid System
  • Twitter Bootstrap
Fonts and Icons
CC0 Licenced Photos
Flat Icon Images
jQuery Scripts


Comment/uncomment the new variable "forceSlideshowOnMobile" on "assets/main.js" to disable/enable the Hero Slideshow on mobile devices
Fixed mobile issue with the typing animation on the search input field, thanks to realmag777 by the report
Fixed generic Bootstrap bug to Safari browser. File updated: assets/style.css
Created new config on assets/main.js allowing to disable the rubber effect on Hero Header
Fixed issue with jQuery scrollTop on mobiles
Added 15 new HTML pages covering blog and listings variations
New homepage with map on Hero Header
New CSS classes to set listings with squared shape
New CSS classes to show/hide excerpts on mobile
New listing page with map view as default (listing-map-and-grid.html)
Fixed a bug on map library. The error was occurring exclusively on listing-map.html.
PageSpeed performance strongly optimized with Google Insights, GTMetrix, Pingdom and Webpage Tools 
5 new homepage samples, including light and dark Hero Header versions
Added 36 CSS stylesheets with predefined colors
New map listing page (map as default)
New map with clean design
3 new listing grid options
3 new city page options
3 new blog grid options
New listing page with map view as default
New support page
New single blog page option
All preview images are now available on the pack for free usage
Added 4 new homepages with video and slideshow as background to Hero Header
Added city filter to Hero Search boxes
Added shape options to front categories (horizontal, vertical, leaf and mixed)
Added mouse effect to Hero Header
Added animated effects to hovers on listing items
Sample local Hero Header video included on the pack

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey