1. Design System
  2. Components
  3. Contact block

Contact block

The contact block section displays relevant contact information.

<section class="section">
    <div class="container is-fullhd">
        <h2 class="is-size-3 has-heading-line">Contact us</h2>
        <div class="columns">
            <div class="column">
                <div class="cms-content contact-box">
                    <p class="is-size-3 has-text-weight-bold m-bottom-10">Prospective Students</p>
                    <p><a class="is-size-5" href="mailto:rd-enquiries:@brookes.ac.uk">rd-enquiries@brookes.ac.uk</a></p>
                </div>
            </div>
            <div class="column">
                <div class="cms-content contact-box">
                    <p class="is-size-3 has-text-weight-bold m-bottom-10">Research Support</p>
                    <p><a class="is-size-5" href="mailto:research@brookes.ac.uk">research@brookes.ac.uk</a></p>
                </div>
            </div>
            <div class="column">
                <div class="cms-content contact-box">
                    <p class="is-size-3 has-text-weight-bold m-bottom-10">PR Enquiries</p>
                    <p><a class="is-size-5" href="mailto:pr@brookes.ac.uk">pr@brookes.ac.uk</a></p>
                </div>
            </div>
        </div>
    </div>
</section>

Usage

This component is best placed at the foot of the page or at the top of the page to the right.

Accessibility