Styleguide

.breadcrumb

.breadcrumb--white

.pagination


  @file components/pagination.twig

  @param {array}  pagination

  @param {array}  classes
  @param {array}  modifiers

.hero


  @file components/hero.twig

  @param {array}   hero
  @param {array}   hero.picture
  @param {string}  hero.picture.src
  @param {string}  hero.picture.srcset
  @param {string}  hero.picture.alt
  @param {string}  hero.title
  @param {string}  hero.text
  @param {array}   hero.link
  @param {string}  hero.link.url
  @param {string}  hero.link.label

  @param {array}  classes
  @param {array}  modifiers

Science for Humanity’s greatest challenges

Towards a world free of poverty, hunger and environmental degradation CGIAR is the world’s largest global agricultural innovation network

.hero--colored


  @file components/hero.twig

  @param {array}   hero
  @param {array}   hero.picture
  @param {string}  hero.picture.src
  @param {string}  hero.picture.srcset
  @param {string}  hero.picture.alt
  @param {string}  hero.title
  @param {string}  hero.text
  @param {array}   hero.link
  @param {string}  hero.link.url
  @param {string}  hero.link.label

  @param {array}  classes
  @param {array}  modifiers

Science for Humanity’s greatest challenges

Towards a world free of poverty, hunger and environmental degradation CGIAR is the world’s largest global agricultural innovation network

.cta-campaign


  @file components/cta-campaign.twig

  @param {array}   cta_campaign
  @param {array}   cta_campaign.picture
  @param {string}  cta_campaign.picture.src
  @param {string}  cta_campaign.picture.srcset
  @param {string}  cta_campaign.picture.alt
  @param {string}  cta_campaign.title
  @param {string}  cta_campaign.text
  @param {array}   cta_campaign.link
  @param {string}  cta_campaign.link.url
  @param {string}  cta_campaign.link.label

  @param {array}  classes
  @param {array}  modifiers

2018 Campaign Title: Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus, ante vel sollicitudin condimentum, erat tortor placerat ex, a ullamcorper purus justo eget libero. Quisque elit turpis, eleifend ornare erat a.

.keypoint


  @file components/keypoint.twig

  {
    keypoint: {
      value: '70',
      label: 'countries'
    }
  }
70 countries

.research + .keypoint


  @file components/research.twig

  {
    research: {
      title: 'Research',
      picture: {
          src: 'http://placehold.it/1920x1280/777/333?text=news%20picture',
          srcset: '',
          alt: '',
      },
      items: [
        {
          keypoint: {
            value: '70',
            label: 'countries',
          },
          text: 'lorem ipsum lorem ipsum',
        },
        {
          keypoint: {
            value: '70',
            label: 'countries',
          },
          text: 'lorem ipsum lorem ipsum',
        },
        {
          keypoint: {
            value: '70',
            label: 'countries',
          },
          text: 'lorem ipsum lorem ipsum',
        },
        {
          keypoint: {
            value: '70',
            label: 'countries',
          },
          text: 'lorem ipsum lorem ipsum',
        }
      ],
      link: {
        label: 'Discover our research',
        url: '#',
      },
    },
  }

Research

  • 70 countries

    lorem ipsum lorem ipsum

  • 70 countries

    lorem ipsum lorem ipsum

  • 70 countries

    lorem ipsum lorem ipsum

  • 70 countries

    lorem ipsum lorem ipsum

.cta-challenges


  @file components/cta-challenges.twig

  @param {array}   cta_challenges
  @param {string}  cta_challenges.title
  @param {string}  cta_challenges.text
  @param {array}   cta_challenges.challenges
  @param {array}   cta_challenges.challenges.icon
  @param {string}  cta_challenges.challenges.icon.slug
  @param {string}  cta_challenges.challenges.icon.src
  @param {string}  cta_challenges.challenges.label

  @param {array}  classes
  @param {array}  modifiers

Global challenges

We are at a crossroads in the world’s food system. We cannot continue our current trajectory of consuming too little, too much, or the wrong types of food at an unsustainable cost to natural resources, the environment and human health.

.slider-generic (type: text)


  @file components/slider-generic.twig

  @param {array}   slider_generic
  @param {array}   slider_generic.texts
  @param {array}   slider_generic.link
  @param {string}  slider_generic.link.label
  @param {string}  slider_generic.link.url

  @param {array}  classes
  @param {array}  modifiers
  • Increased resilience, income and yield for 4.75 million farmers in India working across 3.7 million hectares by scaling CGIAR developed natural resource management practices.
  • Increased resilience, income and yield for 4.75 million farmers in India working across 3.7 million hectares by scaling CGIAR developed natural resource management practices.
  • Increased resilience, income and yield for 4.75 million farmers in India working across 3.7 million hectares by scaling CGIAR developed natural resource management practices.
  • Increased resilience, income and yield for 4.75 million farmers in India working across 3.7 million hectares by scaling CGIAR developed natural resource management practices.
  • Increased resilience, income and yield for 4.75 million farmers in India working across 3.7 million hectares by scaling CGIAR developed natural resource management practices.

.slider-generic (type: quote)


  @file components/slider-generic.twig

  @param {array}   slider_generic
  @param {array}   slider_generic.texts
  @param {array}   slider_generic.link
  @param {string}  slider_generic.link.label
  @param {string}  slider_generic.link.url

  @param {array}  classes
  @param {array}  modifiers
  • Increased resilience, income and yield for 4.75 million farmers in India working across 3.7 million hectares by scaling CGIAR developed natural resource management practices.
    Vanessa communication manager
    since 1999
  • Increased resilience, income and yield for 4.75 million farmers in India working across 3.7 million hectares by scaling CGIAR developed natural resource management practices.
    Vanessa communication manager
    since 1999

.news-grid


  @file components/news-grid.twig

  @param {array}   news_grid
  @param {string}  news_grid.title
  @param {string}  news_grid.leftTitle
  @param {array}   news_grid.news
  @param {string}  news_grid.news[].url
  @param {array}   news_grid.news[].picture
  @param {string}  news_grid.news[].picture.src
  @param {string}  news_grid.news[].picture.srcset
  @param {string}  news_grid.news[].picture.alt
  @param {string}  news_grid.news[].title
  @param {string}  news_grid.news[].author
  @param {string}  news_grid.news[].date
  @param {array}   news_grid.news[].tags
  @param {string}  news_grid.news[].tags[].category
  @param {string}  news_grid.news[].tags[].name
  @param {array}   news_grid.link
  @param {string}  news_grid.link.label
  @param {string}  news_grid.link.url

  @param {array}  classes
  @param {array}  modifiers

News

.heroes-grid


  @file components/heroes-grid.twig

  @param {array}   heroes_grid
  @param {string}  heroes_grid.title
  @param {array}   heroes_grid.heroes
  @param {string}  heroes_grid.heroes[].url
  @param {array}   heroes_grid.heroes[].picture
  @param {string}  heroes_grid.heroes[].picture.src
  @param {string}  heroes_grid.heroes[].picture.srcset
  @param {string}  heroes_grid.heroes[].picture.alt
  @param {string}  heroes_grid.heroes[].title
  @param {string}  heroes_grid.heroes[].author
  @param {string}  heroes_grid.heroes[].date
  @param {array}   heroes_grid.heroes[].tags
  @param {string}  heroes_grid.heroes[].tags[].category
  @param {string}  heroes_grid.heroes[].tags[].name
  @param {array}   heroes_grid.link
  @param {string}  heroes_grid.link.label
  @param {string}  heroes_grid.link.url

  @param {array}  classes
  @param {array}  modifiers

Meet a few of our CGIAR heroes

.facts-grid


  @file components/facts-grid.twig

  @param {array}   facts_grid
  @param {string}  facts_grid.title
  @param {array}   facts_grid.facts

  @param {array}  classes
  @param {array}  modifiers

Facts

  • On board for a food secure future

    Marco Ferroni accepted the role of Chair of the System Management Board and Kanayo F. Nwanze...

  • UK aid backs ground-breaking British research into ‘super-crops’

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dapibus vel mauris at sodales...

  • 2016 CGIAR Annual Report: Innovations for Global Food Security

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dapibus vel mauris at sodales...

.publications-grid


  @file components/publications-grid.twig

  @param {array}   publications_grid
  @param {string}  publications_grid.title
  @param {array}   publications_grid.publications
  @param {string}  publications_grid.publications[].url
  @param {array}   publications_grid.publications[].picture
  @param {string}  publications_grid.publications[].picture.src
  @param {string}  publications_grid.publications[].picture.srcset
  @param {string}  publications_grid.publications[].picture.alt
  @param {string}  publications_grid.publications[].title
  @param {string}  publications_grid.publications[].author
  @param {string}  publications_grid.publications[].date
  @param {array}   publications_grid.publications[].tags
  @param {string}  publications_grid.publications[].tags[].category
  @param {string}  publications_grid.publications[].tags[].name
  @param {array}   publications_grid.link
  @param {string}  publications_grid.link.label
  @param {string}  publications_grid.link.url

  @param {array}  classes
  @param {array}  modifiers

Featured publications

.reports-grid--flatten


  @file components/reports-grid.twig

  @param {array}   reports_grid
  @param {string}  reports_grid.title
  @param {array}   reports_grid.reports
  @param {array}   reports_grid.reports[].picture
  @param {string}  reports_grid.reports[].picture.src
  @param {string}  reports_grid.reports[].picture.srcset
  @param {string}  reports_grid.reports[].picture.alt
  @param {string}  reports_grid.reports[].title
  @param {string}  reports_grid.reports[].author
  @param {array}   reports_grid.reports[].links
  @param {array}   reports_grid.link
  @param {string}  reports_grid.link.label
  @param {string}  reports_grid.link.url

  @param {array}  classes
  @param {array}  modifiers

Annual Reports

.reports-grid


  @file components/reports-grid.twig

  @param {array}   reports_grid
  @param {string}  reports_grid.title
  @param {array}   reports_grid.reports
  @param {array}   reports_grid.reports[].picture
  @param {string}  reports_grid.reports[].picture.src
  @param {string}  reports_grid.reports[].picture.srcset
  @param {string}  reports_grid.reports[].picture.alt
  @param {string}  reports_grid.reports[].title
  @param {string}  reports_grid.reports[].author
  @param {array}   reports_grid.reports[].links
  @param {array}   reports_grid.link
  @param {string}  reports_grid.link.label
  @param {string}  reports_grid.link.url

  @param {array}  classes
  @param {array}  modifiers

Annual Reports

.events-grid


  @file components/events-grid.twig

  @param {array}   events_grid
  @param {string}  events_grid.title
  @param {array}   events_grid.events
  @param {string}  events_grid.events[].date
  @param {string}  events_grid.events[].title
  @param {string}  events_grid.events[].location
  @param {array}   events_grid.link
  @param {string}  events_grid.link.label
  @param {string}  events_grid.link.url

  @param {array}  classes
  @param {array}  modifiers

Upcoming Events

.cta-narrow


  @file components/cta-narrow.twig

  @param {array}   cta
  @param {string}  cta.headline
  @param {string}  cta.title
  @param {string}  cta.text
  @param {array}   cta.link
  @param {string}  cta.link.label
  @param {string}  cta.link.url

  @param {array}  classes
  @param {array}  modifiers

Meet our funders

CGIAR research is made possible by our funders. They contribute to a research partnership with direct impact on the livelihoods of the poor.

.cta-discover


  @file components/cta-discover.twig

  @param {array}   cta
  @param {string}  cta.headline
  @param {string}  cta.title
  @param {string}  cta.url

  @param {array}  classes
  @param {array}  modifiers
Discover our research centers & portfolio

.links-list


  @file components/links-list.twig

  @param {array}   links_list
  @param {array}   links_list.links
  @param {string}  links_list.links[].label
  @param {string}  links_list.links[].url
  @param {string}  links_list.links[].text

  @param {array}  classes
  @param {array}  modifiers

.duo-content-links


  @file components/duo-content-links.twig

  @param {array}   duo_content_links.content
  @param {string}  duo_content_links.content.title
  @param {string}  duo_content_links.content.text
  @param {array}   duo_content_links.links
  @param {string}  duo_content_links.links[].label
  @param {string}  duo_content_links.links[].url

  @param {array}  classes
  @param {array}  modifiers

Agri-Food Systems Programs

The first of these is the innovation in Agri-Food Systems which involves adopting an integrated, agricultural systems approach to advancing productivity, sustainability, nutrition and resilience outcomes at scale.

.duo-content-links--shaded


  @file components/duo-content-links.twig

  @param {array}   duo_content_links.content
  @param {string}  duo_content_links.content.title
  @param {string}  duo_content_links.content.text
  @param {array}   duo_content_links.links
  @param {string}  duo_content_links.links[].label
  @param {string}  duo_content_links.links[].url

  @param {array}  classes
  @param {array}  modifiers

Global Integrating Programs

The second cluster consists of four cross-cutting Global Integrating Programs framed to work closely with the Agri-Food Systems Programs within relevant agro-ecological systems.

.intro-text


  @file components/intro-text.twig

  @param {array}   intro_text
  @param {string}  intro_text.title
  @param {string}  intro_text.text

  @param {array}  classes
  @param {array}  modifiers

CGIAR Harnessing Innovations

To solve these complex challenges, CGIAR partners with governments, national research institutes, civil society and the private sector on 5 global transformations.

.intro-text--primary


  @file components/intro-text.twig

  @param {array}   intro_text
  @param {string}  intro_text.title
  @param {string}  intro_text.text

  @param {array}  classes
  @param {array}  modifiers

Research Centers

The 15 CGIAR Research Centers are independent, non-profit research organizations, conducting innovative research. Home to more than 8,000 scientists, researchers, technicians, and staff, CGAIR Research works to create a better future for the world’s poor. Each Center has its own charter, board of trustees, director general, and staff. CGIAR Research Centers are responsible for hands-on research programs and operations guided by policies and research directions set by the System Management Board.

.intro-text--secondary


  @file components/intro-text.twig

  @param {array}   intro_text
  @param {string}  intro_text.title
  @param {string}  intro_text.text

  @param {array}  classes
  @param {array}  modifiers

Research Portfolio 2017-2022

The CGIAR Research Portfolio 2017-2022 is structured around two linked clusters of challenge-led research. The first of these is the innovation in Agri-Food Systems which involves adopting an integrated, agricultural systems approach to advancing productivity, sustainability, nutrition and resilience outcomes at scale.

.iconic-grid


  @file components/iconic-grid.twig

  @param {object}  iconic_grid

  @param {object}  iconic_grid.intro
  @param {string}  iconic_grid.intro.title
  @param {string}  iconic_grid.intro.text
  @param {object}  iconic_grid.intro.picture
  @param {string}  iconic_grid.intro.picture.src
  @param {string}  iconic_grid.intro.picture.srcset
  @param {string}  iconic_grid.intro.picture.alt

  @param {array}   iconic_grid.tiles
  @param {string}  iconic_grid.tiles[].icon
  @param {string}  iconic_grid.tiles[].title
  @param {string}  iconic_grid.tiles[].text
  @param {object}  iconic_grid.tiles[].link
  @param {string}  iconic_grid.tiles[].link.label
  @param {string}  iconic_grid.tiles[].link.url

  @param {array}  classes
  @param {array}  modifiers

  • We must change course !

    Plain text paragraph : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut egestas non magna a posuere.

  • food-security icon

    Food Security

    Food security is a fundamental human right - everyone should have access to sufficient, safe and nutritious food. We must embrace a radical transformation of the global food system to ensure a food secure future for all.

    Read more
  • environment icon

    Environment

    Water, land and forests are precious yet finite, natural resources. We must find new and innovative ways to ensure the agricultural and environment relationship is harmonious and productive.

    Read more
  • health icon

    Health

    The consumption of nutritious, affordable and safe foods is necessary to ensure we lead healthy, productive lives. We must find a way to feed and nourish our growing population – especially the most vulnerable amongst us.

    Read more
  • climate icon

    Climate

    Achieving sustainable food security in a world with a growing population, pressure on natural resources and a changing climate is a major challenge. We must embrace agricultural innovation in the context of climate variability to accelerate change and mitigate risk.

    Read more
  • jobs icon

    Jobs

    Many of the world’s poor rely on agriculture and natural resources for food, employment and livelihoods. A well-functioning agricultural sector is an important contributor to economic activity, employment and contributes to long term political and migration security.

    Read more

.menu


  @file components/menu.twig

  @param {array}   menu
  @param {array}   menu.links
  @param {string}  menu.links[].label
  @param {string}  menu.links[].url
  @param {string}  menu.links[].text

  @param {array}  classes
  @param {array}  modifiers

.menu--white


  @file components/menu.twig

  @param {array}   menu
  @param {array}   menu.links
  @param {string}  menu.links[].label
  @param {string}  menu.links[].url
  @param {string}  menu.links[].text

  @param {array}  classes
  @param {array}  modifiers

.intro


  @file components/intro.twig

  @param {array}  classes
  @param {array}  modifiers

Research

CGIAR research is development:

We are catalyzing transformations to create better food systems, which will require an infusion of new knowledge, tools and policies.

.sidebar

.funders-grid

ul + .column-three

  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element
  • Listed element

.map

Centers

.preview

  • CIAT- International Center for Tropical Agriculture

.person

CGIAR Annual Report 2015: Change in the Making

CGIAR

11.0.2.18

Read more

.grid-12 + .person

CGIAR Annual Report 2015: Change in the Making

CGIAR

11.0.2.18

Read more

CGIAR Annual Report 2015: Change in the Making

CGIAR

11.0.2.18

Read more

CGIAR Annual Report 2015: Change in the Making

CGIAR

11.0.2.18

Read more

CGIAR Annual Report 2015: Change in the Making

CGIAR

11.0.2.18

Read more

.overview

  • Director General

    Ann Tutwiler

  • Board Chair

    Eric Rollens

  • Headquarters

    Italy

  • Website www.africarice.org

.discover

Our Strategy

Discover

.grid-12 + .discover

Our Strategy

Discover

Our Strategy

Discover

Our Strategy

Discover

Our Strategy

Discover

.vacancies-center__vacancies-grid

blockquote

Quote or highlighted sentence : Lorem ipsum dolor sit amet, consectetur adipiscing elit.

blockquote + .avatar

Quote or highlighted sentence : Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Vanessa

communication manager since 1999

.result

Page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec purus sagittis, tristique felis sed, tempor diam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec purus sagittis, tristique felis sed, tempor diam. Praesent sollicitudin, arcu consectetur posuere aliquet, velit elit tristique diam, eu facilisis nisi lorem at nisi …

Read more

Page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec purus sagittis, tristique felis sed, tempor diam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec purus sagittis, tristique felis sed, tempor diam. Praesent sollicitudin, arcu consectetur posuere aliquet, velit elit tristique diam, eu facilisis nisi lorem at nisi …

Read more

Page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec purus sagittis, tristique felis sed, tempor diam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec purus sagittis, tristique felis sed, tempor diam. Praesent sollicitudin, arcu consectetur posuere aliquet, velit elit tristique diam, eu facilisis nisi lorem at nisi …

Read more

Page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec purus sagittis, tristique felis sed, tempor diam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec purus sagittis, tristique felis sed, tempor diam. Praesent sollicitudin, arcu consectetur posuere aliquet, velit elit tristique diam, eu facilisis nisi lorem at nisi …

Read more

.meeting

6th Meeting

  • 16-17 May 2018

.details

  • Date
    9 November, 2017
  • End
    10 November, 2017
  • Location
    Cali, Colombia

.details--multiline

  • Date
    9 November, 2017
  • End
    10 November, 2017
  • Location
    Cali, Colombia
  • Location
    Cali, Colombia

.program

Partners
Website Fish website

.hq

IWMI

General contact

AfricaRice Headquarters, Côte d’Ivoire
Director General’s Office in Abidjan
01 BP 4029, Abidjan 01, Côte d'Ivoire
T: +225 22 48 09 10;
F: +225 22 44 26 29

.addresses

CGIAR System Organization

Address

CGIAR System Management Office

1000, Avenue Agropolis
F-34394 Montpellier cedex 5

Other contacts

Independent Science and Partnership Council

Contact

GCARD 2015-2016

Contact

Phone

+ 33 4 67 04 7575

Fax

+33 4 67 04 75 83

.sharing

.wysiwyg

.wysiwyg > title levels

Title h1

Title h2

Title h3

Title h4

Title h5
Title h6

.wysiwyg > type of paragraphs

Lead paragraph - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Highlight paragraph - Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Standard paragraph - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

.wysiwyg > ordered and unordered lists

  1. Ordered list - item 1
  2. Ordered list - item 2
  3. Ordered list - item 3
  4. Ordered list - item 4
  5. Ordered list - item 5
  • Unordered list - item 1
  • Unordered list - item 2
  • Unordered list - item 3
  • Unordered list - item 4
  • Unordered list - item 5

.wysiwyg > type of contents

  • content with stress emphasis - using the <em> tag
  • content that is set off from the normal prose - using the <i> tag
  • content that is of greater importance - using the <strong> tag
  • content we want to draw attention without indicating it's more important - using the <b> tag
  • content with underlined element - using the <u> tag
  • content with standard link
  • content with important link - using the .important class

.wysiwyg > pictures

picture

picture

picture

picture

.wysiwyg > thematic Break (Horizontal Rule)

You can represent a thematic break between paragraph-level elements using the <hr> tag

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.