Components
Components are form-based types of reusable content that allow you to add complex design elements. Once added to a page, you can edit the component without affecting the original component file.
For instructions on how to add or remove Components, please refer to the Components section of our Helpful Features and Tools page.
Components Library
Below you will find a list all available components.
Use the following search bar to quickly sort through the list of available Components provided below
Suggested keywords: cards, caption, carousel, gallery, slide show, social media, image, header, events, news, footer, contact, programs, search
Bento Cards
This component is intended to be used within the Bento Tile Snippet content area. If used by itself, it will simply look like a grid with images and content.
This is what it looks like outside of the Snippet.
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read More
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read More >
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read More >
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read More >
Image: The image for the card. The recommended image size is 500 x 400px.
Image Alt Text: The alt text for the image.
Card Title (h4): The title of the card. (optional)
Card Subtitle: The subtitle content for the card. This will display just below the card title. (optional)
Link Text: The text for the link. (optional)
Link: The hyperlink. (optional)
Link Target: The target location of the link. You have the option of having the link open in the Current Window or a New Window. If the link does not point to a memphis.edu domain, it is recommended that this point to a new window. (optional)
By default, there need to be, at minimum, two groups for this component. However, you have the option to add more than one
Leaving any of the optional fields blank will simply omit those entries from the component.
Bento Cards with Container
These Bento Cards can be used outside of the Bento Tile snippet.
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read More
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read More
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read More
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.
Read More
Image: The image for the card. The recommended image size is 500 x 400px.
Image Alt Text: The alt text for the image.
Card Title (h4): The title of the card. (optional)
Card Subtitle: The subtitle content for the card. This will display just below the card title. (optional)
Link Text: The text for the link. (optional)
Link: The hyperlink. (optional)
Link Target: The target location of the link. You have the option of having the link open in the Current Window or a New Window. If the link does not point to a memphis.edu domain, it is recommended that this point to a new window. (optional)
By default, there need to be, at minimum, two groups for this component. However, you have the option to add more than one
Leaving any of the optional fields blank will simply omit those entries from the component.
Caption
Content: A miniature WYSIWYG editor for you to add content to.
Carousel Cards
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Section Title (h2): The heading that will display directly below this component. (optional)
Section Subtitle: The subtitle content that will display below the heading. (optional)
Background Type: The background options for the carousel. You have the option of selecting between a solid color or pattern. (optional)
Image: The image for the carousel. Recommended Image Size is 400 x 500px.
Image Alt Text: The alt text for the image
By default, there need to be, at minimum, three groups for this component. However, you have the option to add more, or remove those added options
Leaving any of the optional fields blank will simply omit those entries from the component.
Events Listing
Upcoming Events
Virtual Information Session for Prospective Students
Background Image: The background image for the first card
Heading: The heading for the card. This will appear just before your cursor rolls over this card.
Focus Content: The content of the card. This will appear while your cursor is focused on the card.
Carousel Cards (Legacy)
Caption Header: The heading for the Carousel Card. This will have a larger font than the rest. (optional)
Caption Description: The description for the Carousel Card. This will appear just below the Caption Header. (optional)
Link URL: The link for the Carousel Card. (optional)
Image: The background image for the carousel card.
Image Description: The desciption for the background image. This is also known as the image's alt text.
Leaving any of the optional fields blank will simply omit those entries from the component.
Contact & Socials (Legacy)
Address: Address. (optional)
Address Link: (optional)
Email: E-mail Address. (optional)
Phone Number: Phone Number. (optional)
Custom Link Text: Custom link text. (optional)
Custom Link: The link to your custom link text. (optional)
Instagram Link: The link to your Instagram page. (optional)
Facebook Link: The link to your Facebook page. (optional)
YouTube Link: The link to your YouTube profile. (optional)
LinkedIn Link: The link to your LinkedIn profile. (optional)
X Link: The link to your X profile (optional)
Leaving any of the optional fields blank will simply omit those entries from the component.
Parallax Callout (Legacy)
Parents & Guardians
The college search process can be overwehlming. We put together some resources to help!
Parent ResourcesHigh School Counselors
It is our goal to help you help your students find their place at the UofM.
HS Counselor GuideLeft Callout Header: The Heading for the callout on the left.
Left Callout Description: The description for the callout on the left. This will appear just below the header.
Left Callout Link Text: The link text for the button that appears below the Callout Header and Description
Left Callout Link: The link for the Left Callout Link.
Right Callout Header: The Heading for the callout on the right.
Right Callout Description: The description for the callout on the right. This will appear just below the header.
Right Callout Link Text: The link text for the button that appears below the Callout Header and Description
Right Callout Link: The link for the Right Callout Link.
Schedule Tour (Legacy)
Plan Your Visit Now that you've seen a sneak peek of what the UofM has to offer, schedule a tour today
to see what a day in the life of a Memphis Tiger is all about.
Background Image: The background image for this component.
Header: The heading for this component.
Message: The message for this component. This will appear just below the Header. (optional)
Button Text: The text for the button.
Button Link: The link for the button.