Skip to Main Content

Skidmore College - Header

Skip Navigation

Summer Special Programs

Below are options for website updates

I will use filler text and images for the previews.  Each section will be divided by a line, similar to the line just after this message.

 

Headers:

 

H1 Heading (Serif, bold)

H2 Heading (Always cap, sans serif, condensed bold)

H3 Heading (Sans Serif, Light)

H4 Heading (Sans Serif, Light)

H5 Heading (Always Cap, Sans Serif, condensed bold, highlighter green)
H6 Heading (Sans Serif, Light, Captioning font)

 

Text Options:

 

Paragraph (Sans Serif, Light, normal spacing)

IE creates a space between lines like so

Block Quote 

 
Address/Aside/Figure (Sans Serif, Light - No spacing after return)
IE - no line here

 

Links:

 

A Link looks like this

Small green button style looks like this (All Caps, for Special links)

Full width green button style looks like this (All Caps, for Special Links)

Small Yellow button style looks like this

Full width yellow button looks like this

Small Light green button style looks like this

Full width light green button style looks like this

 

Organizational Tools and Tables:

 

basic table looks like this  and  is
not specially formatted at all  NO BORDERS 

 

 - - - - - -

This is the text before a Jump    This is a Read More style jump, Click on me

 

This is hidden text under a read more

 

- - - - - -

This is tab content

 

This is tab content

- - - - - - 

This is Row 1 of "Alternating Background Snippets"

Lorem ipsum dolor sit amet, 

This is Row 2

consectetur adipiscing elit. 

This is Row 3

 Duis a lorem viverra neque accumsan eleifend id vitae sapien. 

This is Row 4

 Pellentesque a diam nec nibh luctus vehicula sed a mi. 

This is 2 column table
This is 2 column table
This is 3 column table
3 column table
3 column table
this is a 1/3, 2/3 column
2/3 of the column
4 row column
4 row column
4 row column
4 row column
1/4 column
3/4 column

 

Images:

 

Description
Image with caption - 1 column view (Width can be Restrained, Alignment chosen)
Image with caption - 2 column view
Image with caption - 2 column view
Image with caption - 3 column view 
Image with caption - 3 column view 
Image with caption - 3 column view 
Image with caption - 4 column view 
Image with caption - 4 column view 
Image with caption - 4 column view 
Image with caption - 4 column view 
Formatted Callouts:

Gray Backed Text Callout - New 

This is a gray paragraph - you can aligh it center like this, or have it float on the right, or left

  • test 1
  • test 2
  • test 3
  • test 4
  • test 5

Formatted Table Formatted Table Formatted Table
Data Data Data
Data Data Data
Data Data Data

safs

Example H5

This is a Staggered Border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam maximus sapien nulla. Donec congue lectus id vulputate pulvinar. Donec eget eleifend sem, quis efficitur ante. Duis vel dui non arcu euismod finibus. Sed consectetur molestie erat, et dignissim lorem interdum ut.

Link 1
Link 2
Link 3

Example H5

These Borders come in groups of two so use an even number of photos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam maximus sapien nulla. Donec congue lectus id vulputate pulvinar. Donec eget eleifend sem, quis efficitur ante. Duis vel dui non arcu euismod finibus. Sed consectetur molestie erat, et dignissim lorem interdum ut.

Link 1
Link 2
Link 3

safs

 

This is a main message snippet and can be either a photo, video or color

 

This is the new style of quoted callout - differing from the quote text which does not provide the author formatting seen here
This is the Author
This is a "Float Column" for text.  You can define the direction of the float, and the width in pixels.

Headers and Footers (click to enlarge image in a new tab): 

 

standard header
Standard header with Green bar - DEFAULT for all sites
no header
Website with NO header
standard footer
Standard footer with Green bar - DEFAULT for all sites
Notice standard includes the site's footer, followed by Skidmore's footer
no footer
Website with NO footer
Notice that the NO footer option retains the Skidmore footer as it is always required
Custom Header
Custom Header 
This may be an image, banner, video, or Text Announcement
custom footer
Custom Footer (retains Skidmore footer)
This may be an image, banner, video, or Text Announcement
combined header
Combination of standard and custom (above) options
combined footer
Combination of standard and custom (above) options
standard left navigation
Standard floating navigation at the left (or on the left of your screen actually!)
no navigation
No floating navigation (ONLY USE THIS OPTION IF THIS SITE IS STANDALONE OR AN END OF LINE SITE)

 

Alerts (usually reserved for notices!):

 

This is a green alert You can make it bold Or you can make it italic That's it
This is a red alert You can make it bold Or you can make it italic That's it
This is a yellow alert You can make it bold Or you can make it italic That's it


Videos:
A natively uploaded video looks like this:
 
 
-----
A Youtube Embed looks like this:
 
 
Gallery:
A Gallery looks like this
 
 
Forms:
A Generic inquiry form looks like this:
 
 
 

Summer at Skidmore Contact

PHONE

518-580-5586

FAX

518-580-5548

MAIL

Office of Special Programs
Skidmore College
815 North Broadway
Saratoga Springs, NY

 

 
©