Explore UCD

UCD Home >

Image or Video with Text

Design Library - Image or Video with Text

The Image or Video with Text Component uses the Content Type 'Design Library - InsidePanelWithImage' and allows for the display of block of text with either an Image (with dimensions of 690px x 500px) or an embedded YouTube video. This Component has a number of different display options. The Image or Video can be set to align to either left or right and there are multiple new options for Background Colour.

The Content Type contains fields for 'Name', 'Title' (Title that appears as a heading on the component), 'Unique ID' (this is no longer needed for this new version of the Component), 'Image' (with dimensions of 690px x 500px), 'Content', 'Video URL' (this accomodates embedded YouTube videos with a sample URL of 'https://youtu.be/CwDeCjikiMM'), 'Image Position' (this aligns the Image or Video to Left or Right) and a new addition of multipe different layout options with a variation of colour and wedge location ('Blue left, Navy Background', Blue left, White Background', 'Blue right, Grey Background', 'Green left, Blue Background', 'Green left, White Background', 'Green right, Grey Background', 'Yellow left, Green Background', 'Yellow left, White Background' and 'Yellow right, Green Background').

Tunnel between Newman and Tierney buildings in autumn

Image with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Video with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Tunnel between Newman and Tierney buildings in autumn

Image with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Tunnel between Newman and Tierney buildings in autumn

Image with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Tunnel between Newman and Tierney buildings in autumn

Image with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Tunnel between Newman and Tierney buildings in autumn

Image with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Tunnel between Newman and Tierney buildings in autumn

Image with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Tunnel between Newman and Tierney buildings in autumn

Image with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Tunnel between Newman and Tierney buildings in autumn

Image with Text

Nulla nec mi. Mauris venenatis interdum lectus. Donec urna lorem, facilisis ut, tincidunt nec, pulvinar vitae, dolor. Nam tellus arcu, faucibus sed, dapibus in, faucibus ut, odio. Donec quis neque. Nunc id mauris. Aenean tempor venenatis augue. Cras posuere lectus id enim. Donec scelerisque. Mauris libero. Nullam ut neque in ipsum pharetra tempor.

Site Contact Component

University College Dublin, Belfield, Dublin 4, Ireland.
T: +353 1 716 7777 | E: sample.name@ucd.ie |

This component appears on every page of the site and is located in the section 'contactfooter'. Fields will only appear if populated with content. The 'contactfooter' section also contains separate components for each social media item.