Sea Kayaking Trips Telegraph Cove
Vancouver Island, BC, Canada

Phone +1-250-928-3114
Toll Free 1-877-949-7707

FONT STYLING

H2 Secondary Page Title

Eum erat in nisl iusto illum in at feugiat, ullamcorper dignissim dolor adipiscing iusto qui tation te facilisis molestie ea qui aliquip molestie, ut, diam eros. Et consequat lorem erat et ad zzril illum sit qui wisi, tation ad dolore tincidunt iusto iusto lorem vel wisi odio nostrud nisl nulla. Zzril zzril minim nisl, quis eu vel blandit nostrud.

H3 - Teritary page title

Eum erat in nisl iusto illum in at feugiat, ullamcorper dignissim dolor adipiscing iusto qui tation te facilisis molestie ea qui aliquip molestie, ut, diam eros. Et consequat lorem erat et ad zzril illum sit qui wisi, tation ad dolore tincidunt iusto iusto lorem vel wisi odio nostrud nisl nulla. Zzril zzril minim nisl, quis eu vel blandit nostrud.

H4 - quaternary page title

H5 - quinary page title
  1. Ordered list
  2. Adipiscing iusto qui
  3. Facilisis molstie ea
  4. Iusto illum in at feugiat
  5. Eum erat in nisl iusto illum


Black text. Eum erat in nisl iusto illum in at feugiat,
Grey text. ullamcorper dignissim dolor adipiscing iusto
Green Dark Text, qui tation te facilisis molestie ea qui aliquip
Green light text, molestie, ut, diam eros. Et consequat lorem
Blue Dark text erat et ad zzril illum sit qui wisi, tation ad
Blue light text dolore tincidunt iusto iusto lorem vel wisi
Yellow orange text odio nostrud nisl nulla. Zzril zzril minim


Blockquote - Eum erat in nisl iusto illum in at feugiat, ullamcorper dignissim dolor adipiscing iusto qui tation te facilisis molestie ea qui aliquip molestie, ut, diam eros. Et consequat lorem erat et ad zzril illum sit qui wisi, tation ad dolore tincidunt iusto iusto lorem vel wisi odio nostrud nisl nulla. Zzril zzril minim nisl, quis eu vel blandit nostrud.


Bordered Background Grey - Eum erat in nisl iusto illum in at feugiat, ullamcorper dignissim dolor adipiscing iusto qui tation te facilisis molestie ea qui aliquip molestie, ut, diam eros. Et consequat lorem erat et ad zzril illum sit qui wisi, tation ad dolore tincidunt iusto iusto lorem vel wisi odio nostrud nisl nulla. Zzril zzril minim nisl, quis eu vel blandit nostrud.

Bordered Background Orange - Eum erat in nisl iusto illum in at feugiat, ullamcorper dignissim dolor adipiscing iusto qui tation te facilisis molestie ea qui aliquip molestie, ut, diam eros. Et consequat lorem erat et ad zzril illum sit qui wisi, tation ad dolore tincidunt iusto iusto lorem vel wisi odio nostrud nisl nulla. Zzril zzril minim nisl, quis eu vel blandit nostrud.


The basic bubble variants

This only needs one HTML element.

For example, <p>[text]</p>.

But it could be any element you want.

The entire appearance is created only with CSS.

This only needs one HTML element.

For example, <p>[text]</p>.

But it could be any element you want.

The entire appearance is created only with CSS.

This only needs one HTML element.

For example, <p>[text]</p>.

But it could be any element you want.

The entire appearance is created only with CSS.

This only needs one HTML element.

For example, <p>[text]</p>.

But it could be any element you want.

The entire appearance is created only with CSS.


Simple examples

125 comments

Design is directed toward human beings. To design is to solve human problems by identifying them and executing the best solution.

Ivan Chermayeff

It’s not what you look at that matters, it’s what you see.

Henry David Thoreau

Takes me longer to write up blog posts on experiments or projects than to create them in the first place.

@necolas at 4:05 PM March 2nd 2010

57


More complex CSS3 examples

Some more experimental speech bubbles that try to limit the damage in browsers lacking the necessary CSS3 support.

It doesn’t matter what the first child element of this div is...but it does need a child element.

This is a div that is styled to look like a speech bubble

This is a div that is styled to look like a thought bubble

Tripadvisor Certificate of Excellence Awards

Other currencies
Pricing terms

The price is based on current exchange rates but is only an approximation.