Gogies 3D Buttons

Sizes

Code:



		<button class="btn small">Button Small</button> 
<button class="btn">Button default</button>  
<button class="btn medium">Button Medium</button>
<button class="btn large">Button Large</button>

Buttons Colors

Code:


		<button class="btn green">Green</button>

		<button class="btn blue">Blue</button>

		<button class="btn yellow">Yellow</button>

		<button class="btn red">Red</button>

		<button class="btn charcoal">Charcoal</button>

		<button class="btn orange">Orange</button>

		<button class="btn black">Black</button>

		<button class="btn white">White</button>

		<button class="btn info">info</button>
<button class="btn alert">alert</button>

		<button class="btn warning">warning</button>
<button class="btn error">error</button>
<button class="btn success">success</button>

Buttons With Icons

Code:


		    <button class="btn green"><i class="fa-smile-o"></i> Green</button>
<button class="btn blue"><i class="fa-search"></i> Blue</button>
<button class="btn yellow"><i class="fa-laptop"></i> Yellow</button>
<button class="btn red"><i class="fa-trash-o"></i></button>
<button class="btn charcoal"><i class="fa-user"></i></button>
<button class="btn orange"><i class="fa-warning"></i></button>
<button class="btn black"><i class="fa-print"></i> Black</button>
<button class="btn info"><i class="fa-id-card"></i> Info</button>

Buttons groups

Code:

<div class="btn-group">
<button class="btn green"><i class="fa-smile-o"></i> Green</button>
<button class="btn blue"><i class="fa-search"></i> Blue</button>
<button class="btn yellow"><i class="fa-laptop"></i> Yellow</button>
<button class="btn red"><i class="fa-trash-o"></i></button>
<button class="btn charcoal"><i class="fa-user"></i></button>
<button class="btn orange"><i class="fa-warning"></i></button>
<button class="btn black"><i class="fa-print"></i> Black</button>
<button class="btn info"><i class="fa-id-card"></i> info</button>
</div>