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)