江南体育

Web Designer's Toolkit

Welcome to the Multimedia Element Demos page, where you鈥檒l find a vibrant showcase of image and video galleries designed to elevate your projects!

This collection highlights creative ways to present visual content, offering inspiration and practical examples for seamless integration into your work. Explore the galleries and discover how to make your multimedia stand out with style and impact!

Hero Slider

A slideshow that references nodes. Pulls in image, short/sub-title and links out to the node. Can be randomized, has a thin option for less vertical height. Should always be used with the Call To Action List paragraph below it, using 3-6 boxes as links.

Call to Action Links
Academic Website Requirements
Minimum 3, Maximum 6

Image Grid

Create grid layout of images with optional titles and links.

Optional Image Grid Title

Image
Optional Title
Image
Belltower Brewing Co. logo with text that reads 'Belltower Brewing Co. 江南体育 Ohio'
This is a longer title. It's probably best to keep them short.
Image
University Hospitals

Image Overlay

Two styles: Short and Tall

Title, body copy, and 0-3 buttons

Image Overlay

The Image Overlay style offers a versatile way to enhance your content. With an optional Title, Body Copy, and up to three buttons, you can customize your overlay to suit your needs. This style leverages the Background Image field, allowing you to overlay text and buttons seamlessly over your chosen image.

Optional Buttons Maximum: 3

Video Overlay

Wide Video Overlay is a great opportunity to embed a YouTube video in the YouTube Embed field. It will display the video overlapping a blue background, which blends well with the other styles on this page.

Image and Video Carousel

This is a slider that takes images and/or YouTube/Vimeo videos through the Media Library. You can add a YouTube/Vimeo video under the "Remote Video" tab of the media library. 

The sunburst option displays a rotating sunburst behind videos in the carousel.

Image and Video Carousel Title

This is the title field

Modal Image Gallery (Grid Version)

Leave the Modal Image Gallery "Gallery Style" dropdown at the default "Dynamic Grid" setting. This is an adaptive grid photo gallery. Use 3-7 images (you will need to add a new sub-paragraph for each additional image). Optional captions, click to zoom.

Modal Image Gallery (Single Column Version)

Single column image gallery. Change the Modal Image Gallery "Gallery Style" dropdown to the "Single Column" setting. This is an adaptive grid photo gallery. Use 1-12 images (you will need to add a new sub-paragraph for each additional image). Optional captions, click to zoom.

漏 2025 江南体育 All rights reserved.