Color Schemes

Template comes with five color themes (Blue, Orange, Green, Red and Grey). All you need to do is to use relevant CSS file.

There is no color scheme that matches your branding? No problem. You can easily compile your own by changing one variable - thanks to LESS!

LESS CSS

This template is build taking the advantage of LESS. It makes easier to build your own color schemes.

We are also using lesshat mixins which makes development even more easier. Please check http://lesshat.com for more information

Responsive

It looks great on desktops, laptops, tablets and smartphones - mPurpose template was built to shine on all devices :)

You can be sure that all the components are responsive.

Flags

Template comes with 247 flag icons representing most countries in the world

icon-google-plus
icon-facebook
icon-twitter
icon-vimeo2
icon-flickr
icon-picassa
icon-dribbble
icon-github
icon-wordpress
icon-blogger
icon-tumblr
icon-soundcloud
icon-linkedin
icon-lastfm
icon-stumbleupon
icon-pinterest

It's worth mentioning that theme comes with some custom buttons - feel free to use them:

Note that standard Twitter Bootstrap button (CSS class .btn) will look a bit different - they will match the color scheme

Button CSS Class
Grey Button .btn-grey
Blue Button .btn-blue
Orange Button .btn-orange
Green Button .btn-green
Red Button .btn-red

mPurpose template comes with one more nice feature - pricing table ribbons!

Place the following code before pricing plan title with relevant CSS class to use them:

<div class="ribbon-wrapper">
    <div class="price-ribbon ribbon-green"> ... </div>
</div>
    					
Example CSS Class
New
.ribbon-green
New
.ribbon-blue
New
.ribbon-orange
New
.ribbon-red