What do they look like?

This is a button

<a class="button" href="/">Button text</a>

Add some icons

You can combine your button element with icons. A couple of examples are below, but check out the icons page for more.

Facebook

<a class="button facebook" href="/">Facebook</a>

Image Buttons

Buttons with a thumbnail image

Example 1 Example 2 Example 3

<p>
    <a class="image-button" href="LINK-URL-HERE">
        <img src="IMAGE-URL-HERE">
        <span>YOUR TITLE</span>
    </a>

    <a class="image-button" href="LINK-URL-HERE">
        <img src="IMAGE-URL-HERE">
        <span>YOUR TITLE</span>
    </a>

    <a class="image-button" href="LINK-URL-HERE">
        <img src="IMAGE-URL-HERE">
        <span>YOUR TITLE</span>
    </a>
</p>