Big Image/Video (Section)
A big video/image component is a powerful and attention-grabbing elements designed to enhance the visual impact of your pages. It can act as a key storytelling tool that drives user engagement using compelling visual assets that convey the values, brand identity and strengths of the University.
Header Title
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perspiciatis tenetur vero aut sit ducimus nulla perferendis!
How To Use This Component
- To build the big image/video component, first select the SECTION block.
- For the big image component, select the IMAGE block and add it to the SECTION block.
- After the image is uploaded, click on the image and the options menu bar will appear.
- Click on the ALIGN option. Select WIDE WIDTH or FULL WIDTH options.
- For the big video component, select the YOUTUBE EMBED block and add it to the SECTION block.
- Repeat steps 2A and 2B.
When To Use This Component
This component should be used when you want to prominently display an image or video for storytelling purposes or to drive audiences to a related CTA.
USAGE EXAMPLES
- Promote upcoming events or campus celebrations with a recap video or photo of a previous year with a registration CTA
- Share alumni success stories through impactful images or video testimonials
Component Dos & Don’ts
There might be a time when you don’t know whether to use a big video/image component or not. Here are some examples of how to effectively use a big video/image component at Charlotte and when you shouldn’t use one:
DO
Use the big video/image component when you want to highlight a single impactful image or video on your page.
DON’T
If you want to show a number of images, rather than stacking big video/image components on top of each other which may cause them to lose impact, consider using the image gallery or carousel component. If you want text featured on top of your image use the page header component (should only be used on the top of a page).
Component Design Options
Below you will find an interactive example of the big video/image component and its various design options.
Editable Parts – section
- Title (optional)
- Description (optional)
- Button Text and Link (optional)
Editable Parts – component
- Background Color: Gray, Black, White
- Button Color: Green, Gold
Header Title
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perspiciatis tenetur vero aut sit ducimus nulla perferendis!
