Theme demos

Business demo

Business

Business demo has a landing page-like front page, with only a pointing menu, contact info and a massive slide introducing the company. The site is using Polylang to provide multiple languages. Front page features various slides, information, features, plan cards, newsletter signup form and partner company logos.

View demo
Shop demo

Store

The store demo is demonstrating the WooCommerce support with 3 column shop and various theme changes: Material menu, Raised buttons, Classic-themed product cards and a changed primary color. Front page contains a coverflow slider with slides automatically generated from existing WC products. In the footer icons for available payment options are displayed.

View demo
New
Grapes demo

Grapes

Grapes is a modern-looking site with a compact menu, angled header and footer, loading screen, animated front page slide, secondary sidebar menu, fixed size tags and cards of posts in the other sidebar. The content pages have a table, youtube video, flags, form and a gallery.

View demo
Blog demo

Blog

Blog demo has a header with a compact menu. Branding is displayed on every page. The page title is not included in the masthead. Front page is composed of recent posts. The demo content is the standard WordPress theme unit test, showing all sorts of edge cases and possibilities.

View demo
Simple blog demo

Simple blog

Clean and simple blog focusing on delivering text content without distraction.

View demo
Features demo

Features

This demo is not showcasing a particular design, but instead it contains pages showing Chap’s various features, such as different slides, header templates, page templates, post loops and WooCommerce products.

View demo
Landing page demo

Landing page

Landing page demo is a simple one-page website with no main menu. It’s using basic buttons theme and features multiple calls to action as well as feature list and frequently asked questions section.

View demo
Video header demo

Video header

Using a cinemagraph as your header image will make it look more alive. Chap Video header demo shows a webm file as the header background. Video is not loaded for mobile users. Also the primary color is changed to red and social icons are “attached” to the top of the page.

View demo
GitHub demo

GitHub-inspired demo

Since Semantic UI comes with a lot of GitHub-styled themes, a demo site was created to show them off. This demo also shows how powerful the shortcodes are because it was possible to recreate the real github.com front page almost verbatim. A header template that looks like GitHub could also be easily created but for demo purposes only features that are available online were used for customization.

View demo
Chubby demo

Chubby

Chap website can be tiny or huge – size is not a constant. Chubby demo is big, bold and simple, along with “Cube” transition for slides and “Drop” transition for menu items. Don’t forget to check out the Chubby theme for styled accordions on the FAQ page and the Chubby-themed comments on the Portfolio page.

View demo
Whitespace demo

Whitespace

Whitespace is demonstrating a very minimalistic and plain website. The font is a classic – Verdana, the font size and UI elements are small. Everything is plain and flat, only 1px border radius. There are no slides, the header includes only the centered brand and main menu. There are no sidebars.

View demo
RTL demo

RTL demo

Chap aims to also support Right to Left languages such as Arabic, Hebrew and Persian.

View demo
Default demo

Default

Once click demo import is also available for the “default look” which is a great starting place for any website.

View demo