Tag Archive > blue

Pullquotes!

Cobus Bester » 29 June 2008 » In Oranges, Strawberries » 5 Comments

This post demonstrates how to use pullquotes. Pull quotes are used to extract and highlight pieces of copy. To use pullquotes, wrap the text you want to pull in a blockquote. Then add ‘class=”pullquote_left”‘ to the blockquote to float it left. Or ‘class=”pullquote_right” to float it right. Example below…

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In diam. Phasellus leo tellus, vulputate eu, ultrices at, viverra sit amet, magna. Donec ultrices neque vestibulum ligula. Sed mauris mauris, condimentum id, iaculis vel, luctus eu, est. Ut tempus risus sed ipsum. Left pullquote. Imperdiet tellus ac orci. Iaculis, consectetuer quis, mattis nec, odio Lorem erat accumsan risus, vel posuere mi nibh sed odio. Ut erat purus, vulputate et, lacinia non, euismod et, velit. Integer rutrum, nulla sed venenatis posuere, elit urna ultricies ante, in commodo ipsum quam a nisl. Pellentesque neque. Donec posuere fermentum ante. Pellentesque ultrices. Suspendisse massa augue, sodales non, sollicitudin eu, placerat quis, odio. Donec venenatis nibh ac augue.

Left pullquote. Imperdiet tellus ac orci. Iaculis, consectetuer quis, mattis nec, odio.

Pellentesque libero ligula, dignissim ac, varius a, dapibus ac, nulla. Aliquam tellus sapien, dapibus ut, rhoncus nec, semper id, pede. Duis ac purus. Sed tellus velit, tempor in, lobortis vitae, fermentum dapibus, dui. Nullam sodales tellus et mauris. Donec turpis. Integer lorem. Duis sit amet nulla. Ut vehicula ante. Morbi malesuada molestie odio. Proin quis nisi. Suspendisse purus nisi, ultricies nec, tempus ac, pharetra nec, nisi. Ut tellus. Maecenas venenatis, dui quis commodo ultrices, justo risus ultrices purus, quis bibendum ante orci ut lectus. Proin semper interdum orci. Integer odio mauris, convallis vitae, iaculis vitae, tincidunt sed, erat. Curabitur ligula dolor, fermentum nec, hendrerit a, consectetuer vitae, dolor. Aliquam malesuada, magna ut volutpat rutrum, nisl ipsum tempus sapien, et viverra ipsum pede fringilla metus. Ut tellus massa, convallis in, condimentum in, volutpat non, erat. Morbi congue, ante vitae congue fermentum, lacus diam rhoncus augue, imperdiet dignissim tortor nunc eget orci.

Pellentesque libero ligula, dignissim ac, varius a, dapibus ac, nulla. Aliquam tellus sapien, dapibus ut, rhoncus nec, semper id, pede. Duis ac purus. Sed tellus velit, tempor in, lobortis vitae, fermentum dapibus, dui. Nullam sodales tellus et mauris. Donec turpis. Integer lorem. Duis sit amet nulla. Ut vehicula ante. Morbi malesuada molestie odio. Proin quis nisi. Suspendisse purus nisi, ultricies nec, tempus ac, pharetra nec, nisi. Ut tellus. Maecenas venenatis, dui quis commodo ultrices, justo risus ultrices purus, quis bibendum ante orci ut lectus. Proin semper interdum orci. Integer odio mauris, convallis vitae, iaculis vitae, tincidunt sed, erat. Curabitur ligula dolor, fermentum nec, hendrerit a, consectetuer vitae, dolor. Aliquam malesuada, magna ut volutpat rutrum, nisl ipsum tempus sapien, et viverra ipsum pede fringilla metus. Ut tellus massa, convallis in, condimentum in, volutpat non, erat. Morbi congue, ante vitae congue fermentum, lacus diam rhoncus augue, imperdiet dignissim tortor nunc eget orci.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In diam. Phasellus leo tellus, vulputate eu, ultrices at, viverra sit amet, magna. Donec ultrices neque vestibulum ligula. Sed mauris mauris, condimentum id, iaculis vel, luctus eu, est. Ut tempus risus sed ipsum. Praesent diam odio, scelerisque quis, tempus sit amet, interdum vulputate, nisi. Sed justo. Mauris porta, elit id pellentesque blandit, lorem erat accumsan risus, vel posuere mi nibh sed odio. Ut erat purus, vulputate et, lacinia non, euismod et, velit. Integer rutrum, nulla sed venenatis posuere, elit urna ultricies ante, in commodo ipsum quam a nisl. Pellentesque neque. Donec posuere fermentum ante. Pellentesque ultrices. Suspendisse massa augue, sodales non, sollicitudin eu, placerat quis, odio. Donec venenatis nibh ac augue.

Right pullquote. Pellentesque imperdiet, tellus ac orci!.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In diam. Phasellus leo tellus, vulputate eu, ultrices at, viverra sit amet, magna. Donec ultrices neque vestibulum ligula. Sed mauris mauris, condimentum id, iaculis vel, luctus eu, est. Ut tempus risus sed ipsum. Praesent diam odio, scelerisque quis, tempus sit amet, interdum vulputate, nisi. Sed justo. Mauris porta, elit id pellentesque blandit, lorem erat accumsan risus, vel posuere mi nibh sed odio. Ut erat purus, vulputate et. Right pullquote. Pellentesque imperdiet, tellus ac orci!. Integer rutrum, nulla sed venenatis posuere, elit urna ultricies ante, in commodo ipsum quam a nisl. Pellentesque neque. Donec posuere fermentum ante. Pellentesque ultrices. Suspendisse massa augue, sodales non, sollicitudin eu, placerat quis, odio. Donec venenatis nibh ac augue.

Pellentesque libero ligula, dignissim ac, varius a, dapibus ac, nulla. Aliquam tellus sapien, dapibus ut, rhoncus nec, semper id, pede. Duis ac purus. Sed tellus velit, tempor in, lobortis vitae, fermentum dapibus, dui. Nullam sodales tellus et mauris. Donec turpis. Integer lorem. Duis sit amet nulla. Ut vehicula ante. Morbi malesuada molestie odio. Proin quis nisi. Suspendisse purus nisi, ultricies nec, tempus ac, pharetra nec, nisi. Ut tellus. Maecenas venenatis, dui quis commodo ultrices, justo risus ultrices purus, quis bibendum ante orci ut lectus. Proin semper interdum orci. Integer odio mauris, convallis vitae, iaculis vitae, tincidunt sed, erat. Curabitur ligula dolor, fermentum nec, hendrerit a, consectetuer vitae, dolor. Aliquam malesuada, magna ut volutpat rutrum, nisl ipsum tempus sapien, et viverra ipsum pede fringilla metus. Ut tellus massa, convallis in, condimentum in, volutpat non, erat. Morbi congue, ante vitae congue fermentum, lacus diam rhoncus augue, imperdiet dignissim tortor nunc eget orci.

Continue reading...

Tags: , , ,

A Table in a post

Cobus Bester » 16 June 2008 » In Oranges » 1 Comment

This is an example of a table inside a post. By adding the class “altrow” to the every other
row of a table, you will have alternating colored rows…

Column 1 Column 2 Column 3
Vorttitor condimentum porttitor 432
Etiam neque tristique 443
Aliquam sociis natoque 234
Fusce placerat imperdiet 123

Continue reading...

Tags: , ,

Demonstrating Blockquotes

Cobus Bester » 12 June 2008 » In Lemons » No Comments

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed nulla. Ut eleifend auctor ligula. Ut vel arcu. Maecenas sed pede. Donec nisi quam, porta vitae, fringilla eu, fringilla eu, erat. Integer adipiscing gravida sem. Cras risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ultrices purus ut dolor. Vestibulum sed nulla nec ante hendrerit ullamcorper. Vivamus placerat. Mauris ac enim. Donec ipsum. Praesent euismod mauris ac nulla bibendum rutrum. Cras enim tortor, consectetuer eget, hendrerit sed, vehicula eu, eros. Maecenas mi. Praesent lacinia nulla vitae libero. Aliquam porta enim non velit.

Vestibulum sed:

Fusce vel mauris et dolor volutpat vulputate. Nam venenatis. Aliquam feugiat metus at velit. Vestibulum interdum erat in tortor. Proin sit amet turpis eu lacus pellentesque malesuada. Aliquam tempor odio ac ante. Sed molestie.

Etiam convallis neque et odio. Nulla semper sem. Maecenas sodales ligula sed purus. Nullam a quam et purus tincidunt ornare. Fusce ligula justo, ultricies eu, varius non, volutpat at, justo. Nam ullamcorper tincidunt ligula. Donec sed diam nec enim dignissim vestibulum. Fusce ullamcorper accumsan lacus.

In fringilla nulla aliquam libero. Sed diam. Fusce congue ipsum hendrerit sem. Quisque vel nunc. Maecenas nisl eros, commodo sed, mattis sit amet, adipiscing quis, lorem. Sed et neque venenatis est tincidunt condimentum. Donec dui. In quis arcu at pede vulputate lobortis. Suspendisse augue. Etiam lectus erat, consequat convallis, fringilla et, vehicula pellentesque, nibh. Aenean ut quam. In sollicitudin. Curabitur turpis enim, pretium at, vulputate id, faucibus ullamcorper, turpis. Mauris justo. Praesent non arcu. Maecenas convallis.

Continue reading...

Tags: , ,

My Gallery

Cobus Bester » 12 June 2008 » In Grapes » No Comments

Continue reading...

Tags: , , ,