Article Footer: Card

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 ">
            <h2 class="_with-divider">Related Posts</h2>
            <div class="tcu-article-listing _card">
                <section class="tcu-article-card ">
                    <div class="tcu-article-card__image">
                        <img src="https://www.tcu.edu/news/images/startalk-news-mobile.jpg" width="280" height="280" alt="" loading="lazy" />
                    </div>
                    <div class="tcu-article-card__content">
                        <ul class="tcu-article-card__tags">
                        </ul>
                        <h2 class="tcu-article-card__title">
                            <a href="https://www.tcu.edu/news/2025/tcu-receives-grant-to-promote-critical-languages-education-national-security.php">TCU Receives Grant to Promote Critical Languages, Education, National Security</a>
                        </h2>
                        <div class="tcu-article-card__meta">September 16, 2020</div>
                        <div class="tcu-article-card__description">
                            <p>For the second time, the Department of Modern Languages earned the STARTALK grant and will host a two-week residential program with students from across the country.</p>
                        </div>
                    </div>
                </section>
                <section class="tcu-article-card ">
                    <div class="tcu-article-card__image">
                        <img src="https://www.tcu.edu/news/2025/_images/winter-weather-mobile.jpg" width="280" height="280" alt="" loading="lazy" />
                    </div>
                    <div class="tcu-article-card__content">
                        <ul class="tcu-article-card__tags">
                            <li><a href="?tags=Visit">Visit</a><span>, </span> </li>
                            <li><a href="?tags=Admissions">Admissions</a> </li>
                        </ul>
                        <h2 class="tcu-article-card__title">
                            <a href="https://www.tcu.edu/news/2025/campus-closed-january-9-10.php">Campus Closed Beginning Thursday, Jan. 9</a>
                        </h2>
                        <div class="tcu-article-card__meta">September 16, 2020</div>
                        <div class="tcu-article-card__description">
                            <p>Due to inclement weather conditions, the TCU campus is closed on Thursday, Jan. 9, and Friday, Jan. 10.</p>
                        </div>
                    </div>
                </section>
                <section class="tcu-article-card ">
                    <div class="tcu-article-card__image">
                        <img src="https://www.tcu.edu/news/2025/_images/winter-weather-mobile.jpg" width="280" height="280" alt="A frosty Frog Fountain, with a snow-covered Campus Commons in the background" loading="lazy" />
                    </div>
                    <div class="tcu-article-card__content">
                        <ul class="tcu-article-card__tags">
                            <li><a href="?tags=Visit">Visit</a><span>, </span> </li>
                            <li><a href="?tags=Admissions">Admissions</a> </li>
                        </ul>
                        <h2 class="tcu-article-card__title">
                            <a href="https://www.tcu.edu/news/2025/even-in-la-nina-tcu-prepares-for-winter.php">Even in a La Niña Winter, TCU Prepares for Winter Weather</a>
                        </h2>
                        <div class="tcu-article-card__meta">September 16, 2020</div>
                        <div class="tcu-article-card__description">
                            <p>Winter is approaching, along with the potential for snow and ice, so it's time for Horned Frogs to take note of TCU's winter weather notification procedures.</p>
                        </div>
                    </div>
                </section>
                <section class="tcu-article-card ">
                    <div class="tcu-article-card__image">
                        <img src="https://www.tcu.edu/news/images/MikeBuddieAthleticDirector-news-mobile.jpg" width="280" height="280" alt="" loading="lazy" />
                    </div>
                    <div class="tcu-article-card__content">
                        <ul class="tcu-article-card__tags">
                        </ul>
                        <h2 class="tcu-article-card__title">
                            <a href="https://www.tcu.edu/news/2024/tcu-names-mike-buddie-director-of-intercollegiate-athletics.php">TCU Names Mike Buddie Director of Intercollegiate Athletics</a>
                        </h2>
                        <div class="tcu-article-card__meta">September 16, 2020</div>
                        <div class="tcu-article-card__description">
                            <p>Coming from the United States Military at West Point, he will lead TCU's 22-sport Division 1 program as the ninth athletic director in TCU history.</p>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <!-- Recent Posts -->
        <div class="cell small-12 ">
            <h2 class="_with-divider">Recent Posts</h2>
            <div class="tcu-article-listing _card">
                <section class="tcu-article-card ">
                    <div class="tcu-article-card__image">
                        <img src="https://www.tcu.edu/news/images/startalk-news-mobile.jpg" width="280" height="280" alt="" loading="lazy" />
                    </div>
                    <div class="tcu-article-card__content">
                        <ul class="tcu-article-card__tags">
                        </ul>
                        <h2 class="tcu-article-card__title">
                            <a href="https://www.tcu.edu/news/2025/tcu-receives-grant-to-promote-critical-languages-education-national-security.php">TCU Receives Grant to Promote Critical Languages, Education, National Security</a>
                        </h2>
                        <div class="tcu-article-card__meta">September 16, 2020</div>
                        <div class="tcu-article-card__description">
                            <p>For the second time, the Department of Modern Languages earned the STARTALK grant and will host a two-week residential program with students from across the country.</p>
                        </div>
                    </div>
                </section>
                <section class="tcu-article-card ">
                    <div class="tcu-article-card__image">
                        <img src="https://www.tcu.edu/news/2025/_images/winter-weather-mobile.jpg" width="280" height="280" alt="" loading="lazy" />
                    </div>
                    <div class="tcu-article-card__content">
                        <ul class="tcu-article-card__tags">
                            <li><a href="?tags=Visit">Visit</a><span>, </span> </li>
                            <li><a href="?tags=Admissions">Admissions</a> </li>
                        </ul>
                        <h2 class="tcu-article-card__title">
                            <a href="https://www.tcu.edu/news/2025/campus-closed-january-9-10.php">Campus Closed Beginning Thursday, Jan. 9</a>
                        </h2>
                        <div class="tcu-article-card__meta">September 16, 2020</div>
                        <div class="tcu-article-card__description">
                            <p>Due to inclement weather conditions, the TCU campus is closed on Thursday, Jan. 9, and Friday, Jan. 10.</p>
                        </div>
                    </div>
                </section>
                <section class="tcu-article-card ">
                    <div class="tcu-article-card__image">
                        <img src="https://www.tcu.edu/news/2025/_images/winter-weather-mobile.jpg" width="280" height="280" alt="A frosty Frog Fountain, with a snow-covered Campus Commons in the background" loading="lazy" />
                    </div>
                    <div class="tcu-article-card__content">
                        <ul class="tcu-article-card__tags">
                            <li><a href="?tags=Visit">Visit</a><span>, </span> </li>
                            <li><a href="?tags=Admissions">Admissions</a> </li>
                        </ul>
                        <h2 class="tcu-article-card__title">
                            <a href="https://www.tcu.edu/news/2025/even-in-la-nina-tcu-prepares-for-winter.php">Even in a La Niña Winter, TCU Prepares for Winter Weather</a>
                        </h2>
                        <div class="tcu-article-card__meta">September 16, 2020</div>
                        <div class="tcu-article-card__description">
                            <p>Winter is approaching, along with the potential for snow and ice, so it's time for Horned Frogs to take note of TCU's winter weather notification procedures.</p>
                        </div>
                    </div>
                </section>
                <section class="tcu-article-card ">
                    <div class="tcu-article-card__image">
                        <img src="https://www.tcu.edu/news/images/MikeBuddieAthleticDirector-news-mobile.jpg" width="280" height="280" alt="" loading="lazy" />
                    </div>
                    <div class="tcu-article-card__content">
                        <ul class="tcu-article-card__tags">
                        </ul>
                        <h2 class="tcu-article-card__title">
                            <a href="https://www.tcu.edu/news/2024/tcu-names-mike-buddie-director-of-intercollegiate-athletics.php">TCU Names Mike Buddie Director of Intercollegiate Athletics</a>
                        </h2>
                        <div class="tcu-article-card__meta">September 16, 2020</div>
                        <div class="tcu-article-card__description">
                            <p>Coming from the United States Military at West Point, he will lead TCU's 22-sport Division 1 program as the ninth athletic director in TCU history.</p>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <!-- Archive -->
        <div class="cell small-12 ">
            <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>