Typography
This page presents most of typographical aspects of VP ProMart Template based on Twitter Bootstrap v2.1.0 Framework. Make your readers happy with great Typography and User Experience!
Headings
All HTML headings, <h1>
through <h6>
are available.
h1. Heading 1
h2. Heading 2
h3. Heading 3
h4. Heading 4
h5. Heading 5
h6. Heading 6
Lead body copy
Make a paragraph stand out by adding .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Emphasis classes
Convey meaning through color with a handful of emphasis utility classes.
<p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
<p class="text-warning">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
<p class="text-error">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
<p class="text-info">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
<p class="text-success">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Blockquote with options
Default blockquote
Wrap <blockquote>
around any HTML as the quote. For straight quotes we recommend a <p>
.
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Style and content changes for simple variations on a standard blockquote.
Naming a source
Add <small>
tag for identifying the source. Wrap the name of the source work in <cite>
.