Events

Connecting communities: Discover and engage with FAO's impactful events worldwide

Overview

We provide three main components for displaying events content:

  1. Card: A compact, visually appealing format for showcasing individual events items.
  2. List: An efficient way to display multiple events items in a structured format.
  3. Detail page: A comprehensive layout for presenting the full events content with additional information.

Card

Card title
Live
Event
Card title
26/06/2020 Rome Time
            
        

Event location

Card title
26/06/2020 Rome Time

Some quick example text to build on the card title and make up the bulk of the card's content.

            
        

List

22/ 5

2021

26/5

2022

ROME (ITALY), 26/11/2020 - 25/11/2022

Some quick example text to build on the card title and make up the bulk of the card's content.

Categories: Lorem, Ipsum, Lorem ipsum,

LoremIpsumLorem ipsum
            
        

22/ 5

2021

ROME (ITALY), 26/11/2020 - 25/11/2022

Some quick example text to build on the card title and make up the bulk of the card's content.

Categories: Lorem, Ipsum, Lorem ipsum,

LoremIpsumLorem ipsum
            
        

Detail page

News Detail

A comprehensive layout for presenting full events content with additional information and related content. This detailed page provides readers with an in-depth view of the events content.

Live Preview
On this page