FlatAdsUI - Directories & Classified Ads HTML/LESS UI Kit

FlatAdsUI - Directories & Classified Ads HTML/LESS UI Kit

Using the experience gained in our previous Classified Ads and Directories Themes, we came up with a new set of HTML/CSS elements dedicated for these topics. Meet FlatAdsUI HTML/LESS UI Kit. A kit of 17+ distinct pages with a lot of elements plus other variations of ad blocks and categories to fit your needs.

The Homepage comes in 3 versions and includes elements like – map, search, regions blocks, featured ads blocks, categories and latest ads. The second homepage version starts with a search box with a few filters, categories in a different style and a list of the latest ads. The third version of the homepage starts with a hero image background with a title and description plus two main buttons for the main website directions. After which regions blocks, search, featured ads and categories go.

The Ad Details Page comes also in 3 versions, one of which has a more modern approach and the other 2 are more classic and clean. They all have the following ad elements: title, category, image gallery, price, region, description, contact info, map, etc.

Also the Submit Ad page goes in 2 versions: one page and a multi-step with a 3 step progress indicator.

Categories page has several versions plus the variation when it is used as a search results page.

Pages

  • Ad Details Page – Modern & classic – 3x versions
  • Browse Category Page – 3x versions
  • Contact Page
  • Elements page – Ad Blocks several variations
  • Elements page – Categories blocks several variations
  • Elements page – Form elements
  • Homepage – 3x versions
  • Login / Register page
  • Search Results – 3x versions – grid, list and map views
  • Submit Ad Page – 2x versions – with stepper and all on one page
  • Tag Index Page
  • Author Profile Page
  • 404 Page

Features Overview

  • Fully Responsive Design
  • Modern & Elegant Design inspired by Material Design
  • HTML5 & LESS
  • Bootstrap 4.1
  • Google Fonts Used
  • Font Awesome 5 Icons Used
  • Custom Animations & preloader
  • Form Validation
  • Easy Customization
  • Many More

Sources & Credits

  • Images – www.unsplash.com
  • Icons – Font Awesome 5
  • Fonts – Google Web Fonts (Roboto & Google Sans)
by
by
by
by
by
by