View Text Only Version

Style Guide

General Content

Contact Us  

Style Guide

Address:
University Ave
West Chester, PA 19382


Phone: 610-436-1000
Email: webmaster@wcupa.edu

General Content

Announcements

Heading

Content

Description

This snippet will display a heading underlined with a purple & grey line, then paragraph content will follow.  You can chose a white or gray background.

 

Content Slides

Heading

  • Content Slide 1
  • Content Slide 2
  • Content Slide 3

Description

This snippet will cycle through slides of content on the page.  The heading will stay the same as the slides cycle through. There will be an index at the bottom of the snippet that will allow users to click through each slide.

Description

This snippet is used as an image button link and will display the title of the button as an overly on the bottom of the image. Upon clicking the image/button it will take you to the designated hyperlink.

Link Wrapper w/ FancyBox

 

Description

This snippet works the same as the content fancybox, but clicking on the image will reveal a hidden fancybox with space to add content.

 

Media Query Images

text to display for accessibility

 

Description

This snippet is used for showing certain images at different screen sizes. The number entered in the "Min Size" attribute will determine the minimum window width size until the image is changed or removed.  This snippet also allows for a caption that is displayed over the image.

 

News

News

News Item 1

News Item 2

News Item 3

 

Description

This snippet works like the announcements snippet but allows for multiple list items inside the description.  The list items are automatically separated by a styled border.

 

Tab Structure

Tab One Content

Tab Two Content

Tab Three Content

Description

This snippet allows for content to be displayed once the user clicks on the appropriate tab.

Responsive Table

[header 1] [header 2] [header 3]
[content 1] [content 2] [content 3]

Description

 This snippet will create a table that will display content appropriately at any screen size.

Font Awesome Icons

Custom Icon

Description

Use this snippet to add social media icons and custom icons to your pages