This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme’s styling. The theme also comes with a wide range of different layouts and widget variations.
We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.
You can add a special class
.tm-article-columns to a paragraph. This will divide the content of the paragraph into two columns.
Use the class
.tm-dropcap to enlarge the first letter of a paragraph.
Here is an example:
<span class="tm-dropcap">L</span>orem ipsum
Easily create a One Page website. We included a new smooth scroller position, where you can add your ID you want to scroll to. Also you can use every icon provided by UIkit.
Thats how you can add a smooth scroll navigation:
<a href="#tm-fullscreen" data-uk-smooth-scroll><i class="uk-icon-circle"></i></a> <a href="#tm-top-a" data-uk-smooth-scroll><i class="uk-icon-circle"></i></a> <a href="#tm-top-b" data-uk-smooth-scroll><i class="uk-icon-circle"></i></a>
Moustache comes with 8 impressive fullscreen images, that automatically fits into the screen resolution.
Fixed & transparent navbar
To highlight the fullscreen images we added the option to set the navbar transparent. Of course you can also easily fix the navbar if you like.
Use the modifier .uk-icon-button class to create an icon button.
Here is a little code example how to add them:
<a href="#" class="uk-icon-button uk-icon-twitter"></a> <a href="#" class="uk-icon-button uk-icon-facebook"></a> <a href="#" class="uk-icon-button uk-icon-google-plus"></a>