Website slogan (usually there is some text here)

Sample block

Today was the most great day at school! Jenny didn't speak to me all day. I forgot my homework for math class. My new friend Ken isn't talking to me anymore.

Join us now

To make the best tomato salad, you need fresh ingredients. The best time to buy a fresh tomato is from 3 to 4. Go to your local market. Pick up one tomato and study it.

Store all your information

Enter one page per line as Drupal paths. The '*' character is a wildcard. Example paths are blog for the blog page and blog/* for every personal blog. "front" is the front page. Learn more

Navigation

The Road to Enlightenment

Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, and broken CSS support.

Today, we must clear the mind of past practices. Web enlightenment has been achieved thanks to the tireless efforts of folk like the W3C, WaSP and the major browser creators.

The css Zen Garden invites you to relax and meditate on the important lessons of the masters. Begin to see with clarity. Learn to use the (yet to be) time-honored techniques in new and invigorating fashion. Become one with the web.

Text from: csszengarden.com

Block with green background and earth icon

My new friend Ken is talking to me. He was just busy helping out a sick friend. He had to gather all of his friend's homework. My friend who loaned me the money for lunch yesterday said I didn't have to pay him back, because I had loaned him money for lunch a while ago. I hope every day is a good as today!

Block with blue background and info icon

Everything was much better today. Jenny wasn't mad at me; she was just upset because her parents would not let her go to a party. She was toward everyone. My math teacher said she'd only take one point off my homework because this was the only time I'd ever forgotten anything. She said everyone makes bad mistakes sometimes.

Shopping cart

There are no products in your shopping cart.

0 Items

Total: $0.00

All available styles

Posted Sun, 08/01/2010 - 16:56 by Arnold Greenberg

Sample paragraph. We are glad to present you a new theme for Drupal. A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

This is Heading 1

A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

This is Heading 2

We are glad to present you a new theme for Drupal.

This is Heading 3

Drupal 6.15 and 5.21, maintenance releases which fix issues reported through the bug tracking system, as well as non critical security vulnerabilities, are now available for download.

This is Heading 4

We are glad to present you a new theme for Drupal.

This is Heading 5

Upgrading your existing Drupal 5 and 6 sites is strongly recommended.

This is Heading 6

Drupal 6.15 and 5.21, maintenance releases which fix issues reported through the bug tracking system, as well as non critical security vulnerabilities, are now available for download.

Messages:

Status message style.

Warning message style.

Error message style.

Paragraphs of text:

A normal paragraph of text, A normal paragraph of text. A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

A paragraph of text with class="green". A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

A paragraph of text with class="red"A paragraph of text with class="red". A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

A paragraph of text with class="yellow",A paragraph of text with class="yellow". A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

A paragraph of text with class="italic". A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

A paragraph of text with class="small". A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

A paragraph of text with class="large". A lot of theme-specific settings, three different backgrounds, ability to disable header image, ability to customize Read more and Comment links, different node settings, custom style to status messages, SEO options and much, much more.

Table:

Header link	Test	Sample
A lot of theme-specific settings	Read more	Ability to disable header
Content	A paragraph of text	A lot of theme-specific settings
Content	A paragraph of text	A lot of theme-specific settings

Lists:

Unordered list sample
Fixed width (from 1024px and greater)
XHTML Transitional
Tested in firefox 2+ / opera9.x / chrome / ie6+

Ordered list sample
Fixed width (from 1024px and greater)
XHTML Transitional
Tested in firefox 2+ / opera9.x / chrome / ie6+

TD definition list: DD - description of this definition
TD definition list: DD - description of definition

PRE and BLOCKQUOTE:

This is a sample <pre> tag:

.body-main
{
font-size: .85em;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
color: #010101;
background: #cccabd url(images/body-bg.jpg) no-repeat 1000px 0;
}

Blockquote sample.

A lot of theme-specific settings, three different backgrounds, ability to disable header image.

User login

Donate

Help us to improve!

The Design of HTML5

Everyone's talking about the benefits of HTML5 for Web applications but the specification also introduces an extra layer of semantic richness to our Web documents. These additions aren't wishful thinking for some far-flung future: you can start using them today. That's because the design principles driving HTML5 are steeped in pragmatism. Find out how important good design principles are to any project, whether it's a website, a content management system, or the very language that underpins the World Wide Web.

Jeremy Keith is an Irish web developer living in Brighton, England where he works with the Web consultancy firm Clearleft. He wrote the books DOM Scripting, Bulletproof Ajax, and most recently, HTML5 For Web Designers. His latest project is Huffduffer, a service for creating podcasts of found sounds. When he’s not making websites, Jeremy plays bouzouki in the band Salter Cane.

Text from http://drupal.org/

Primary links