Drop Cap
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae
, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
Headlines
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Paragraphs
According to Wikipedia: a paragraph (from the Greek paragraphos , "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. The start of a paragraph is indicated by beginning on a new line. Sometimes the first line is indented; sometimes it is indented without beginning a new line.
A paragraph typically consists of a unifying main point, thought, or idea accompanied by supporting details. The non-fiction paragraph usually begins with the general and moves towards the more specific so as to advance an argument or point of view. Each paragraph builds on what came before and lays the ground or run the length of multiple pages, and may consist of one or many sentences. When dialogue is being quoted in fiction, a new paragraph is used each time the person being quoted changed.
Unordered List
- Apple
- Pear
- Banana
- Orange
- Carrot
Ordered List
- First
- Second
- Third
- Fourth
Definition List
- Definition List Title
- This is a definition list division.
- Inkscape
- Open Source vector graphics editor
- SVG
- Scalable Vector Graphics
- W3C standard
- GIMP
- GNU Image Manipulation Program
- Drupal
- Content Management System
Nested List
- one, two
- buckle my shoe
- three, four
- knock at the door
- Five, six
- pick up sticks
- Seven, eight, lay them straight
- Nine, ten, a big fat hen
- Eleven, twelve, dig and delve
- Thirteen, fourteen, maids a’courting
- Fifteen, sixteen, maids in the kitchen
- Seventeen, eighteen, maids a’waiting
- Nineteen, twenty, my platter’s empty
Responsive Table
Mauris | Tempor | Praesent lacus nulla | Quis |
---|---|---|---|
Mauris | 23.000 | Suspendisse viverra | Yes |
Trupis | 1.000 | Placerat tortor aesent semper | No |
Sagittis | 122.000 | Neque vel condimentum | No |
Libero | 500 | Hendrerit, lectus elit pretium | Yes |
Tristique | 100.000 | Ligula nec consequat | Yes |
Id Neque | 600.000 | Etiam sodales orci nec | No |
Pre-formatted Text
h4 {
border:1px solid #ddd;
margin: 1.5em 0;
background:#f8f8f8;
white-space: pre;
overflow: auto; /* responsive */
padding:1%;
}
Phrase Elements
Em
Element used to put emphasis on certain information. Most browsers display emphased text in italics by default.
Sample: This is emphasied text.
Strong
This element stands for "stronger emphasis" and is used for marking more important text.
Sample: This is text with stronger emphasis
Cite
According to W3C specification, we use cite
element to define source of a quotation or reference.
Sample: This is quotation source
Dfn
Element used to markup inline definition of a single term.
Sample: This is definition
code
This element informs the browser that it contains a computer code, such as XHTML markup.
Sample: document.write("Hello world");
samp
Defines computer output data, for example we can use it to markup error messages
Sample: Error: no such file or directory
kbd
Means information that should be entered by the user.
Sample: press Alt + F4 to close this window. ESC
var
Means variables used in computer programs or scripts.
Sample: counter
abbr
Abbreviation / a shortened form of a word or phrase
Sample: dr
q: inline quotation
Sample: This is a sample inline quotation
Other elements
Subscript and superscript samples
H2O,
E = mc2,
The 14th of September
Insertion and deletion samples
This information was just added.
While this information is no longer valid.
Presentational elements
Bold text
Italic text
Small