UMD Terp Template Demo Site
Alternative Homepages Basic Pages Find Inspiration Kitchen Sink Guidelines
Alternative Homepages
Homepage: No Image Alternate Homepage: Video Loop Alternate Homepage: background with all options
Basic Pages
Internal Page Alternate Internal Page Directory News Events
Find Inspiration Kitchen Sink
Text Formatting Two and Three Columns Accordions Blockquotes Stat Groups Tabs Tables Button and Links Card Groups Image (Single) Image with Text Carousels Slideshows Video Event and News Feeds Views (Local Article and Event Feeds) People Dividers Template Customization Contact Us
Guidelines
Getting Started Introduction Basic Layouts Content Types Widgets Roles and Permissions Taxonomy Customization Advanced Editing Accessibility Reviews
Homepage: No Image Alternate Homepage: Video Loop Alternate Homepage: background with all options
Internal Page Alternate Internal Page Directory News Events
Text Formatting Two and Three Columns Accordions Blockquotes Stat Groups Tabs Tables Button and Links Card Groups Image (Single) Image with Text Carousels Slideshows Video Event and News Feeds Views (Local Article and Event Feeds) People Dividers Template Customization Contact Us
Getting Started Introduction Basic Layouts Content Types Widgets Roles and Permissions Taxonomy Customization Advanced Editing Accessibility Reviews

Image Display with Different Aspect Ratios
Home Image Display with Different Aspect Ratios

This page is showing images with different aspect ratios and how they appear on the Drupal 8 Template.

Images List

1:1 Aspect Ratio: Full paintbrushes

1:3 Aspect Ratio: Desert highway to a mountain (vertical)
3:1 Aspect Ratio: Black and white America sign (horizontal)

2:3 Aspect Ratio: Ocean meeting the shore (vertical)
3:2 Aspect Ratio: Building made up of colored glass rectangles (horizontal)

3:4 Aspect Ratio: Yellow flowers on a thin stem (vertical)
4:3 Aspect Ratio: Baskets of fish (horizontal)

4:5 Aspect Ratio: Antelope Canyon in the sun (vertical)
5:4 Aspect Ratio: Rainbow roses (horizontal)

5:7 Aspect Ratio: Woman's face and hands covered in paint (vertical)
7:5 Aspect Ratio: Hummingbird on a branch (horizontal)

5:9 Aspect Ratio: Busy metropolis (vertical)
9:5 Aspect Ratio: Black and white bridge (horizontal)

9:16 Aspect Ratio: Girl painted on brick building (vertical)
16:9 Aspect Ratio: Colorful buildings lining canal (horizontal)

Carousel

Five paintbrushes full of paint Desert highway leading to a mountain Black and white photo of a neon America sign Overhead view of the line where the ocean meets the shore Building wall made up of colored glass rectangles Round orange flowers on a skinny stem Multiple colored wood baskets with many silvery fish in them Antelope canyon hit by the sun Rainbow-colored roses Woman's face with hands on her cheek and forehead covered in colored paint Hummingbird perched on a branch Busy Asian metropolis street Black and white bridge in the foreground with mountains in the background A girl with her chin resting on her fists painted on the side of a brick building Colorful buildings line a canal

Slideshow

Five paintbrushes full of paint
Desert highway leading to a mountain
Black and white photo of a neon America sign
Overhead view of the line where the ocean meets the shore
Building wall made up of colored glass rectangles
Round orange flowers on a skinny stem
Multiple colored wood baskets with many silvery fish in them
Antelope canyon hit by the sun
Rainbow-colored roses
Woman's face with hands on her cheek and forehead covered in colored paint
Hummingbird perched on a branch
Busy Asian metropolis street
Black and white bridge in the foreground with mountains in the background
A girl with her chin resting on her fists painted on the side of a brick building
Colorful buildings line a canal
UMD Terp Template Demo Site
123 Street Name, College Park, MD 20742, USA
drupal@umd.edu 555-555-5555