You are here / Features  /  Buttons
 

Buttons

Add desired class to the <a> tag (<a href="" > Button Text </a>)

Default <a class="btn" href="#"> Default </a> small <a class="btn small" href="#"> Small </a> medium <a class="btn medium" href="#"> Medium </a> large button <a class="btn large" href="#"> Large Button </a> << 1 2 3 4 ... >> <a class="btn" href="#">&lt;&lt; </a> <a class="btn" href="#">1 </a> <a class="btn" href="#">2 </a> <a class="btn" href="#">3</a> <a class="btn" href="#">4 </a> <a class="btn" href="#">... </a&tt;<a class="btn" href="#">&gt;&gt;</a>
Default Color <a class="btn dcolor bgcolor" href="#"> Default </a> Success <a class="btn success" href="#"> Success </a> Warning <a class="btn warning" href="#"> Warning </a> Danger <a class="btn danger" href="#"> Danger </a> Info <a class="btn info" href="#"> Info </a>

Add desired class to the <a> tag with <span> tag inside (<a href="" ><span></span> Button Text </a>)

<a class="btn sign-in" href="#"> <span></span>Sign in </a> Sign out <a class="btn sign-out" href="#"> <span></span>Sign out </a> Sitemap <a class="btn site-map" href="#"> <span></span>Sitemap </a> Comment <a class="btn comment" href="#"> <span></span>Comment </a> Print <a class="btn print" href="#"> <span></span>Print </a> Icon Button <a class="btn add" href="#"> <span></span>Icon Button </a> Icon Button <a class="btn correct" href="#"> <span></span>Icon Button </a> Icon Button <a class="btn search" href="#"> <span></span>Icon Button </a> Icon Button <a class="btn lock" href="#"> <span></span>Icon Button </a> Icon Button <a class="btn refesh" href="#"> <span></span>Icon Button </a>
E-Mail <a class="btn info mail" href="#"> <span></span>E-Mail </a> Download <a class="btn success download" href="#"> <span></span>Download </a> Phone <a class="btn warning phone" href="#"> <span></span>Phone </a> Star <a class="btn danger star" href="#"> <span></span>Star </a> Calendar <a class="btn success calendar" href="#"> <span></span>Calendar </a> Icon Button <a class="btn paypal" href="#"> <span></span>Icon Button </a> Icon Button <a class="btn setting" href="#"> <span></span>Icon Button </a> Icon Button <a class="btn idea" href="#"> <span></span>Icon Button </a> Icon Button <a class="btn camera" href="#"> <span></span>Icon Button </a> Icon Button <a class="btn tel" href="#"> <span></span>Icon Button </a>

Theme colors

 

Skin Layout

  • Boxed
  • Opened

Texture