Buttons Styles

Purple Buttons

Big Rectangle Rounded Medium Default Small Span

Magenta Buttons

Big Rectangle Rounded Medium Default Small Span

Orange Buttons

Big Rectangle Rounded Medium Default Small Span

Brown Buttons

Big Rectangle Rounded Medium Default Small Span

Red Buttons

Big Rectangle Rounded Medium Default Small Span

Pink Buttons

Big Rectangle Rounded Medium Default Small Span

Yellow Buttons

Big Rectangle Rounded Medium Default Small Span

Green Buttons

Big Rectangle Rounded Medium Default Small Span

Blue Buttons

Big Rectangle Rounded Medium Default Small Span

Turquoise Buttons

Big Rectangle Rounded Medium Default Small Span

White/Black Buttons - Template Default

Big Rectangle Rounded Medium Default Small Span

Grey Buttons

Big Rectangle Rounded Medium Default Small Span

Black Buttons

Big Rectangle Rounded Medium Default Small Span

Usage

White Color - default
<a href="#" class="button big">Big Rectangle</a>
<a href="#" class="button bigrounded">Rounded</a>
<a href="#" class="button medium">Medium</a> 
<a href="#" class="button">Default</a>
<a href="#" class="button small">Small</a>
<input class="button" value="Input Element" type="button"> 
<button class="button">Button Tag</button>
<span class="button">Span</span>
Orange Color Example - for other colors just find & replace color name
<a href="#" class="button orange big">Big Rectangle</a> 
<a href="#" class="button orange bigrounded">Rounded</a> 
<a href="#" class="button orange medium">Medium</a> 
<a href="#" class="button orange">Default</a>
<a href="#" class="button orange small">Small</a>
<input class="button orange" value="Input Element" type="button"> 
<button class="button orange">Button Tag</button>
<span class="button orange">Span</span>

Global Achievement

Sed ut perspiciatis unde omnis iste natus error sit volupta tem accu santium dolore mque laud antium, totam rem.

Lorem ipsum dolor sit amet, consec tetur adipisi cing elit, sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua.

protoss Options

This panel is for demo preview only and can be disabled in the template back-end. More Reset

Login

Thank you for your feedback !

Email:
Subject:
Message:
How many eyes has a typical person?