Clean Company

This is a spot for rotating quotes or other content. It is powered by jQuery and the Cycle plugin.

-Clark, from ClarkLab

It can hold as many quotes as you need and has numerous animation effects to choose from.

-The Dude, (this is where you cite the quotes)

Changing / updating the quotes is all done from a simple HTML file, no JS knowledge necessary.

-Clark, still from ClarkLab

Demo Elements (h1)

photosTo float images or content within a page, apply the classes "alignright" and "alignleft" to your elements. This text is bold senectus et netus et malesuada fames ac turpis egestas. This text is italicized. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. This is a link in turpis pulvinar facilisis. Ut felis.

Ordered List (h2)

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.

Blockquote (h3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

Unordered List (h4)

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
Regular Paragraph (h5)

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

The sidebar has two custom list styles, "checks" and "news" for making checklists and a blog style news listen. When using an unordered list, apply the class "checks" to make a list like the one below:

  • Item One
  • Item Two
  • Item Three

You can apply the class "news" and the list will take on more of a blog style. Within each <li>, a <span> is used as the timestamp. Above the list we include a title with an <h3>:

News

  • 06.11.09 - Android and Me is totally awesome (if you are down with Android) [Link]
  • 06.08.09 - You smell that? I think you just stepped in a big steamy pile of The Tastiness [Link]
  • 05.27.09 - Kingstrike sells totally rad illustrations on the cheap [Link]

Custom font titles

All <h3>'s in the sidebar will be replaced in the font Nilland by Cufon. If you'd like to activate Cufon on other titles, you can find out how on the support page.

© 2009 ClarkLab. All Rights Reserved