Default Button

Button
class=""
Description
btn
Default Buttons Style
btn btnMain
Add to your button type
btn btnSecondary
Add to your button type
btn btnSuccess
Add to your button type

Press Enter to add more content

btn btnWarning
Add to your button type

Press Enter to add more content

btn btnAlert
Add to your button type

Image Placeholders

Place Holder
Image Size
Type

You can edit the image src="" image size to dynamically load random images!

Placehold.it
400x200
Placehold.it

Press Enter to add more content

Lorem Pixel
400x320
Lorempixel

Press Enter to add more content

Place Kitten
400x300
PlaceKitten

Press Enter to add more content

Links to Documents

Element
class=""
Description
Sample
ul or ol
fileList pdfList
Gives a PDF icon to each element in the list.

Press Enter to add more content

ul or ol
fileList docList
Gives a Word icon to each element in the list.

Press Enter to add more content

ul or ol
fileList xlsList
Gives a Excel icon to each element in the list..

Press Enter to add more content

ul or ol
fileList xlsList
Gives a PowerPoint icon to each element in the list..

Press Enter to add more content

ul or ol
fileList xlsList
Gives a zip icon to each element in the list..

Press Enter to add more content

ul or ol
docuIcon wordIcon
Gives a Word icon to an inline element.

Press Enter to add more content

ul or ol
docuIcon pptIcon
Gives a PowerPoint icon to an inline element.

Press Enter to add more content

ul or ol
docuIcon pptIcon
Gives a PowerPoint icon to an inline element.

Press Enter to add more content

ul or ol
docuIcon pptIcon
Gives a Excel icon to an inline element.

Press Enter to add more content

ul or ol
docuIcon pptIcon
Gives a PDF icon to an inline element.

Press Enter to add more content

ul or ol
docuIcon pptIcon
Gives a zip icon to an inline element.

Press Enter to add more content

ul or ol
  • fileListItem pdfListItem
  • fileListItem docListItem
  • fileListItem xlsListItem
  • fileListItem pptListItem
  • fileListItem zipListItem
Give a different icon to different file types within the same list.

Press Enter to add more content

CSS Styles

CSS Style
class=""
Description

 

</div>
.shadow
Adds shadow styles to your HTML Element. Can be used for images, divs, p, and more.

Press Enter to add more content

 

</div>
.rounded
Adds rounded styles to your HTML Element. Can be used for images, divs, p, and more.

Press Enter to add more content

 

.circle
Adds circle styles to your HTML Element. Can be used for images, divs, p, and more.

Press Enter to add more content

 

</div>
.toggle
Adds toggle styles to your HTML Element. Can be used for images, divs, p, and more.

Press Enter to add more content

Loading Images

Image Example
Description

Press Enter to add more content

Using the div data-tags you are able to change what images are shown. This utilizes media queires to say when an image will load!

Press Enter to add more content

Headers

Heading
Code

Press Enter to add more content

Level one heading

<h1>Level one heading</h1>

Press Enter to add more content

Level two heading

<h2>Level two heading</h2>

Press Enter to add more content

Level three heading

<h3>Level three heading</h3>

Press Enter to add more content

Level four heading

<h4>Level four heading</h4>

Press Enter to add more content

Level five heading

<h5>Level five heading</h5>

Press Enter to add more content

Level six heading

<h6>Level six heading</h6>

Press Enter to add more content

Site Colors

Site Colors
Hex
RGBA
Sample
Dark Purple
#441f49
rgba(68, 31, 73, 1)
Purple
#763775
rgba(118, 55, 117, 1)
Light Purple
#B094B5
rgba(176, 148, 181, 1)
Light Grey
#eeeeee
rgba(238, 238, 238, 1)
Light White
#f7f7f7
rgba(247, 247, 247, 1)
Grey
#c1c1c1
rgba(193, 193, 193, 1)
Dark Gold
#D9AA2A
rgba(217, 170, 42, 1)
Gold
#FFBD07
rgba(255, 189, 7, 1)

Press Enter to add more content

Jquery Plugins

Note: Due to html structure these plugins cannot be placed in the columns snippet. But they have adjustable width (grid) ratios when available. And maintain responsive design.

Plugin
Description
Sample

Press Enter to add more content

Tab One

Tab Two

Tab Three

Press Enter to add more content

This is a custom-built jquery function that will allow you to create tab functionality. This is fully responsive by using a drop-down menu to replace nav. Try it out!

Press Enter to add more content

Press Enter to add more content

Alternative Link Wrapper Displayed

Link Wrapper design used for links with images. Note: grid6 can be changed to any of our grids.

Press Enter to add more content

Press Enter to add more content

Press Enter to add more content

Another alternative is a Picture grid with black overlay, again it has the same functionality as a Link Wapper, but is styled differently. When you hover over it, the opacity gets denser.

Press Enter to add more content

News

01/01/2016
Classes begin on the 18th! Start preparing to head back to school!

Wednesday, January 27th
Registration for the best event ever is open now!

May 7th, 2016
Can't keep calm -- it's Graduation Day! Spring Commencement is May 7th and 8th

Press Enter to add more content

Announcements

  • Bananas float in water, as do apples and watermelons.
  • Thanks to its oil, rubbing the inside of a banana peel on a mosquito bite (or other bug bite) or on poison ivy will help keep it from itching and getting inflamed.
  • The scientific name for banana is musa sapientum, which means "fruit of the wise men."

Press Enter to add more content

These sections are typically used to display short announcements or links to news articles. You can have either option with or without a grey background.

Press Enter to add more content

Previous Rental Customers

  • ACT Northeast Regional Office
    Affinity VideoNet
    Affinity Wealth Management
    American Industrial Hygiene Association
    Aramark Higher Education Division
    Big Brothers/Big Sisters
    Brumbaugh Wealth Management
    Capital Planning Services
    Chester County 2020 Master Planner Program
    Chester County Community Foundation
  • Chester County Dept of Human Services
    Chester County Economic Development Council
    Chester County Fund for Women and Girls
    Chester County Historical Society
    Chester County Hospital
    Chester County Library
    Chester County Office of Community Development
    Citadel Federal Credit Union
    Connexus Video Conference Services
    Countryside Consulting
  • CTDI
    Creative Financial Group
    Delaware Valley Grant Makers
    DoubleStar, Inc.
    DSS Corp
    Elemica
    EOS Worldwide
    FBI of Philadelphia
    Freescale Semi-Conductor
    Freestone Group
  • ACT Northeast Regional Office
    Affinity VideoNet
    Affinity Wealth Management
    American Industrial Hygiene Association
    Aramark Higher Education Division
    Big Brothers/Big Sisters
    Brumbaugh Wealth Management
    Capital Planning Services
    Chester County 2020 Master Planner Program
    Chester County Community Foundation
  • ING
    Intermedia Marketing
    Iron Hill Brewery
    Jacquette Consulting
    Joy of Life Simple Church
    Kantar Media
    Kendall Crosslands Communities
    Legacy Planning Partners
    Life Science Career Alliance
    MEI Group
  • National Association of Social Workers
    Occupational Health Center of Chester County Hospital
    Old Security Trust Corp
    PA Bar Institute
    PA Leadership Charter School
    People 2.0
    Persistent Marketing, Inc.
    Project Management Institute
    The Philadelphia Group
    Prime Technologies
  • Rehab 1 Therapy
    RC Kelly Law Associates
    QVC
    SCORE, West Chester
    Service Pointe
    Springhouse Education and Consulting Services
    Synthes
    Title Alliance
    Unifeyed, LLC
    United Way of Chester County
  • University of Pennsylvania
    Velaris
    Veterans Vocational Institute
    Video Conference Logistics, Inc.
    VWR International
    West Chester Area School District
    West Chester Chamber of Commerce
    West Chester University
    Woodward McCoach

Press Enter to add more content

More info here!And even more info here!

Press Enter to add more content

Click to see Bubble
Bubble text goes here -- click somewhere else to
pop the bubble!

Press Enter to add more content

Press Enter to add more content

First Statement Goes Here

Hidden statement is put here. You can add in more text here to go along with your first statement.

Second Statement Goes Here

Hidden statement is put here. You can add in more text here to go along with your second statement.

Press Enter to add more content

Press Enter to add more content

Plugin
Additional Text

Press Enter to add more content

All videos in a responsive template should be loaded in a FancyBox. Videos should not be embedded into the page or link to an outside window.

Press Enter to add more content

Press Enter to add more content

Image Galleries

Gallery Snippets

Press Enter to add more content

  • large
  • large
  • large
  • large

Press Enter to add more content

thumb
large
thumb
large
thumb
large

Press Enter to add more content

  • thumb
  • thumb
  • thumb
  • thumb
  • thumb

Press Enter to add more content

  • thumb

    Caption Content Goes Here!!

  • thumb

    Caption Content Goes Here!!

  • thumb

    Caption Content Goes Here!!

  • thumb

    Caption Content Goes Here!!