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)