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 - Quinary

Languages and Cultures of Ancient Greece, Rome and Late Antiquity

Performing Arts Industries: Dance, Theatre and Creativity

Professional Organisational and Workplace Communication

Anthropology

Archaeology

Chinese Studies

Chinese-English Translation and Interpreting
See all majors (98) 
                        <div class="tile tile--quinary">
                            <a href="#" class="tile__link">
                                <div class="tile__body">
                                    <h3>Tile Heading</h3>
                                    <p>Maecenas scelerisque odio.</p>
                                    <span class="link--cta--dark">Learn more</span>
                                </div>
                            </a>
                        </div>

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