Checkerboard Heading
In ornare a elit in lacinia. Donec eget lorem in augue rutrum tincidunt. Maecenas libero nunc, pellentesque id scelerisque sit amet, dictum ac sem.
Component Overview
Below is a quick visual overview of all available components in the SUpal system. Many of these components feature multiple configuration options; they are shown here with the default settings that appear when first added to a page.
Accordion
Action Bar
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem Ipsum G'26, De Dolor Sit Amet
Announcement
Announcement Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis leo quis nunc.
Call to Action
Card(s)
The following are three cards shown in a Card Container
Card One Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Card Two Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Card Three Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Checkerboard
The following are two Checkerboard components in a Checkerboard container
Checkerboard Heading
In ornare a elit in lacinia. Donec eget lorem in augue rutrum tincidunt. Maecenas libero nunc, pellentesque id scelerisque sit amet, dictum ac sem.
Full Bleed Cards
Horizontal Card
Horizontal Card Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Image
Learn More
Learn more about:
List Item
Lorem Ipsum
List Item Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Localist Events
Invalid Localist Event Widget Code
The widget code address must come from events.syracuse.edu
Go to events calendarMedia Gallery
Partner Home Hero
Hero Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur eros nec risus eleifend.
Promo Banner
Promo Banner Heading
Praesent sed elementum ligula. Cras ut vehicula velit, rhoncus ultricies elit. Cras luctus rhoncus dui imperdiet eleifend. Interdum fames ac ante ipsum primis in faucibus.
Side Content
Main Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur eros nec risus eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur eros nec risus eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur eros nec risus eleifend.
Slide Show
Standard Hero
Hero Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc consectetur eros nec risus eleifend, sed porta nisi rutrum. Aenean posuere luctus quam, sit amet bibendum mi consectetur ac.
Stats
Stats and Facts
Curabitur sapien diam, interdum at malesuada vel, fermentum ac mi. Duis molestie sem et enim tristique, in efficitur felis bibendum.
#73
Best National Universities (U.S. News & World Report)
384K
+
Degrees Awarded
63
Fulbright Student Recipients Since 2016
81
%
of Syracuse University students receive some form of financial support totaling more than $525 million.
Tabbed Content
Sample Heading One
Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one.
Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one. Blah blah blah, a lot of text about tab one.
Tab Two Sample Heading
Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two.
Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two. Blah blah blah, a lot of text about tab two.
Tab Three Sample Heading
Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three.
Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three.
Tab Four Sample Heading
Blah blah blah, a lot of text about tab four. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three.
Blah blah blah, a lot of text about tab three. Blah blah blah, a lot of text about tab three.
Testimonial
Syracuse is such an opportune environment to spread your wings—academically, socially, and creatively. It’s a place to figure out who you are and how you want to show up in the world.
Leke Osinubi '01 '22
Program Name, Information Management and Technology, School of Information Studies
Partner, Goldman Sachs
Text Content
Image
This is the Text Content component. It uses a WYSIWYG for editing and can be used to create paragraphs with bold text and italic text. You can also add links, images, tables, or a list of items to the page.
- Apple
- Peach
- Pear
- Banana
- Orange
- Watermelon
This module powers most all of your content on your web pages.