Exam List

An exam list contains a repeating group of exam items. To begin, wrap this module in a <section class="exam-list">. Then use <article class="exam-item"> to group intividual exams.

Like similar widgets, the list item contains the following child elements. .header, .body, and .footer

Note: Exam items have additional classes on sub elements that may not be used in the current design, however they could be used in the future.

Example:

ID: XXXXX

Base:open

ID: XXXXX

Base:open

Source Code:

<section class="exams-list">
    <article class="exam-item">
        <div class="header">
            <div class="title"><a href="">Exam Title</a></div>
            <div class="filing-date">Final Filing Date <time datetime="2013-10-17">10/17/2013</time></div>
        </div>
        <div class="body">
            <div class="id">ID: <span>XXXXX</span></div>
            <div class="base">Base:<span>open</span></div>
        </div>
        <div class="footer">
            <div class="published">Published: <time datetime="2014-08-27">Aug 27, 2014</time></div>
            <a href="" class="btn btn-default">View More Details</a>
        </div>
    </article>
    
    <article class="exam-item">
        <div class="header">
            <div class="title"><a href="">Exam Title</a></div>
            <div class="filing-date">Final Filing Date <time datetime="2013-10-17">10/17/2013</time></div>
        </div>
        <div class="body">
            <div class="id">ID: <span>XXXXX</span></div>
            <div class="base">Base:<span>open</span></div>
        </div>
        <div class="footer">
            <div class="published">Published: <time datetime="2014-08-27">Aug 27, 2014</time></div>
            <a href="" class="btn btn-default">View More Details</a>
        </div>
    </article>
</section>