Component Library

This page is kept up to date with all of the available components for use by site editors for building pages on the Southern Adventist University website.

Overview

Welcome to the Southern Adventist University component library reference page. Here we have collected all of the content components available for use by our content editors on their departmental web pages. The purpose of this modular system is to: 

  • Unify the brand and layout of web pages across campus departmental web pages
  • Make content editing easier through form based editing
  • Make it harder to break the layout by removing design concerns from editor
  • Optimize for mobile devices
  • Allow for modular redesign with quick site-wide implementation
  • Make content more visually driven and avoid the unengaging "wall of text" phenomenon 

This page is a mix of training, best-practices, and policies. Each of the available components in it's most up to date form with a small description regarding it's usage. This page will be updated regularly to better serve content editors.

If you have any problems, design suggestions, new component suggestions, or other questions or feedback, contact webhelp@southern.edu.

Hero Component

The hero component is for emotional impact and will always appear at the top of the page. Only one Hero components is allowed per page and every page on the site is meant to have a hero component. The background image is meant to be high resolution, attractive, and relevant to the content on the page.
  • Version 1 is the primary option for departmental home pages.
  • Version 2 includes the option to have a paragraph of text in the hero area as well as two optional call to action buttons. 
  • Version 3 is for interior pages, and that's why it takes up less space than the other versions.

Hero Image

001 C1 Hero Version 1


001 C1 Hero V2

This is another version of the hero component, and can be used if you have a paragraph of text you want to display in the hero/banner area of the page. You can also add CTA buttons as seen below:

Hero Image

001 C1 Hero V3 -- Interior Page

002 C2 WYSIWYG

The WYSIWYG component is for paragraphs of text when text formatting is required. It supports bold, italic, and underlined content as well as links, lists and text alignment options. It works similar to other text formatting applications. WYSIWYG stands for "What You See Is What You Get". The WYSIWYG component has two modes: default and intro paragraph. The intro paragraph mode enlarges font slightly and adds a left-side green border to make it more emphatic.

003 C3 Feature Thumbnail List

The feature thumbnail list component is good for presenting content in a visually driven, easily scannable way. The user can click on the image or the text to see more.

School of Business Undegraduate Programs

X
Portrait of man in sweater

Bachelor of Business Administration

Abbreviation: BBA

Degree Concentrations

  • Accounting
  • Computer Information Systems
  • Finance
  • Management
  • Marketing
  • Health Services and Senior Living Administration
X
Professional woman

Bachelor of Science

Abbreviation: BS

Degree Concentrations
  • Business Administration
  • Business - Public Relations
X
Woman in hard hat and construction gear

Bachelor of Technology

Abbreviation: BT

Degree Concentrations
  • Auto Service Management
  • Construction Management
X
Man in suit

Associate of Science

Abbreviation: AS

Degree Concentrations
  • Accounting
  • Business Administration
X
Man in plaid sweater

Associate of Technology

Abbreviation: AT

Degree Concentrations
  • Auto Service Management
  • Construction Management

004 C4 1/2 Image 1/2 Text

This component is for situations where a lot of text content is required on a page. It splits the page between images and text to make the content more visually interesting while allowing a lot of space to write text at length.

Do you have a burning desire to become a physician or lawyer? A CEO? The mayor of your home town? Despite what you have heard, the English major will prepare you for any of these goals.

So when you hear the question, "What will you do with an English major?" your answer can be a forceful "anything I want to." A major in English will prepare you perfectly for many of your dreams; in fact, majoring in English may give you an advantage!

Many people don't realize how desperate the world is for people with exceptional communication skills, broad liberal arts knowledge, awareness of how people and societies operate, and the ability to analyze. These skills are a top priority in business. After graduating with a degree in English, you can easily increase your skill set to encompass particular training that may be necessary in any future employment. By the way, nobody really knows what those technical skills will be in the next ten years! But with an English major, you will be ready to learn and absorb. You will have a great educational foundation.

OUR PHILOSOPHY

The School of Education and Psychology subscribes to the philosophy that human beings were created in the image of God and received unlimited potential for multifaceted development. It is the purpose of Christian education to bring individuals back to the wholeness in which they were created, through a saving relationship with Jesus Christ. Consequently, the work of education is also the work of redemption and involves the development of the whole person—spiritual, mental, emotional, social, and physical aspects.

OUR MISSION

The mission of the School of Education and Psychology at Southern Adventist University is to prepare effective Christian professionals who demonstrate a commitment to the pursuit of truth, wholeness, and a life of service in a diverse society.

005 C5 YouTube Video

This component facilitates easily adding a Youtube video embed and ships with a nice title and description area as well as an optional call to action button.

WE'LL SEE YOU THIS FALL

Classes will resume on campus in the fall of 2020.

Vimeo Video

Live the Art

A video produced by the School of Visual Art and Design.

006 C6 Contact

Use the contact section to add departmental names, phone numbers, email addresses and hours of availability.

Contact

Main Office

(123) 456-7890

Satellite Office

(123) 456-7890

4881 Taylor Circle
Collegedale, TN 37415

Monday - Thursday 9a - 5p, Fridays 9a - 12p

Phone Calls Answered 24/7

007 C7 Feature Tile Grid

Feature key options or links using this grid of custom icons.

The skills developed in a business degree are highly-transferrable among and within multiple industries.

The diversity and plenitude of careers with a business degree underlies the subject’s appeal for many students.

Business schools excel at teaching students non-textbook skills such as the so-called ‘soft skills,’ which allows students to develop a wholistic entrepreneurial mindset.

Many students who graduate with a business degree enjoy higher than normal average salaries. According to the Department of Labor and Statistics, the median income for a career related to degrees in business begins at around $60,000 annually.

Learn from the biggest successes and failures in business history.

Connect with interesting students who have big ideas and collaborate on exciting projects.

008 C8 Feature List

The feature list component allows the user to emphasize a list of items. The items can't be hyperlinked, so the component is just for ticking through a list of items to be featured.

What we Provide:

009 C9 Card Content

Display content with engaging images to support the words of the content. The editor can choose to display 3 or 4 cards across on desktop view.

Cafe CashierI can do all things w Christ

Lorem ipsum dolor sit amet, consectet.

Learn More
Student CoupleI thank my God every time.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Two Students WalkingHe who began a good work

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Male Student StudyingTo live is Christ

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Male StudentStand firm in the Lord

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequ

TESTINGGGG
Male Student WalkingGod will meet all your needs

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Male Student WalkingSeek first the kingdom

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Students StudyingKnock and the door shall be

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

010 C10 Simple Gallery

An image gallery with optional captions.

×
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim more.

011 C11 Call to Action (3 Versions)

The call to action component is used to give the user the opportunity to respond to the content on the page by taking the next step in the process, whether that be to apply for something, schedule a meeting, or learn more information. The main difference between version 1 and 2 is that version 2 has the option to add a nice image that appears in the desktop version of the component.

Join Us

Support christian education well into the future.

Visit Us

The best way to see yourself at Southern is to pay us a visit!

C12 Table

Component 12 is unique because it's the only modular layout that we could not accomplish with the Omni Update CMS Components functionality. To use this table layout you have to add the snippet with the name of Table. This will populate a table with the necessary styles. You can right click on any cell to add new rows, columns, or cells.

013 C13 Social Follow (Version 1 and 2)

The social follow component allows you to display links to your social media accounts. The social platforms supported by this component are:

  • Facebook
  • Instagram
  • Twitter
  • YouTube
  • LinkedIn
The component can have a brand evergreen or brand lime background.

014 C14 Link List

This component is great for giving the visitor options as it displays multiple (3+) links in one place. You can choose to have the links open in a new tab.

015 C15 Small Thumbnail Links

This component is for when you have a group of links to display and you need a small image to accompany each link.

016 C16 Infomatrix

A component for displaying information in a decorative way with engaging images.

  • Studying Online

    Fusce fermentum felis aliquam, mattis nibh ut, faucibus leo. Sed lectus libero, volutpat at eros quis, venenatis tempus neque. Nulla vel faucibus orci, nec convallis ligula. Lorem ipsum dolor sit amet

  • Friendships

    Fusce fermentum felis aliquam, mattis nibh ut, faucibus leo. Sed lectus libero, volutpat at eros quis, venenatis tempus neque. Nulla vel fauc.

  • Our beautiful campus

017 C17 Stat Counter

Animates the counting of a number to display.

Undergraduate Students

2450

Percent of students on campus

67%

(Undergraduate)

Hiking trails

40mi

018 C18 Resource Cards

Resource Cards provide a great way to represent key features with an image and an inviting graphical link.

Undergraduate

Admissions & Course Offerings

Undergraduate

Dual Enrollment

Application & FAQs

Dual Enrollment

Graduate

Graduate Course Offerings

Graduate

Teacher

Reduced Tuition & Application

Teacher

019 C19 Profile and Bio

This is a great component for featuring your staff and a bio about them.

Jessica Johnston

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Mia Acevedo

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Nathan Anderson

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Naomi Orlando

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

020 C20 Accordion

This component is great for frequently asked questions, but can be used anytime you want to make it easier to sort through large sections of text.

Counseling is a psychotherapeutic service whereby "normal" everyday people receive help with "normal" everyday problems. The basic premise of counseling is that the person seeking help possesses within himself or herself the resources to solve the problem. By utilizing their skills and creating a special nonjudgmental atmosphere, the counselor is able to facilitate this process. Counseling is:

Psychoeducational: The counseling process involves learning about self, origins of maladaptive behavior, options for changing behavior, interpersonal and intrapersonal competencies, and options for change.

The content of counseling sessions as well as the information about clients who seek counseling are kept strictly confidential. The only limits to confidentiality are an immediate and severe threat to the life of oneself or others.

Counseling services are included in your tuition and there is no out of pocket expense for seeing a counselor.

Most counseling processes involve between one and seven sessions with the counselor, but this is determined on a case by case basis.

021 C21 Content with thumbnails

This component allows the user to create sections of content with relevant images, and the text nicely floats around the images.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
A short caption
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

022 C22 Alert

This component is for notifying your visitors of some urgent or unusual change that may affect availability, offerings, or resources.

The Counseling staff will be providing all counseling services via secure Zoom, Monday through Thursday from 9:00 a.m. until 5:00 p.m. and on Friday from 9:00 a.m. until noon for the remainder of the semester. Please call 423.236.2782 during regular business hours on Monday through Thursday to schedule an appointment with a counselor. If you are unable to reach the office manager, please leave a voice message with your name and phone number and your call will be returned.

023 C23 Fine Print

This component is for disclaimers and for notifying users about information they may need to know but that is not central to the message of the page.

Southern Adventist University and the Counseling and Testing Services office are not responsible for the reliability, accuracy, timeliness, usefulness, or completion of the information found on the linked sites. A link to a site does not constitute an endorsement of that site. Information found in these links belong to that organization, and that organization is the copyright owner of the information contained on the site.
Always consult a trained mental health professional before making any decision regarding treatment. Online resources cannot replace the specialized training and potential judgment of a health care or mental health care professional.

024 C24 Small Bio Cards

This component is for featuring bios when there are a lot of individuals to feature on one page.

David Smith, PhD

University President

Collegedale, TN

Benjamin Jones

South Central Conference

Nashville, TN

Scott McClure, JD

Attorney

Silver Spring, MD

Dave Livermore

President, Gulf States Conference

Montgomery, AL

Franklin Farrow

Business Executive

Ooltewah, TN

John Boskind, MD

Physician

Nashville,TN

David Jimenez

Business Executive

Ooltewah, TN

Doug Zinke

Business Executive

Ellicott City, MA

Debra Fryson

Director of Education, Southern Union Conference

Norcross, GA

Allan Machado

President, Florida Conference

Winter Park, FL

Ed Wright, DMin

President, Georgia-Cumberland Conference

Calhoun, GA

Barbara McKinney, MD

Physician

Jacksonville, FL

Steven Haley, PhD

President, Kentucky-Tennessee Conference

Goodlettsville, TN

William Winston

President, South Atlantic Conference

Atlanta, GA

027 C27 Large Thumbnail Links

This component features large thumbnail image and a title. The entire card is a link.

WHY STUDY PROFESSIONAL COUNSELING AT SOUTHERN?

C28 Upcoming Events

Used to display upcoming events by date.

Upcoming Events

Oct
11

Evensong

Collegedale Church

7:00 PM

Streamed Live Here
Oct
24

Southern Symphony Orchestra

Ackerman Auditorium

7:00 PM

Get Tickets
Nov
8

Jazz Ensemble

Ackerman Auditorium

6:00 AM

Get Tickets

030 C30 Image Link Grid

Highlight your links with attractive, relevant images