• Skip to main content
  • Skip to primary navigation
Header Search Widget
UCBerkeley
EFMH UC Berkeley

Environmental Fluid Mechanics and Hydrology Group

  • Home
  • Research
  • People
    • Faculty
    • Post Docs
    • Graduate Students
    • Alumni
Home > Sample block design patterns

Sample block design patterns

Below are blocks or designs that are downloaded onto your site. You may use them as a starting point in designing your site. To find them follow the directions below:

On the lefthand sidebar, click the blue plus sign icon this will open up the blocks or designs that are on the page.

In the lefthand sidebar, click the patterns. In the menu below, click my patterns. All the patterns that are on this page will be available for use anywhere on this website. You can customize each pattern using the righthand sidebar (if it is hidden, it is often the icon with the square with a line in it next to the publish button) and clicking the ‘block’ tab which is next to the ‘page’ tab.

Sample 1: A row with three columns with image + text

Optional header

Text here

Optional header

Text here

Optional header

Text here

Sample 2: A row with 2 columns: full image left + text

Optional picture caption: 2023 Spring Dean’s Society at UC Berkeley in Berkeley, Calif. on Saturday, March 11, 2023. (Photo by Adam Lau/Berkeley Engineering)

Optional header

Text here

Optional button

Sample 3: Header title + image

Landing page title

Sample 4: Row with 4 columns for profiles

Name

Biography text

Name

Biography text

Name

Biography text

Name

Biography text

Sample 5: Accordion (aka Q&A tabs)

Sample text

  • Berkeley Engineering
  • UC Berkeley
  • Privacy
  • Accessibility
  • Nondiscrimination

© 2016–2026 UC Regents