Back to Snippets List

table - Table Rwd

1.

Name: Jane Smith

Date of birth: 01 03 2008

Gender: Female

Name of School: Gordon Infant School

2.

Name: Mary Smith

Date of birth: 25 12 2009

Gender: Female

Name of School: Gordon Infant Change

<div class="rwd-table">

    <div class="rwd-table-row">
        <div class="rwd-table-col-num">1.</div>
        <div class="rwd-table-content">
            <p>
                <span>Name:</span>
                <span>Jane Smith</span>
            </p>
            <p>
                <span>Date of birth:</span>
                <span>01 03 2008</span>
            </p>
            <p>
                <span>Gender:</span>
                <span>Female</span>
            </p>
            <p>
                <span>Name of School:</span>
                <span>Gordon Infant School</span>
            </p>
        </div>
        <div class="rwd-table-actions">
            <a href="#">Change</a>
        </div>
    </div>

    <div class="rwd-table-row">
        <div class="rwd-table-col-num">2.</div>
        <div class="rwd-table-content">
            <p>
                <span>Name:</span>
                <span>Mary Smith</span>
            </p>
            <p>
                <span>Date of birth:</span>
                <span>25 12 2009</span>
            </p>
            <p>
                <span>Gender:</span>
                <span>Female</span>
            </p>
            <p>
                <span>Name of School:</span>
                <span>Gordon Infant Change</span>
            </p>
        </div>
        <div class="rwd-table-actions">
            <a href="#">Change</a>
        </div>
    </div>
</div>