Typography
Heading 1 <h1>
Heading 2 <h2>
Heading 3 <h3>
Heading 4 <h4>
Heading 5 <h5>
Heading 6 <h6>
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.
This is pre tag example: <pre> Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks </pre>
This is code tag example:
<code>
code {
font:13px/18px Consolas,"Courier New",Courier,monospace;
background:none repeat scroll 0 0 #F0F0F0;
border:2px dotted #B6B6B6;
display:block;
padding:10px;
}
</code>
Abbreviation, acronym, cite, delete, insert, emphysis, strong
| abbr | <abbr> |
| a.c.r.o.n.y.m | <acronym> |
| This is cited. | <cite> |
<del> |
|
| Inserted text | <ins> |
| This is a definition. | <dfn> |
| With emphysis |
<em> |
| Strong (bold) |
<strong> |
Code text sample |
<code> |
List Styles
- This is a sample Ordered List Style.
- In order to use it, simply use:-
- <ol><li>text</li></ol>
- This is a sample Arrow List Style.
- In order to use it, simply use:-
- <ul class="arrow"><li>text</li>
- and make your listing looking beautiful.
- This is a sample user m List Style.
- In order to use it, simply use:-
- <ul class="userm"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Star List Style.
- In order to use it, simply use:-
- <ul class="star"><li>text</li>
- and make your listing looking beautiful.
- This is a sample open folder List Style.
- In order to use it, simply use:-
- <ul class="folder-open"><li>text</li>
- and make your listing looking beautiful.
- This is a sample alert List Style.
- In order to use it, simply use:-
- <ul class="alert-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Unordered List Style.
- In order to use it, simply use:-
- <ul><li>text</li></ul>
- This is a sample Check List Style.
- In order to use it, simply use:-
- <ul class="check"><li>text</li>
- and make your listing looking beautiful.
- This is a sample user f List Style.
- In order to use it, simply use:-
- <ul class="userf"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Download List Style.
- In order to use it, simply use:-
- <ul class="download"><li>text</li>
- and make your listing looking beautiful.
- This is a sample close folder List Style.
- In order to use it, simply use:-
- <ul class="folder-close"><li>text</li>
- and make your listing looking beautiful.
- This is a sample info List Style.
- In order to use it, simply use:-
- <ul class="info-list"><li>text</li>
- and make your listing looking beautiful.
File type List style
- This is a sample Word List Style.
- In order to use it, simply use:-
- <ul class="word-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Video List Style.
- In order to use it, simply use:-
- <ul class="video-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Excel List Style.
- In order to use it, simply use:-
- <ul class="excel-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Powerpoint List Style.
- In order to use it, simply use:-
- <ul class="powerpoint-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample PDF List Style.
- In order to use it, simply use:-
- <ul class="pdf-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Image List Style.
- In order to use it, simply use:-
- <ul class="image-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Music List Style.
- In order to use it, simply use:-
- <ul class="music-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Report List Style.
- In order to use it, simply use:-
- <ul class="report-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Mail List Style.
- In order to use it, simply use:-
- <ul class="mail-list"><li>text</li>
- and make your listing looking beautiful.
- This is a sample Zip List Style.
- In order to use it, simply use:-
- <ul class="zip-list"><li>text</li>
- and make your listing looking beautiful.
Messaging Box styles
Paragraph Styles
Download Sample code <p class="download"> ...
a wonderful paragraph ... </p>
Arrow Sample code <p class="arrow"> ...
a wonderful paragraph ... </p>
Check Sample code <p class="check"> ...
a wonderful paragraph ... </p>
Star Sample code <p class="star"> ...
a wonderful paragraph ... </p>
Alert Sample code <p class="alert"> ...
a wonderful paragraph ... </p>
Info Sample code <p class="info"> ...
a wonderful paragraph ... </p>
Cancel Sample code <p class="cancel"> ...
a wonderful paragraph ... </p>
Userm Sample code <p class="report"> ...
a wonderful paragraph ... </p>
Userf Sample code <p class="video"> ...
a wonderful paragraph ... </p>
Open folder Sample code <p class="fopen"> ...
a wonderful paragraph ... </p>
Image Sample code <p class="image"> ...
a wonderful paragraph ... </p>
Music Sample code <p class="music"> ...
a wonderful paragraph ... </p>
Video Sample code <p class="video"> ...
a wonderful paragraph ... </p>
Word Sample code <p class="word"> ...
a wonderful paragraph ... </p>
Excel Sample code <p class="excel"> ...
a wonderful paragraph ... </p>
Report Sample code <p class="report"> ...
a wonderful paragraph ... </p>
Powerpoint Sample code <p class="ppoint"> ...
a wonderful paragraph ... </p>
Pdf Sample code <p class="pdf"> ...
a wonderful paragraph ... </p>
Zip Sample code <p class="zip"> ...
a wonderful paragraph ... </p>
Close folder Sample code <p class="fclose"> ...
a wonderful paragraph ... </p>
