A Simple and Effective Blog Design

A Simple and Effective Blog Design

By on Juni 24, 2014 in Blog

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.

Let's write some code

If you're planning on creating tutorials for your website's visitors, you can wrap your code inside the <pre> and <code> elements. Below you'll find some instructions on how to create an unordered list. Wrap the code inside a <span> element to create a colored code.

  • Unordered list item
  • Unordered list item
  • Unordered list item

<ul>
	<li>Unordered list item</li>
	<li>Unordered list item</li>
	<li>Unordered list item</li>
</ul>

Creating blockquotes

Creating a blockquote is easy. Just wrap the quote inside the <blockquote> element as usual and use the <small> code to write the author of the quote.

I don't know how to put this, but I'm kind of a big deal Ron Burgundy

Dropcaps are easy to create. Use the 'dropcap' class in a <span> element and lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum mi hendrerit ultrices elementum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec hendrerit dolor facilisis dui aliquam vehicula. Vivamus sit amet lobortis eros. Cras feugiat varius sapien, at ultrices justo rutrum id. Duis et dolor a tortor ullamcorper pretium. This is just dummy text for Momentum.

Tags Style Example

comments (289)

Leave a comment

Your email address will not be published. Required fields are marked *