Forms & Tables

Form Elements



Buttons

Default Blue Light Aqua Green Yellow Orange Red Pink Purple Black Default Blue Light Aqua Green Yellow Orange Red Pink Purple Grey Black white




Default Blue Red
Purple


<a class="button">Default</a>
<a class="button blue">Blue</a>
<a class="button text border red">Blue</a>
<a class="button block purple">Purple</a>


Tables

Name Location Age
John Smith Chicago, IL 32
Jessica Jones Nashville, TN 29
Sampson Thomas Atlanta, GA 35

<table class='list hover'>
    <thead>
        <tr>
            <th></th>
            <th>Name</th>
            <th>Location</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><img src='/app/img/4.jpg' class='circle'/></td>
            <td>John Smith</td>
            <td>Chicago, IL</td>
            <td>32</td>
        </tr>
    </tbody>
</table>



Name Details
.list Styles table
.hover Adds hover effect
.pad Adds 20px of padding