<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<h2>3D Buttons</h2><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7749520983305929"
data-ad-slot="1217000491"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="well text-center">
<button type="button" class="btn btn-hot text-capitalize btn-xs"><a href="http://www.positiwitty.com/">Hot button</a></button>
<button type="button" class="btn btn-sunny text-capitalize btn-xs"><a href="http://www.positiwitty.com/">Sunny button</a></button>
<button type="button" class="btn btn-fresh text-capitalize btn-xs"><a href="http://www.positiwitty.com/">Fresh button</a></button>
<button type="button" class="btn btn-sky text-capitalize btn-xs"><a href="http://www.positiwitty.com/">Sky button</a></button>
</div>
<div class="well text-center">
<button type="button" class="btn btn-hot text-uppercase btn-sm"><a href="http://www.positiwitty.com/">Hot button</a></button>
<button type="button" class="btn btn-sunny text-uppercase btn-sm"><a href="http://www.positiwitty.com/">Sunny button</a></button>
<button type="button" class="btn btn-fresh text-uppercase btn-sm"><a href="http://www.positiwitty.com/">Fresh button</a></button>
<button type="button" class="btn btn-sky text-uppercase btn-sm"><a href="http://www.positiwitty.com/">Sky button</a></button>
</div>
<div class="well text-center">
<button type="button" class="btn btn-hot text-uppercase"><a href="http://www.positiwitty.com/">Hot button</a></button>
<button type="button" class="btn btn-sunny text-uppercase"><a href="http://www.positiwitty.com/">Sunny button</a></button>
<button type="button" class="btn btn-fresh text-uppercase"><a href="http://www.positiwitty.com/">Fresh button</a></button>
<button type="button" class="btn btn-sky text-uppercase"><a href="http://www.positiwitty.com/">Sky button</a></button>
</div>
<div class="well text-center">
<button type="button" class="btn btn-hot text-uppercase btn-lg"><a href="http://www.positiwitty.com/">Hot button</a></button>