YOUR trial

Cards demo page

This is a demo of a public facing main Study Site. The content is really flexible but we have found this format works for lots of trials.

Adding a button

Modal cards

Modal cards are for where there is a very uneven text for a grid of cards, and where the text has a lower priority - e.g team member biographies. Assuming that some cards in a modal card grid will have modal text and others might not, the cards should not be whole-clickable.

Nam aliquet at magna nec laoreet

Suspendisse vitae enim rhoncus, consectetur dolor quis, hendrerit eros.

Cras facilisis mauris

Cras facilisis mauris eu tellus congue convallis.

Praesent non ultricies mi

Praesent non ultricies mi. Morbi viverra laoreet ex sed venenatis.

Video cards

Always whole clickable, regardless of section specific settings. Can have any combination of primary/secondary/light coloured backgrounds and cards. Can be aligned left or centre.

What is a trial? (opens pop-up window containing video)

Proin aliquam pulvinar euismod. Curabitur elementum neque auctor tempus faucibus.

Why do we do trials? (opens pop-up window containing video)

Consent and assent (opens pop-up window containing video)

Who is in a research team? (opens pop-up window containing video)

Icon cards

Can have any combination of primary/secondary/light coloured backgrounds and cards. Can be aligned left or centre.

About

Donec ullamcorper lectus eu enim efficitur suscipit

Taking Part

Nunc fermentum lacus sed arcu lobortis, ut fermentum urna iaculis

Contact

Curabitur dignissim diam tincidunt nulla dignissim, sed vehicula libero iaculis

Text and image cards

Should shadows be removed from cards to enable this kind of image - with a background matching the section background? Shadows are very useful where card and section background might be the same - e.g. primary section, primary cards (hover state)