Typography

This page presents most of typographical aspects of Symphony.‎ Make your readers happy with great Typography and User Experience!‎

Cras congue nulla vitae lorem euismod feugiat.‎ In hac habitasse platea dictumst.‎ Pellentesque lacinia arcu quis purus iaculis tempor.‎ Phasellus purus nisi, mattis nec ornare id;‎ viverra a diam.‎ Nunc eros orci, elementum eget tempor ac, tincidunt in odio.‎ Sed faucibus, lectus ut ullamcorper feugiat

Aenean lacinia augue sed erat mattis id tristique ante ultrices.‎ Curabitur sit amet enim urna.‎ Curabitur lectus neque, varius sit amet convallis nec, dignissim non risus.‎

Integer scelerisque mattis gravida.‎ Aliquam cursus pellentesque convallis.‎ Donec sagittis enim malesuada sapien condimentum eu convallis arcu fringilla!‎

Headings

This is an Heading 1

This is an Heading 2

This is an Heading 3

This is an Heading 4

Below is a sample of <pre> or <div class="code">


.block-poll 
	border:‎ 1px solid #284c4c;‎
	background:‎#1b282f;‎
	float:left;‎
	width:‎100%;‎
	margin-top:‎7px;‎

Below is a sample of <blockquote>

This is a blocquote tag example created with lorem ipsum text.‎ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.‎ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.‎

List style
  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetuer.‎
  3. Condimentum quis.‎
  4. Congue Quisque augue elit dolor nibh.‎
  • This is a sample Unordered List.
  • Condimentum quis.‎
  • Congue Quisque augue elit dolor.‎
  • Nunc cursus sem et pretium sapien eget.‎
Messages
This is a sample error message.‎ Use <div class="messages error"pre>Your error message goes here!‎</p>.
This is a sample info message.‎ Use <div class="messages status">Your info message goes here!‎</p>.
This is a sample error message.‎ Use <div class="messages warning"pre>Your error message goes here!‎</p>.

This is a highlight phrase. Use <span class="highlight">Your highlight phrase goes here!‎</span>.‎