custom-pricing-table.html

<div>
<style>
    *,
    *:before,
    *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        font-family: 'Nunito', sans-serif;
        color: #384047;
    }

    table {
        max-width: 960px;
        margin: 10px auto;
    }

    caption {
        font-size: 1.6em;
        font-weight: 400;
        padding: 10px 0;
    }

    thead th {
        font-weight: 400;
        background: #8a97a0;
        color: #FFF;
    }

    tr {
        background: #f4f7f8;
        border-bottom: 1px solid #FFF;
        margin-bottom: 5px;
    }

    tr:nth-child(even) {
        background: #e8eeef;
    }

    th,
    td {
        text-align: left;
        padding: 20px;
        font-weight: 300;
    }

    tfoot tr {
        background: none;
    }

    tfoot td {
        padding: 10px 2px;
        font-size: 0.8em;
        font-style: italic;
        color: #8a97a0;
    }
    </style>
    <link href='https://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
</div>
<div>
    <table>
        <thead>
            <tr>
                <th scope="col">Size</th>
                <th scope="col">Price</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td colspan="3">*All prints are printed only on professional Fuji Lustre paper.</td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <th scope="row">20x24</th>
                <td>$125</td>
            </tr>
            <tr>
                <th scope="row">16x24</th>
                <td>$75</td>
            </tr>
            <tr>
                <th scope="row">11x14</th>
                <td>$45</td>
            </tr>
            <tr>
                <th scope="row">8x10</th>
                <td>$25</td>
            </tr>
            <tr>
                <th scope="row">5x7</th>
                <td>$15</td>
            </tr>
            <tr>
                <th scope="row">4x6</th>
                <td>$10</td>
            </tr>
            <tr>
                <th scope="row">5x7 Digital Download @600dpi</th>
                <td>$75</td>
            </tr>
            <tr>
                <th scope="row">4x6 Digital Download @300dpi</th>
                <td>$25</td>
            </tr>
            <tr>
                <th scope="row">Photography by the hour $250</th>
                <td>$25</td>
            </tr>
        </tbody>
    </table>
</div>