Site Name { Parent Site Name + Link if applicable }

Image: Photos of SF State students and scenes from around campus

Site Home (h1)

Intro text lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Donec molestie pellentesque sem. (p .intro)

Lorem Ipsum Dolor Sit Amet (h2)

Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. Donec molestie pellentesque sem. (p)

Pellentesque nec magna. Suspendisse nonummy, lectus id euismod consectetuer. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti. (p)

  • Class aptent taciti
  • Lorem ipsum dolor sit amet
  • Suspendisse nonummy
    • Consectetuer
      • Adipi
      • tile
    • Adipiscing
    • Elit
  • Consectetuer adipiscing elit
  • Urna vitae lectus (ul li)

Lorem Ipsum Dolor Sit Amet (h2)

Lorem Ipsum Dolor Sit Amet (h3)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (p)

  1. Class aptent taciti
  2. Lorem ipsum dolor sit amet
    1. Lorem
    2. More Lorem
  3. Suspendisse nonummy
  4. Consectetuer adipiscing elit
  5. Urna vitae lectus (ol li)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos.(p)

In-Page Links Example Below (h2)

Academic Support (h3)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (p)

Back to top (p .top)

Behavioral and Social Sciences (h3)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (p)

Back to top (p .top)

Business (h3)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (p)

Back to top (p .top)

SF State bicycle officer on his beat

Lorem Ipsum Dolor Sit Amet (.brief h2)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (.brief p)

Scene from the film Artes en Ayacucho

Lorem Ipsum Dolor Sit Amet (.brief h2)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (.brief p)

Lorem Ipsum Dolor Sit Amet (h2)

Lorem Ipsum Dolor Sit Amet (h3)

Lorem Ipsum Dolor Sit Amet (h4)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (p)

Pellentesque nec magna. Suspendisse nonummy, lectus id euismod consectetuer. Lorem ipsum dolor sit amet. (p)

Lorem Ipsum Dolor Sit Amet (h4)

Pellentesque nec magna. Suspendisse nonummy, lectus id euismod consectetuer. Lorem ipsum dolor sit amet. (p)

Name (.tablecol1) Email (.tablecol2) Phone (.tablecol3)
*footnotes
College of Behavioral and Social Sciences (415) 338-1846
Anthropology Department anthro@sfsu.edu (415) 338-2046
California Studies Program calstudy@sfsu.edu (415) 338-6853
Criminal Justice Program cj@sfsu.edu (415) 405-4129

Note: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (p .small)

Sample Photo Placement

This is using the imgcap class


Form Elements

Sample Form
Sample radio button
Sample check boxes


Attention div

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eleifend urna vitae lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. (p)

Sample Photo Placement

Sample large image with a width of 500 pixels (p .caption)

SF State Home