<link href="//cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/js/foundation.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> Basic Button <br> <!-- Size Classes --> <a href="#" class="button tiny">Tiny Button</a> <a href="#" class="button small">Small Button</a> <a href="#" class="button">Default Button</a> <a href="#" class="button disabled">Disabled Button</a> <a href="#" class="button large">Large Button</a> <a href="#" class="button expand">Expanded Button</a> <br> <!-- Radius Classes --> <a href="#" class="button round">Round Button</a> <a href="#" class="button radius">Radius Button</a> <br> <!-- Color Classes --> <a href="#" class="button">Default Button</a> <a href="#" class="button success">Success Button</a> <a href="#" class="button secondary">Secondary Button</a> <a href="#" class="button alert">Alert Button</a> <a href="#" class="button info">Info Button</a> <a href="#" class="button disabled">Disabled Button</a>