<h1>h1 Heading</h1>
<h2>h2 Heading</h2>
<h3>h3 Heading</h3>
<h4>h4 Heading</h4>
<h5>h5 Heading</h5>
<h6>h6 Heading</h6>
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<!-- Make a paragraph stand out by adding class="text-lead" -->
<p class="text-lead">Lorem Ipsum ... </p>
<!-- Simple Paragraphs -->
<p>Lorem Ipsum ... </p>
<p>Lorem Ipsum ... </p>
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
Excellence is an art won by training and habituation.
We do not act rightly because we have virtue or excellence, but we rather have those because we have acted rightly.
We are what we repeatedly do. Excellence, then, is not an act but a habit.
Aristotle - Aristotle Quotes
Blockquote with a side quote icon:
In the practice of tolerance, one's enemy is the best teacher.
Dalai Lama
Blockquote with a top quote icon:
It's not the customers job to know what they want.
Steve Jobs – Apple Worldwide Developers Conference
<!-- Single line blockquote -->
<blockquote>
<p>Stay hungry. Stay foolish.</p>
</blockquote>
<!-- Multi line blockquote with a cite reference -->
<blockquote>
<p>Excellence is an ... </p>
<p>We do not act rightly ... </p>
<p>We are what we ... </p>
<p><cite><a href="http://url" target="_blank">Aristotle</a> - Aristotle Quotes</cite></p>
</blockquote>
<!-- Blockquote with a side quote icon - use class="quote-side" -->
<blockquote class="quote-side"> ... </blockquote>
<!-- Blockquote with a top quote icon - use class="quote-top" -->
<blockquote class="quote-top"> ... </blockquote>
<!-- Blockquote with a primary background - use class="bg-primary" -->
<blockquote class="bg-primary"> ... </blockquote>
<-- Default Unordered List -->
<ul>
<li> ... </li>
</ul>
<-- Default Ordered List -->
<ol>
<li> ... </li>
</ol>
<-- Styled Unordered List - use class="styled-ul" -->
<ul class="styled-ul">
<li> ... </li>
</ul>
<-- Styled Ordered List - use class="styled-ol" -->
<ul class="styled-ol">
<li> ... </li>
</ul>
<-- Styled List - use class="styled-list" -->
<ul class="styled-list">
<li> ... </li>
</ul>
<-- Unstyled List - use class="clear-list" -->
<ul class="clear-list">
<li> ... </li>
</ul>
<dl>
<dt>Definition List Title</dt>
<dd>Definition list division.</dd>
...
</dl>
<dl class="dl-horizontal">
<dt>Definition List Title</dt>
<dd>Definition list division.</dd>
...
</dl>
Employee | Salary | |
---|---|---|
John Doe | $1 | Because that’s all Steve Jobs needed for a salary. |
Jane Doe | $100K | For all the blogging she does. |
Fred Bloggs | $100M | Pictures are worth a thousand words, right? So Jane x 1,000. |
Jane Bloggs | $100B | With hair like that?! Enough said… |
Employee | Salary | |
---|---|---|
John Doe | $1 | Because that’s all Steve Jobs needed for a salary. |
Jane Doe | $100K | For all the blogging she does. |
Fred Bloggs | $100M | Pictures are worth a thousand words, right? So Jane x 1,000. |
Jane Bloggs | $100B | With hair like that?! Enough said… |
Employee | Salary | |
---|---|---|
John Doe | $1 | Because that’s all Steve Jobs needed for a salary. |
Jane Doe | $100K | For all the blogging she does. |
Fred Bloggs | $100M | Pictures are worth a thousand words, right? So Jane x 1,000. |
Jane Bloggs | $100B | With hair like that?! Enough said… |
Lorem ipsum dolor sit amet, highlighted text. In fringilla libero dui, porttitor highlighted text dui tempor nec. Donec eleifend ligula non magna maximus, eget vehicula turpis viverra.
Link Tag
Use <a>
tag to defines a link.
Marked Text
Use the <mark>
tag to highlight parts of your text.
Deleted Text
The <del>
tag will let to define replaced or deleted text.
Strikethrough Text
The <s>
tag specifies text that is no longer correct, accurate or relevant.
Inseted Text
The <ins>
tag defines a text that has been inserted into a document.
Undelined Text
The <u>
tag used for underline a snippet of text.
Small Text
The <small>
defines smaller text.
Bold Text
The <strong>
tag used for emphasizing a snippet of text with a heavier font-weight.
Italic Text
The <em>
tag used for emphasizing a snippet of text with italics.
Quote Tag
The <q>
tag defines a short quotation:
Developers, developers, developers…
– Steve Ballmer
Cite Tag
The <cite>
tag defines the title of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.)
For Example: "Code is poetry." —Automattic
Abbreviation Tag
The <abbr>
tag defines an abbreviation or an acronym, like HTML,
Mr., Dec., ASAP,
ATM.
Subscript Tag
The <sub>
tag defines subscript text.
Subscript text appears half a character below the
normal line and with smaller font size.
Subscript text can be used for chemical formulas, like H2O.
Superscript Tag
The <sup>
tag defines superscript text.
Superscript text appears half a character above
the normal line and with smaller font size.
It can be used for footnotes, like WWW[1] or for scientific expressions, like Albert Einstein's E =
MC2.
Code Tag
The <code>
tag defines a piece of computer code.
Keyboard Tag
Use the <kbd>
tag to indicate input that is typically entered via keyboard.
For Example: To reformat text, press Alt+Shift+F
Preformatted Tag
The <pre>
tag defines preformatted text.
.post-title { margin: 0 0 5px; font-weight: bold; font-size: 38px; line-height: 1.2; and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows; }
Variable Tag
For indicating variables use the <var>
tag: y = mx + b
Samp Tag
The <samp>
tag defines sample output from a computer program.
Lorem ipsum dolor sit amet, link example. In fringilla libero dui, porttitor condimentum dui tempor nec. Donec eleifend ligula non magna maximus, eget vehicula turpis viverra. Donec luctus purus eget dui faucibus congue. Maecenas id dui ut felis mollis ornare. Phasellus maximus felis sapien, facilisis ultricies elit lacinia id.
Lorem ipsum dolor sit amet, link example. In fringilla libero dui, porttitor condimentum dui tempor nec. Donec eleifend ligula non magna maximus, eget vehicula turpis viverra. Donec luctus purus eget dui faucibus congue. Maecenas id dui ut felis mollis ornare. Phasellus maximus felis sapien, facilisis ultricies elit lacinia id.
Lorem ipsum dolor sit amet, link example. In fringilla libero dui, porttitor condimentum dui tempor nec. Donec eleifend ligula non magna maximus, eget vehicula turpis viverra. Donec luctus purus eget dui faucibus congue. Maecenas id dui ut felis mollis ornare. Phasellus maximus felis sapien, facilisis ultricies elit lacinia id.
Lorem ipsum dolor sit amet, link example. In fringilla libero dui, porttitor condimentum dui tempor nec. Donec eleifend ligula non magna maximus, eget vehicula turpis viverra. Donec luctus purus eget dui faucibus congue. Maecenas id dui ut felis mollis ornare. Phasellus maximus felis sapien, facilisis ultricies elit lacinia id.
Lorem ipsum dolor sit amet, link example. In fringilla libero dui, porttitor condimentum dui tempor nec. Donec eleifend ligula non magna maximus, eget vehicula turpis viverra. Donec luctus purus eget dui faucibus congue. Maecenas id dui ut felis mollis ornare. Phasellus maximus felis sapien, facilisis ultricies elit lacinia id.