COLOR SCHEME

Elements - Dozens of Reusable Components

Dropcaps

Sed congue eros in purus convallis nec ullamco laboris nisi. Vestibulum et orci augue. Vivamus fermentum, felis voluptate velit esse cillum dolore nisi massa tincidunt tortor metus at nisi. Morbi congue turpis eget mi sollicitudin non bibendum velit pellentesque.

Sed congue eros in purus convallis nec ullamco laboris nisi. Vestibulum et orci augue. Vivamus fermentum, felis voluptate velit esse cillum dolore nisi massa pretium mauris, tincidunt tortor metus at nisi. Morbi congue turpis eget mi sollicitudin non bibendum velit pellentesque.

Sed congue eros in purus convallis nec interdum urna porttitor. Vestibulum et orci augue. Vivamus fermentum, felis nec pellentesque euismod, nisi massa pretium mauris, sed do eiusmod tempor incididunt. Morbi congue turpis eget mi sollicitudin non bibendum velit pellentesque.

Info Boxes

<div class="box-error">This box is for alerts</div>
Error! This box is for errors or alerts
<div class="box-notice">This box is for notices</div>
Notice! This box is for notices
<div class="box-success">This is a success box</div>
Success! This is a success box
<div class="box-info">This is an info box</div>
Message! This is an info box

Buttons

<a href="yourlink" class="button">Button text</a>
Button text You can place a lot of text inside a button

Shortcodes

code:
This is a fragment of code:

p {
	color:#787878;
	font-family: Arial, sans-serif;
	padding-bottom:10px;
}

List

  • Lorem ipsum
  • Consectetur adipisicing
  • Ullamco laboris
  • Quis nostrud exercitation
  • Lorem ipsum
  • Consectetur adipisicing
  • Ullamco laboris
  • Quis nostrud exercitation
  • Lorem ipsum
  • Consectetur adipisicing
  • Ullamco laboris
  • Quis nostrud exercitation
  • Lorem ipsum
  • Consectetur adipisicing
  • Ullamco laboris
  • Quis nostrud exercitation

Text Hightlight

Sed congue eros in purus convallis nec ullamco laboris nisi. Vestibulum et orci augue. Vivamus fermentum, felis voluptate velit esse cillum dolore nisi massa tincidunt tortor metus at nisi. Morbi congue turpis eget mi sollicitudin bibendum velit pellentesque.

Sed congue eros in purus convallis nec ullamco laboris nisi. Vestibulum et orci augue. Vivamus fermentum, felis voluptate velit esse cillum dolore nisi massa pretium mauris, tincidunt tortor metus at nisi. Morbi congue turpis eget mi sollicitudin non bibendum velit pellentesque.

Sed congue eros in purus convallis nec interdum urna porttitor. Vestibulum et orci augue. Vivamus fermentum, felis nec pellentesque euismod, nisi massa pretium mauris sed do eiusmod tempor incididunt. Morbi congue turpis eget mi sollicitudin non bibendum velit pellentesque.