Interior page components

Dancers in the dance studio.
Dance is a minor that is offered on both campuses.

The navigation

The left navigation is automatically generated to show child pages. If you want to link to something there that is not a child page, it must look different. One way to this is to use the Blue Button Format in the Sidebar Extra Content field. Otherwise, you can put links in the content area of the page.

Body Copy component

Paragraph Styles

This paragraph is shown three times to illustrate the amount of space before and after each of the three text styles. This whitespace cannot be adjusted by the web editor.

The Body Copy component can have three paragraph styles. This style is called “Intro Paragraph.”

This paragraph is shown three times to illustrate the amount of space before and after each of the three text styles. This whitespace cannot be adjusted by the web editor.

This style is called “Intro text.” It has a lot of space after it.

This paragraph is shown three times to illustrate the amount of space before and after each of the three text styles. This whitespace cannot be adjusted by the web editor.

This paragraph is shown to illustrate the amount of space before and after each of the three text styles. This whitespace cannot be adjusted by the web editor.

Headings (this is a heading 3)

The title of the page is heading 1. Headings vary in size from heading 2 to heading 6. Headings are black. Notice that the paragraph styles above are blue or red.

Heading 2

This sentence is here to see the spacing above and below it.

Heading 3

This sentence is here to see the spacing above and below it.

Heading 4

It is rare to have more than four headings. This sentence is here to see the spacing above and below it.

Heading 5

This sentence is here to see the spacing above and below it.

HEADING 6

This sentence is here to see the spacing above and below it.

Lists

Bulleted list (a collection)

  • Devils
  • Knights

Numbered list (implies an order)

  1. Summa Cum Laude
  2. Magna Cum Laude
  3. Cum Laude

Blockquote

The blockquote is used to set off content, indenting it on the left and right.

“Fairleigh Dickinson is big enough to provide the opportunities found at a large university but personal enough to have a profound impact upon its students.”
By Christopher Capuano, PhD, President of FDU

Links in the Body Copy component

A list of links can be shown as a simple list:

Links to a resource from the Media Library that is not a webpage:

Button Bar component

The Button Bar displays up to three blue buttons per row, left-justified, with each button one-third of the width of the content area. The text in each button will word-wrap. You can add an optional red header and assign it a level. 

CTA (Call to Action) Card component

A CTA is no more than a link with a photo associated with it. On the default layout, two fit side-by-side, so an even number of them look nice. Odd number quantities are left justified.

Button Bar Component Section Title optional (50)
CTA Cards Section Title (optional, 50 char)

Contact Card component

This component is recommended for office information and social media links.

Contact Information
Contact Card Component Subtitle optional (70 c)
john@example.com
Notes are optional but for important info (50 c).
1-800-999-1234
Emergency Line Only
1-800-999-1235
Fax us!
@FDUFacebook

Image and Video components

The image at the top of this page is shown with a caption. The image below is shown without one.

The video must be on YouTube. Each video also needs a still photo as its splash or “poster” image.

Request assistance from Web Operations to use these two components.

Students stick small American flags in the ground.
building
Video Title (20 c)
Accent below (20 c)

Less commonly used components

Table component. Check with Web Operations before you implement a table. There are right, wrong, and easier ways to put a table in a web page.

Quote component. More accurately, it’s a pull-quote. 

Logo Grid component. Unpleasant layout.

Accordion component. Issues with search and usability.

Slider component. Out-dated technology. More than one image is rarely viewed by a web site visitor.

Table Title optional (120 c). There are settings for tables.

DayHours
Monday8 am to midnight
Wednesday8 am to midnight
Weekends24 hours
"Quote text (400 characters), such as: An artist cannot do anything slovenly."
— Jane Austen

Logo Grid Component Title optional (50 c)

Accordion. Optional title (120 characters)

Accordion Intro Text is optional (400 characters). Cupcake ipsum dolor sit amet lemon drops jelly-o. Macaroon gingerbread candy icing ice cream jujubes chupa chups lemon drops. Lemon drops tart powder carrot cake danish tootsie roll cheesecake.
  • Panel Content is optional. This is a WYSIWYG so you can use all the styling you want.

    Button Primary Using a Link

    Heading 2

    Heading 3

    Heading 4

    Heading 5
    Heading 6

    Quote styling without a quote block.

    • Cupcake ipsum dolor sit amet lemon drops jelly-o.
    • Macaroon gingerbread candy icing ice cream jujubes chupa chups lemon drops.
    1. Lemon drops
    2. tart powder
    3. carrot cake
    4. danish
    5. tootsie roll
    6. cheesecake.
  • Auctor augue mauris augue neque gravida in. Quis enim lobortis scelerisque fermentum dui faucibus in ornare. Dolor sit amet consectetur adipiscing. Vulputate sapien nec sagittis aliquam malesuada. Vivamus at augue eget arcu.

  • Id nibh tortor id aliquet. Iaculis eu non diam phasellus vestibulum. Proin libero nunc consequat interdum varius sit amet mattis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Auctor augue mauris augue neque gravida in. Quis enim lobortis scelerisque fermentum dui faucibus in ornare. Dolor sit amet consectetur adipiscing. Vulputate sapien nec sagittis aliquam malesuada. Vivamus at augue eget arcu. Sed velit dignissim sodales ut eu sem integer vitae justo. Ornare lectus sit amet est placerat in. In aliquam sem fringilla ut morbi tincidunt. Tempus urna et pharetra pharetra massa massa. Mollis aliquam ut porttitor leo a. Nulla at volutpat diam ut venenatis tellus.

  • Id nibh tortor id aliquet. Iaculis eu non diam phasellus vestibulum. Proin libero nunc consequat interdum varius sit amet mattis. Ultricies tristique nulla aliquet enim tortor at auctor urna nunc. Auctor augue mauris augue neque gravida in. Quis enim lobortis scelerisque fermentum dui faucibus in ornare. Dolor sit amet consectetur adipiscing. Vulputate sapien nec sagittis aliquam malesuada. Vivamus at augue eget arcu. Sed velit dignissim sodales ut eu sem integer vitae justo. Ornare lectus sit amet est placerat in. In aliquam sem fringilla ut morbi tincidunt. Tempus urna et pharetra pharetra massa massa. Mollis aliquam ut porttitor leo a. Nulla at volutpat diam ut venenatis tellus.

Slider Title (20 c)
Slider Description is optional (240 characters). Requried 2 sliders. Maximum is 15 sliders. Cupcake ipsum dolor sit amet lemon drops jelly-o. Macaroon gingerbread candy icing ice cream jujubes chupa chups lemon drops. Lemon drops tart powd Slider Link (Optional)
Accent Text (20 chr)

TablePress 

Institution / UniversityCountryDualU.S.GlobalExchMoU
International University of Business, Agriculture, TechnologyBangladeshExch
Galen UniversityBelizeGlobal
Centro Universitario - UNA BrazilMoU
Universidade Federal De Luiz De ForaBrazilExch
Instituto Centroamericano de Administracion de EmpresasCosta RicaMoU
University of Science and Technology, ULACITCosta RicaGlobal
University of DubrovnikCroatiaExch
University of Nicosia (UNIC)CyprusExch
University of PardubiceCzech RepublicMoU
Ross University Medical School (RUSOM)DominicaDual
Pontificia Universidad Catolica Madre y Maestra (PUCMM)Dominican Rep.Global
Universidad Catolica de Santiago de GuayaquilEcuadorExchMoU
IECS - Strasbourg Graduate School of ManagementFranceMoU
IESEG School of ManagementFranceMoU
Reims Management School (RMS)FranceExch
Robert Schuman UniversityFranceMoU
Caucasus UniversityGeorgiaExchMoU
Zeppelin UniversityGermanyU.S.
Central University CollegeGhanaMoU
University of PatrasGreeceExch
Central European UniversityHungaryMoU
Centre of Advanced Studies in India (CASII)IndiaMoU
Ben-Gurion University of the Negev (Beer-Sheva)IsraelExch
Rothberg International School of the Hebrew UniversityIsraelExch
Tel Aviv University - The School for Overseas StudentsIsraelExch
University of BergamoItalyDualU.S.ExchMoU
University of West IndiesJamaicaExch
J. F. Oberlin UniversityJapanMoU
University College Sedaya International (UCSI)MalaysiaGlobalMoU
CETYS UniversityMexicoGlobalMoU
Universidad Autonoma de Guadalajara, School of MedicineMexicoDual
International University of MonacoMonacoDual
Tio University of Applied Sciences for Hospitality and TourismNetherlandsDualExch
University of NigeriaNigeriaMoU
University of the EastPhilippinesMoU
Karola Marcinkowski Medical SchoolPolandMoU
Universidad Del TuraboPuerto Rico
Ross University of Veterinary Medicine (RUSVM)Saint Kitts/NevisDual
Dongseo UniversitySouth KoreaMoU
Kyung Hee UniversitySouth KoreaMoU
Kyungnam University (KU)South KoreaDualExchMoU
Sangmyung UniversitySouth KoreaMoU
Sungkyungkwan University (SKKU)South KoreaMoU
Universidad Alfonso X el SabioSpainExch
University of CordobaSpainMoU
National Kaohsiung University of Hospitality and TourismTaiwanMoU
Bangkok UniversityThailandMoU
American Institute of Indian StudiesUnited StatesMoU
Global Maximum Educational Opportunities Inc.United StatesMoU