Skip to Main Content

Component List -Basic

Program Explorer (Required) <40char

Lorem ipsum dolor sit amet consectetur adipiscing elit. (Required) <190 Char. You button below is Optional

Button <20 char
Wesleyan Red

  • 7Headline Char limit

  • 50Text Char limit

  • YesIs this Facts Optional?

Accordion <40 Char

Optional

Lorem ipsum dolor sit amet consectetur adipiscing elit. Dolor sit amet consectetur adipiscing elit quisque faucibus. Optional <75 Count

Optional

Body Headline (Optional) <40 Char

Lorem ipsum dolor sit amet consectetur adipiscing elit. Amet consectetur adipiscing elit quisque faucibus ex sapien. Quisque faucibus ex sapien vitae pellentesque sem placerat. This is a Rich Text section

  • Item 1 : You can choose the Headline style- Heading 2 or Heading 3
  • Item 2: Style of Body copy can be:
    1. Light (gives dark text)
    2. Dark (gives white text)
  • Item 3 : The content box is not char. limited, avoid keeping entire content in one single body copy 

Body 2-Column Headline

Lorem ipsum dolor sit amet consectetur adipiscing elit. Amet consectetur adipiscing elit quisque faucibus ex sapien. Quisque faucibus ex sapien vitae pellentesque sem placerat. Vitae pellentesque sem placerat in id cursus mi. Quisque faucibus ex sapien vitae pellentesque sem placerat. Vitae pellentesque sem placerat in id cursus mi.
Don't use this component to as media- text split , as we have separate component for better allignmnet and UX.       Lorem ipsum dolor sit amet consectetur adipiscing elit. Amet consectetur adipiscing elit quisque faucibus ex sapien. Quisque faucibus ex sapien vitae pellentesque sem placerat. Vitae pellentesque sem placerat in id cursus mi. Quisque faucibus ex sapien vitae pellentesque sem placerat. Vitae pellentesque sem placerat in id cursus mi.
background pattern

Get in Touch <40 Char (Req.)

Name  

Title

555-555-5555 555-555-5555 • email@wesleyan.edu

(Optional )  

Title

123-123-7745 123-123-7745 • willbelinked@mailit.com

background pattern

Visit Us

Comms Building

55 High St
Middletown, CT 06457

Contact Title (Optional)

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat.

Contact Title 2

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat.

Max 3 content sections

No more that this 

Content Card Simple 2-Column

<300 Char.  You can ADD Images(translucent gradent is added automatically). Select no. of Cards per Row, which decides the Allignmnet. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat.

Content Card Simple 3-Column

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat.

Content Card Simple 4-Column

Link Text

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien.

Link Text

Content Card Detailed 3-Column

This is the detailed content card example. <300 Char. Similarly applicable for 2 and 4 cards(columns).Here I applied 2 cards per row(i.e. 2 columns) for 3 cards (not recommended)
  • Card-1 <40 Char
    A short description with <125 Char. Here iam not linking to anything but you can link...
  • Card-2 (Cont)
    ..to a page, File or an External Link.
  • Card 3 Image?
    No Background Image Option

Departmental Accordion

(Optional). <300 Char Don't use special charecters like "<" in Item Headlines
Prefix1
Item1(LESS THAN 50 char)  
Prefix 2
Headline 2  

Related News <30 char.

More News
More News

This section takes the code from the widget of livewhale