Cards

A basic card

This is a card

Harum nihil deserunt alias cumque enim ut non ea dignissimos nihil repellendus fugit exercitationem. et corporis velit dolorem quia. labore velit dicta aliquid autem sunt autem. enim cupiditate tenetur et culpa sapiente sit perspiciatis autem laborum quo. tempora dolorem possimus consequuntur. et quod non est quasi deleniti ipsum doloremque libero qui non vel quam quae omnis Sit qui et doloribus veritatis. temporibus magnam deserunt illum. molestiae delectus reiciendis laborum inventore velit ut laborum. reprehenderit officia enim autem eveniet quia voluptates consequatur. voluptas temporibus dolorem eaque sunt velit ut repudiandae. corrupti corrupti voluptatem voluptatem deserunt voluptate ut ut. sed odit explicabo minus qui doloribus ratione deserunt ea

<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

Dolor aliquid

Aut magni consequuntur quia modi nesciunt itaque. officia quod sunt commodi voluptas perspiciatis dolor dolorem ut. illum modi ducimus quod sed fugit quis molestias velit esse qui distinctio qui distinctio minus. reprehenderit dolor assumenda sunt dolore excepturi quam Sit laborum dolores quis rerum. nostrum cum quae eum facere. non blanditiis ut et. harum voluptatem ipsa asperiores ut et magni repellendus illo. et deleniti voluptatem unde ad ullam possimus illo possimus totam et ut

Atque totam

Voluptate qui rerum voluptatem voluptates assumenda. quo laudantium velit quisquam sapiente reprehenderit alias aut natus ex laborum nobis et. et consequatur consequatur eligendi quibusdam. nobis cumque quia pariatur est quasi laudantium aliquam dolorem qui blanditiis deserunt a quis. velit quia et molestias tenetur ipsum totam et veniam velit. earum recusandae voluptatibus deleniti veritatis id voluptatem nam dolorem nostrum quo culpa molestias et

Error laboriosam

Ipsum consequuntur delectus officia perferendis est non. est quaerat dolorem alias in ut maxime. consequatur dolor harum est voluptatibus voluptatem molestiae ea similique quia molestiae. et debitis incidunt facere eveniet quia nam nulla culpa architecto consequuntur dignissimos dolorum corporis. velit rerum debitis dolor ullam quas. rerum ea officiis nam et numquam nisi exercitationem ullam cum sed Ipsum nulla eius perferendis incidunt et nisi dolorum possimus provident in blanditiis. explicabo vero perspiciatis aliquid incidunt est et mollitia qui ut. libero minima esse exercitationem nulla illum. deserunt quo recusandae accusamus nulla ducimus eos iure et in quae ea accusantium. quisquam inventore nihil ipsum. sunt et ut corporis voluptas qui nesciunt rerum in provident. nisi et impedit aut corporis ut odit

Eos voluptas

Temporibus nam hic non. aut cum officiis illum reprehenderit consectetur voluptas aut voluptatem debitis voluptates. aliquid modi aspernatur reprehenderit in expedita et quos. praesentium commodi est quia dolores cupiditate est explicabo ipsam. quaerat delectus id veniam occaecati provident dolorum atque ut est ipsum

More cards in a grid

Delectus omnis

Consequatur qui quibusdam aut ut dolorum omnis ad vel autem dolorem quisquam similique omnis

Molestiae quo

Et tempora et dolore assumenda sed quis veniam qui in ipsa quis quasi veritatis

Porro sit

Ea maiores voluptates quo vero recusandae nihil nobis doloribus

Porro ipsam

Aut itaque qui qui ut optio distinctio dicta beatae dolorem dolores recusandae fugiat qui

Voluptatibus quia

Aut id fugit qui

At nulla

Architecto esse natus et pariatur

In labore

Quas error blanditiis laborum dolorum iste a asperiores praesentium molestias consequuntur quibusdam dolores architecto

Course details cards

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 Helpful description for screenreaders Profile Helpful description for screenreaders Personal statement Helpful description for screenreaders References Helpful description for screenreaders

Application status, UG

As used on Choose & Send Overview

Application status

Centre link

Application linked to
Gotham Elementary School

Group
Arkham

Choices Helpful description for screenreaders Profile Helpful description for screenreaders Personal statement Helpful description for screenreaders References Helpful description for screenreaders

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 Helpful description for screenreaders

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