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
pagespeed-demo/index-image-pagespeed.min.html
Available on the package as minified and unminified versions.

About

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. City Listing - Directory Template - 4

Easily Personalize As You Wish

Layout samples:

City Listing - Directory Template - 5

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

Flaticon.com
Fontawesome.io
Fonts.google.com/specimen/Roboto
Fonts.google.com/specimen/Capriola

CC0 Licenced Photos

Pexels.com
Unsplash.com
Pixabay.com

Flat Icon Images

Flaticon.com

jQuery Scripts

Github.com/mattboldt/typed.js/
Github.com/Leaflet/Leaflet
Github.com/lokesh/lightbox2/
Github.com/jquery/jquery-mousewheel
Github.com/jaclimer/JQuery-DraggScroll
Github.com/silviomoreto/bootstrap-select/
Github.com/rishabhp/bideo.js
Github.com/customd/jquery-visible
Github.com/balupton/jquery-scrollto

Changelog

V1.21

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

V1.09

Fixed generic Bootstrap bug to Safari browser. File updated: assets/style.css

V1.08

Created new config on assets/main.js allowing to disable the rubber effect on Hero Header

V1.07

Fixed issue with jQuery scrollTop on mobiles

V1.06

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)

V1.05

Fixed a bug on map library. The error was occurring exclusively on listing-map.html.

V1.04

PageSpeed performance strongly optimized with Google Insights, GTMetrix, Pingdom and Webpage Tools

V1.03

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

V1.02

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