Cornerstone

Icon Card Set

A grouping of icon cards with optional title and background color.

The columns can be setup to auto width, 4 columns, or 2 columns.

<div class="tcu-icon-card-set _neutral">
    <div class="tcu-icon-card-set__inner">
        <h2>We’re Very Social</h2>
        <p></p>
        <div class="grid-x grid-margin-x grid-margin-y align-center">
            <div class="cell large-auto">
                <div class="tcu-icon-card _icon">
                    <div class="tcu-icon-card__content">
                        <img src="https://assets.tcu.edu/cornerstone/images/address-icon.svg" alt="">
                        <p class="tcu-icon-card__title">Physical Address</p>
                        <p>3301 Bellaire Drive North Fort Worth, Texas 76109</p>
                    </div>
                </div>
            </div>
            <div class="cell large-auto">
                <div class="tcu-icon-card _icon">
                    <div class="tcu-icon-card__content">
                        <img src="https://assets.tcu.edu/cornerstone/images/address-icon.svg" alt="">
                        <p class="tcu-icon-card__title">Mailing Address</p>
                        <p>TCU Box 297013 Fort Worth, Texas 76129</p>
                    </div>
                </div>
            </div>
            <div class="cell large-auto">
                <div class="tcu-icon-card _icon">
                    <div class="tcu-icon-card__content">
                        <img src="https://assets.tcu.edu/cornerstone/images/address-icon.svg" alt="">
                        <p class="tcu-icon-card__title">Office Hours</p>
                        <p>8 a.m. to 5 p.m. Monday-Friday Central Time</p>
                    </div>
                </div>
            </div>
            <div class="cell large-auto">
                <div class="tcu-icon-card _icon">
                    <div class="tcu-icon-card__content">
                        <img src="https://assets.tcu.edu/cornerstone/images/address-icon.svg" alt="">
                        <p class="tcu-icon-card__title">Phone</p>
                        <p>TOLL-FREE: 800-828-3764 DIRECT: 817-257-7490</p>
                    </div>
                </div>
            </div>
            <div class="cell large-auto">
                <div class="tcu-icon-card _icon">
                    <div class="tcu-icon-card__content">
                        <img src="https://assets.tcu.edu/cornerstone/images/address-icon.svg" alt="">
                        <p class="tcu-icon-card__title">Fax</p>
                        <p>817-257-7268</p>
                    </div>
                </div>
            </div>
            <div class="cell large-auto">
                <div class="tcu-icon-card _icon">
                    <div class="tcu-icon-card__content">
                        <img src="https://assets.tcu.edu/cornerstone/images/address-icon.svg" alt="">
                        <p class="tcu-icon-card__title">Email</p>
                        <p>frogmail@tcu.edu</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>