Cornerstone

Article Footer: List

The article footer is an include file that is meant to be included at the bottom of the article listing and article permalink page. Each section is optional.

<div class="tcu-article-footer tcu-component">
    <div class="grid-x grid-margin-x">
        <!-- Related Posts -->
        <div class="cell small-12 large-auto">
            <h2 class="_with-divider">Related Posts</h2>
            <ul class="tcu-link-list">
                <li><a href="">Link 1</a></li>
                <li><a href="">Link 2</a></li>
                <li><a href="">Link 3</a></li>
            </ul>
        </div>
        <!-- Recent Posts -->
        <div class="cell small-12 large-auto">
            <h2 class="_with-divider">Recent Posts</h2>
            <ul class="tcu-link-list">
                <li><a href="">Link 1</a></li>
                <li><a href="">Link 2</a></li>
                <li><a href="">Link 3</a></li>
            </ul>
        </div>
        <!-- Archive -->
        <div class="cell small-12 large-auto">
            <h2 class="_with-divider">Archive</h2>
            <ul class="tcu-link-list">
                <li><a href="">Link 1</a></li>
                <li><a href="">Link 2</a></li>
                <li><a href="">Link 3</a></li>
            </ul>
        </div>
    </div>
    <!-- Editable Area -->
    <div class="tcu-callout _light">
        <h2>Use an H2 for headings</h2>
        <p>Add paragraphs, bulleted lists, etc. <a href='#'>Read More</a></p>
        <p><a class='button' href='#'>Read More</a></p>
    </div>
</div>