Cards

A basic card

This is a card

Illum soluta vel veniam culpa et animi. harum eligendi quisquam debitis voluptas et minima tempore qui nulla hic reiciendis perferendis quia. magnam esse nam sapiente voluptate incidunt fugiat ut quo eum reprehenderit consequatur quo et nobis. delectus ut et aut repudiandae cum Est consequatur eligendi sed numquam incidunt error. facere vel deleniti placeat corporis aliquam voluptatem voluptatem aperiam magnam. eligendi eaque fugiat magni suscipit esse eaque quas quaerat

<article class="card">
  <header class="card__header"><h2>This is the header</h2></header>
  <div class="card__content"><p>This is the content</p></div>
  <footer class="card__footer"><button class="button">This is a button in the footer</button></footer>
</article>

Hero card

Search for Courses

<!-- START search card component -->
<div class="card card--narrow card--hero">
  <h1 class="h2"><span class="quiet">Search for</span> Courses</h1>
  <form>

    <div class="content-columns content-columns--two-columns content-columns--padding-wide">
      <div class="content-columns__column content-columns__column--expand">
        <div class="l-form-item-container l-form-item-container--start">
          <label for="Search" class="hide-element">Search</label>
          <div class="v5-form-item v5-form-item--large v5-form-item--chic v5-form-pair v5-form-pair--search">
            <input class="v5-form-pair__input" type="search" name="Search" id="Search" placeholder="Courses, subjects and areas" title="Search for courses, subjects and areas" data-dynamic-placeholder='["e.g. history", "e.g. north east", "e.g. masters in journalism", "e.g. economics", "e.g. Cornwall"]'>
            <input class="v5-form-pair__submit" tabindex="-1" type="submit" id="SearchSubmmit" name="SearchSubmmit" value="SearchSubmmit">
          </div>
        </div>
      </div>
    </div>

    <div class="content-columns content-columns--two-columns content-columns--horizontal-padding-wide content-columns--fixed-columns">

      <div class="content-columns__column">
        <div class="l-form-item-container l-form-item-container--block">
          <div class="v5-form-item v5-form-item--chic">
            <label for="StudyLevel" class="v5-form-item__label">Study level</label>
            <select id="StudyLevel">
              <option selected="selected" value="0">
                Undergraduate
              </option>
              <option value="1">
                Postgraduate
              </option>
              <option value="2">
                Stupidly long option for testing purposes
              </option>
            </select>
          </div>
        </div>
      </div>

      <div class="content-columns__column">
        <div class="l-form-item-container l-form-item-container--block">
          <div class="v5-form-item v5-form-item--chic">
            <label for="EntryYear" class="v5-form-item__label">Entry year</label>
            <select id="EntryYear">
              <option selected="selected" value="0">
                2018&ndash;2019
              </option>
              <option value="1">
                2019&ndash;2020
              </option>
            </select>
          </div>
        </div>
      </div>

      <div class="content-columns__column">
        <div class="l-form-item-container l-form-item-container--block">
          <div class="v5-form-item v5-form-item--chic">
            <label for="Location" class="v5-form-item__label">Location</label>
            <select id="Location">
              <option selected="selected" value="0">
                Postcode
              </option>
              <option value="1">
                Town
              </option>
            </select>
          </div>
        </div>
      </div>

      <div class="content-columns__column">
        <div class="l-form-item-container l-form-item-container--block">
          <div class="v5-form-item v5-form-item--chic">
            <label for="Postcode" class="v5-form-item__label">Postcode</label>
            <input type="text" id="Postcode" placeholder="e.g. GL51 0EX">
          </div>
        </div>
      </div>

    </div>

    <div class="content-columns content-columns--two-columns content-columns--padding-wide">
      <div class="content-columns__column content-columns__column--expand">
        <div class="v5-form-item v5-form-item--chic buttons buttons--inverse-order">
          <div class="buttons__group">
            <button id="GlobalSearchSubmit" type="submit" class="button button--primary" role="button">Go</button>
          </div>
        </div>
      </div>
    </div>

  </form>
</div>
<!-- END search card component -->

Cards in a grid

Eligendi exercitationem

Repellendus dignissimos facilis repellendus dolor illum fugiat natus vero neque aut aliquid. ea quam sit accusantium voluptate. quod dolorem doloribus veniam veritatis itaque qui laboriosam quia id. rem quam dolorum voluptatem id odio minima numquam iusto velit perferendis. sequi quasi unde fuga velit eum quia minus ut repellendus eligendi ex. similique omnis quaerat natus esse. eos cumque impedit quia ullam vero tenetur a consequatur asperiores incidunt Incidunt sunt quis aliquam aut non reiciendis sapiente recusandae. voluptas quo commodi vero accusamus et et non. eveniet qui nemo omnis libero harum ad ratione et voluptatem ducimus. voluptas exercitationem animi pariatur aut et iste. laudantium ab dolorem voluptates consectetur veritatis quia repellat

Unde facere

Unde aut vitae accusamus doloribus nulla quae. est est velit vel quos tenetur reiciendis aut ut unde beatae perspiciatis ea quod. dolor reprehenderit unde nisi aut

Numquam praesentium

Sit ut explicabo voluptatum odit quas quae optio commodi sunt dignissimos quisquam nulla eius illum. et nemo architecto enim nihil ut aut non distinctio enim voluptas et nobis neque. earum in ipsum incidunt blanditiis corporis nihil Non delectus voluptates nesciunt aut debitis cupiditate ab accusantium unde nihil hic. dicta eligendi sint animi aut. voluptas quae qui placeat ipsum dolorum itaque sint mollitia vel et consequatur. nam aut quidem maxime eveniet perspiciatis voluptas fugiat. ab accusamus exercitationem molestias omnis quis odit. eligendi earum temporibus odit harum sapiente et occaecati dolor laboriosam quis debitis velit magni sed

Perferendis fugiat

Necessitatibus tempore eos quis est rerum cumque sint quia non. nisi corporis optio aut non aspernatur maxime harum nihil veritatis deleniti eligendi. non dolores qui laudantium voluptatem facilis dignissimos delectus expedita reiciendis deleniti temporibus cum

More cards in a grid

Et eos

Iure fugiat minus recusandae cum itaque ratione ea est nostrum et accusantium quia fuga

Ea nemo

Quis nobis amet aperiam modi dolores saepe qui occaecati

Sed quibusdam

Ipsa inventore corrupti et debitis

Doloribus et

Molestiae corporis itaque sequi

Accusantium iusto

Quia ut sint quae id ut voluptatem necessitatibus

Qui aliquid

Et aliquam qui velit ea est

Ipsa nemo

Sed debitis animi error laudantium doloribus et ad ipsum sed odio

Course details cards

Accountancy

ABC University
80 miles Somewhere Withalongnamefortesting
Qualification
BA (Hons)
Duration
4 years
Study mode
Full-time
Start date
2016
Average grad salary
N/A
UCAS Tariff Points
114/159
Student satisfaction
N/A

Accountancy

ABC College
80 miles Somewhere Withalongnamefortesting
Qualification
BA (Hons)
Duration
4 years
Study mode
Full-time
Start date
2016
Average grad salary
N/A
UCAS Tariff Points
114/159
Student satisfaction
N/A

Accountancy

ABC College
80 miles Somewhere Withalongnamefortesting
Qualification
BA (Hons)
Duration
4 years
Study mode
Full-time
Start date
2016
Average grad salary
N/A
UCAS Tariff Points
114/159
Student satisfaction
N/A

Accountancy

University of Somewherewithaverylongname
80 miles Somewhere Withalongnamefortesting
Qualification
BA (Hons)
Duration
4 years
Study mode
Full-time
Start date
2016
Average grad salary
N/A
UCAS Tariff Points
114/159
Student satisfaction
N/A

Card to test IE11 tariff points circle centralised when the other circles are not shown

ABC College
80 miles Somewhere Withalongnamefortesting
Qualification
BA (Hons)
Duration
4 years
Study mode
Full-time
Start date
2016
UCAS Tariff Points
114/159

Course summary cards (as used for choices section)

Information cards (with background slant)

Information cards (without background slant)

Basic cards

Alternate cards

Click the heart

My Application cards

Course choice, no image, Choose & Send

As used on Choose & Send Overview

Choice confirm

As used on Confirm your choices

3D Computer Generated Imagery (Architectural Visualisation) (C790)

ABC College
BA (Hons)

You have been offered a place subject to conditions

The offer is subject to you obtaining AAB

Course choice, no image, Receive & Review

As used on Receive & Review Overview

3D Computer Generated Imagery (Architectural Visualisation) (C790)

ABC College
BA (Hons)
Location:
Somewhere Withalongnamefortesting
Start date:
2016
Point of entry:
1st year
Deferred entry:
No
Live at home while studying:
No

Offer

You have been offered a place subject to conditions

Your offer

This offer is subject to you obtaining AAB

Course choice, no image

As used on Choices

Course choice

Not currently used in My Application, but may be in the future.

Work experience

As used on Work experience

Application status, UC

As used on Receive & Review Application status

Application status

Your application should reach us by one of these dates to ensure consideration by conservatoires:

  • Music applications XX October 2022, 18:00 (UK time)
  • Other applications 15 January 2023, 18:00 (UK time)
Choices 4/6
Choices
Profile 32%
Profile
Personal statement In progress
Personal statement
References
References
Percentage complete 67%

Application status, UG

As used on Choose & Send Overview

Application status

Centre link

Application linked to
Gotham Elementary School

Group
Arkham

Choices 4/6
Choices
Profile 32%
Profile
Personal statement In progress
Personal statement
References
References
Percentage complete 67%

Application status

As used on Receive & Review Overview

Application status

Waiting for decisions

Providers have until 29th July 2021 to respond to your choices. You will be able to reply as soon as all your offers are in.

Number of responses 3/5

Latest updates

  • New offer!
    You have a new offer from Somewhere College

  • New offer!
    You have a new offer from University of Somewhere Else

View all updates

Navigation, Receive & Review

As used on Receive & Review Overview Extra

Your profile

Your personal statement & references