Elements

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

This is an Heading 1

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis. Sed blandit augue vitae augue scelerisque bibendum. Vivamus sit amet libero turpis, non venenatis urna. In blandit, odio convallis suscipit venenatis, ante ipsum cursus augue.

This is an Heading 2

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.

This is an Heading 3

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

This is an Heading 4

Et mollis nunc diam eget sapien. Nulla facilisi. Etiam feugiat imperdiet rhoncus. Sed suscipit bibendum enim, sed volutpat tortor malesuada non. Morbi fringilla dui non purus porttitor mattis. Suspendisse quis vulputate risus. Phasellus erat velit, sagittis sed varius volutpat, placerat nec urna. Nam eu metus vitae dolor fringilla feugiat. Nulla.

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>.