This is where content should be placed. This element is primarily designed for text or text-heavy content presentation. It offers flexibility in layout by allowing content to be either boxed (see below), providing a distinct boundary around the text, or unboxed for a more fluid integration with the surrounding page elements. Additionally, users have the option to utilize just the content box for neatly stacking text under another element or section, or to employ only the header section to provide clear titles for various sections of the page. 

Content with Header Video Tutorial

This element is a visual tool used to separate content on a webpage. It's ideal for delineating different sections or topics, enhancing organization and readability. This element offers flexibility in design, allowing for various styles such as horizontal lines, shapes, or patterns. It can be seamlessly integrated into the page layout, providing clear boundaries without overpowering surrounding elements. Users can customize the divider to suit their needs, ensuring a cohesive and visually appealing browsing experience.

Section Divider Video Tutoial

This component features a row of cards with a shared background image, creating a cohesive look and enhancing user navigation. Ideal for showcasing related content, it blends individual card details with a unified aesthetic, adding a dynamic touch to webpages.

Decorative Card Video Tutorial

This website component consists of a row of circular cards, offering a modern, visually appealing way to present information or navigation options. Unlike traditional rectangular cards, the circular shape draws attention and can serve a variety of purposes, from simplifying site navigation to highlighting key information in a stylish manner.

Circle Card Video Tutorial

Examples of uses for circular cards include:

• Navigation items: Circular cards can act as dynamic buttons that guide users to different sections of a webpage or application, enhancing the user experience with their distinctive shape. Example
• Feature highlights: Use them to spotlight special features, services, or products, making these elements stand out on the page. Example
• Team introductions: Perfect for showcasing team members or staff, circular cards can personalize the user experience by presenting each individual's photo or icon in a friendly and engaging format. Example

Below is an example of Event localist feeds, one of which lists the 3 closest upcoming events and the other which shows a longer list of upcoming events. These update automatically.

Event Localist Video Tutorial

The Event Card Grid component is designed for manual entry of event details, including descriptions and registration links. This intuitive interface ensures organizers can easily showcase events and direct attendees to sign up.

The Social Media Callout is a website component designed to integrate a social media feed directly onto your site, utilizing the Juicer plugin. To activate this feature, please create a free account at Juicer.io and share your handle with our team by submitting a ticket. Once your department's handle is added to our system, it will become visible in the Social Feed and available as an option in one of the dropdown menus, making it easy to add this dynamic content to your website.

Social Media Grid Video Tutorial

The Stats Grid component is a versatile tool designed to showcase key statistics and data points in a visually appealing and easily digestible format.

The Stats Grid component displays key data through "Stat," highlighting the main numerical value, "Stat Label," providing context to the Stat, and "Statistic Description," offering detailed insights about the data.

The Featured Posts component dynamically showcases the three most recent or selectively chosen posts.

The Gallery Grid component displays images in rows of four. If there are only two or three images, they will be left-aligned. For optimal visual consistency, it is recommended that pictures of the same height are selected for each row.

Gallery Grid Video Tutorial

The callout element is designed to draw attention to specific content on a webpage. Primarily used for highlighting important information or key messages, it offers versatility in layout and presentation. Its customizable design and emphasis on visual prominence make it an effective tool for directing user focus and enhancing the overall user experience.

Callout Video Tutorial

An accordion item is like a foldable section on your webpage. Imagine it as a little tab you can click to drop down more information. Each accordion has a title that tells you what's inside, and when you click on it, the section expands to show more details. This setup is perfect for FAQs, guides, or any content you want to keep tidy and accessible without overwhelming your page. 

Accordian Video Tutorial

Designed for quick feedback from the community aimed at enhancing user interactions.

Please submit a ticket to add poll to your website.

A teaser website component features an image or an embedded video alongside descriptive text, with the option to position the visual content on either the right or left side. The height of the component is determined by the tallest element, whether it be the image, video, or text, ensuring a cohesive presentation. Additionally, it may include a button, acting as a call-to-action for visitors to delve deeper or interact with the content.

Teaser Video Tutorial

A Slim Callout component, designed to seamlessly blend into various web page layouts, features a choice between dark grey and light grey color schemes to match the website's theme. It includes a title and a subtitle, allowing for a concise yet impactful message delivery. To accommodate different calls-to-action or navigational options, this component can support up to four buttons, offering flexibility in directing user engagement or facilitating website navigation. The slim design ensures the callout is unobtrusive, maintaining the webpage's aesthetic while effectively drawing attention to key information or actions.

Slim Callout Video Tutorial

The "Blockquote" component comes in two variants: a "Fancy" option featuring a headshot for added personalization and a simple, straightforward blockquote for clean, focused text presentation.

Blockquote Video Tutorial

The Person Card component is a comprehensive display featuring a headshot, title, department, phone number, and email address, complemented by a brief bio. This layout is designed to provide a detailed snapshot of an individual, ideal for team pages or contact sections on a website.

Person Card Video Tutorial

Tabs are a user interface component that organizes content in a compact, space-efficient manner, allowing users to switch between different views or sections of content without leaving the page. They consist of horizontally aligned titles that, when clicked, display the content related to that title, making them perfect for grouping related information in a clear and accessible way.

Tabs Video Tutorial

The "Stat Hero" is a visually striking component designed to showcase key statistics or achievements through bold typography and dynamic visuals, making impactful data immediately stand out on a webpage.

The video card grid on Bentley University's website is a visual and interactive layout designed to display multiple video cards in an organized manner. Each video card represents an individual video with a title, thumbnail image, and brief description. Here’s a detailed explanation:

Video Card Grid Tutorial