skip to content

Accordions & Tabs

Select an option from the secondary nav.

Usage

  • Content that can be broken up into related sections
  • Listing out items in a series
  • Making the page look less text heavy
  • Horizontal tab: Text heavy list

Accordion

This is what the "Blue link with arrow" option for the "Link style" looks like.

This is what the "Bordered Charcoal w/ Charcoal text (Charcoal hover bg)" option for the "Link style" looks like.

This is what the "Red button" option for the "Link style" looks like.

Accordion - Two Columns with Image

This is what the "Blue link with arrow" option for the "Link style" looks like.

This is what the "Bordered Charcoal w/ Charcoal text (Charcoal hover bg)" option for the "Link style" looks like.

This is what the "Red button" option for the "Link style" looks like.

Accordion with Icons and CTA Cards

Fifth planet from our sun

Jupiter rotates once about every 10 hours but takes about 12 Earth years to complete one orbit of the Sun. Jupiter has 80 moons but the more popular ones are: Io, Europa, Ganymede, and Callisto.

Explore Jupiter

Saturn takes about 10.7 hours to rotate on its axis once and 29 Earth years to orbit the sun. Saturn has the most spectacular ring system, with seven rings and several gaps and divisions between them. Saturn has 83 moons but the more popular ones are: Titan, Enceladus, Pheobe, and Prometheus.

Second planet from the Sun

Venus rotates very slowly on its axis. One day on Venus lasts 243 Earth days and one orbit the Sun takes only about 225 Earth days. Venus has crushing air pressure at its surface - more than 90 times that of Earth - similar to the pressure you'd encounter a mile below the ocean on Earth.

Horizontal Tabbed Content

Earth—our home planet—is the only place we know of so far that’s inhabited by living things. It's also the only planet in our solar system with liquid water on the surface.

Explore Earth

The smallest planet in our solar system and nearest to the Sun, Mercury is only slightly larger than Earth's Moon.

Explore Mercury

Venus is the second planet from the Sun and is Earth’s closest planetary neighbor. It’s one of the four inner, terrestrial (or rocky) planets, and it’s often called Earth’s twin because it’s similar in size and density.

Explore Venus