Cards

Cards allow you to create a list of static content. Each listing item is built manually by supplying an image, text, etc, and can be used to link to pages on other websites.

TIP: Cards can be added to either a column layout, accordion or a tile grid. If you have multiple pieces of card content of uneven lengths, try building them in a tile grid layout. This automatically aligns to the card buttons.

Cards within these layouts can use the following designs:

  1. Landscape text only
  2. Portrait image
  3. Portrait text only
  4. Portrait icon
  5. Landscape image
  6. Landscape icon

1. Landscape text only

Example: Display of the main emergency services available.

Fire & Rescue

Oxfordshire Fire and Rescue respond to fires, rescues, and a range of emergencies.

Police

Thames Valley Police prevent crime, investigate incidents, and protect local communities.

Ambulance

South Central Ambulance deliver urgent care, treatment, and transport for patients.

How to get the look:

ActionConfiguration options
Add section3 columns
Add componentCard
Display styleLandscape text only
Add contentPopulate header, tags, subheading and details and link.

2. Portrait image 

Example: Display of the main emergency services available.

Emergency Services: The Big 3

Fire & rescue

Fire & Rescue

Firefighting and emergency response

Oxfordshire Fire & Rescue responds to fires, rescues and a range of emergencies.

police

Police

Law enforcement and public safety

Thames Valley Police prevent crime, investigate incidents, and protect local communities.

ambulance

Ambulance

Medical emergencies and patient transport

South Central Ambulance deliver urgent care, treatment, and transport for patients.

How to get the look:

ActionConfiguration options
Add sectionTile grid, 4 tiles per row
Add componentCard
Display stylePortrait image
Add contentPopulate header, image, tags, subheading and details and link.
Add componentHeading (use 'up' arrow to move to the start of the tile grid)

3. Portrait text only

Example: Details of the South Central Ambulance Service, and link to more content on their website.

Ambulance Service

Medical emergencies and patient transport

South Central Ambulance deliver urgent care, treatment, and transport for patients. Our 999 and NHS 111 services cover Berkshire, Buckinghamshire, Hampshire and Oxfordshire, and our Patient Transport Service covers Hampshire and Milton Keynes. 

How to get the look:

ActionConfiguration options
Add section1 column
Add a componentCard
Display stylePortrait text only
Add contentPopulate header, tags, subheading, details and link.

4. Portrait icon

Example: Services offered by the NHS South Central Ambulance Service.

999

Emergency care, treatment and transport

If you or someone you’re with is suffering a serious or life-threatening emergency and they need help now.

111

NHS support line

Free-to-use service open 24/7 for urgent, but not life-threatening, health issues. 

Patient Transport Services

Transport to and from medical facilities

Transport for those who cannot use public or private transport to get to and from medical centres. 

How to achieve the look:

ActionConfiguration options
Add section3 columns
Add a componentCard
Display style

Portrait icon

Remove tags

Add contentPopulate header, icon, tags, subheading and details.

5. Landscape image

Example: Team members of a fictional Ambulance Service team.

arden paramedic

Arden Ash

Arden has worked as a paramedic for 10 years, and is based in Oxford and surrounding towns.

carlos clover

Carlos Clover

Carlos is an experienced mental health practitioner specialising in emergency care with the Oxford Emergency Services.

barney - driver

Barney Blue

Barney drives ambulances, providing care to residents of Oxford and surrounding areas.

danni surgeon

Danni Delta

Danni has works as a paramedic surgeon for the Ambulance Service, aiding with emergency operations across the county.

How to achieve the look:

ActionConfiguration options
Add section2 columns
Add a componentCards
Display style

Landscape image

Remove button

Add contentPopulate header, image, tags, subheading and details.

6. Landscape icon

Example: Display of the main emergency response services. 

Fire & Rescue

Firefighting and emergency response

Oxfordshire Fire & Rescue responds to fires, rescues and a range of emergencies.

Police

Law enforcement and public safety

Thames Valley Police prevent crime, investigate incidents, and protect local communities.

Ambulance

Medical emergencies and patient transport

South Central Ambulance deliver urgent care, treatment, and transport for patients.

How to get the look:

ActionConfiguration options
Add section3 columns
Add a componentCards
Display style

Landscape icon

Remove button

Add contentPopulate header, image, tags, subheading and details.

Images sourced from Pexels by Georgia Morina, Bob Jenkin, Anna Shvets, Mikhail Nilov, Tessy Agbonome, Omid Bonyadian, Siarhei Nester.