Projects
Connecting communities: Discover and engage with FAO's impactful projects worldwide
Overview
We provide three main components for displaying projects content:
- Card: A compact, visually appealing format for showcasing individual projects items.
- List: An efficient way to display multiple projects items in a structured format.
- Detail page: A comprehensive layout for presenting the full projects content with additional information.
List
Normal
| Title | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. |
|---|---|
| Abstract | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. |
| Start Date | 02/06/2022 |
| End Date | 04/06/2022 |
| Recipient/Target areas | Lorem, Ipsum, Lorem, Ipsum |
| Budget | 99999 |
| Donor | Lorem ipsum |
| Project code | LOREM/IPS/UM |
| Tags | |
| Categories | Categories: Lorem, Ipsum, Lorem ipsum, Lorem, Ipsum, |
| SDGs | |
Minimal
| Title | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. |
|---|---|
| Budget | 99999 |
| Donor | Lorem ipsum |
Minimal Horizontal
| Symbol | Title | From | to | Total Budget |
|---|---|---|---|---|
| LOREM/IPS/UM | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. | 2021 | 2023 | 300,000$ |
| LOREM/IPS/UM | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet deserunt officia fugiat. | 2021 | 2023 | 300,000$ |
Detail page
A comprehensive layout for presenting the full projects content with additional information and related content. This detailed page provides readers with an in-depth view of the projects content.
Live Preview On this page