Tile Styles

Tile - Primary

                        <article class="tile">
                            <a href="#" class="tile__link">
                                <div class="tile__body">
                                    <h3>Tile Heading</h3>
                                    <p>Maecenas scelerisque odio.</p>
                                    <span class="link--cta--white">Learn more</span>
                                </div>
                            </a>
                        </article>

Tile - Secondary

                        <article class="tile tile--secondary">
                            <a href="#" class="tile__link">
                                <div class="tile__body">
                                    <h3>Tile Heading</h3>
                                    <p>Maecenas scelerisque odio.</p>
                                    <span class="link--cta">Learn more</span>
                                </div>
                            </a>
                        </article>

Tile - Tertiary

                        <article class="tile tile--tertiary">
                            <a href="#" class="tile__link">
                                <div class="tile__body">
                                    <h3>Tile Heading</h3>
                                    <p>Maecenas scelerisque odio.</p>
                                    <span class="link--cta">Learn more</span>
                                </div>
                            </a>
                        </article>

Tile - Quaternary

                        <article class="tile tile--quaternary">
                            <a href="#" class="tile__link">
                                <div class="tile__body">
                                    <h3>Tile Heading</h3>
                                    <p>Maecenas scelerisque odio.</p>
                                    <span class="link--cta--white">Learn more</span>
                                </div>
                            </a>
                        </article>

Tile - Faculty

                        <article>
                            <a href="#" class="tile tile--faculty flex flex--center">
                                <div class="tile__body">
                                    <span class="link--cta--white">International and Studies: Languages and Cultures</span>
                                </div>
                            </a>
                        </article>

Tiles in Grid