This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Pullquotes

Local: CSS/JS files (add code to <HEAD> section):

1
2
<!-- DC Pullquotes CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/quotes/css/dc_blockquotes_and_pullquotes.css" />

Hosted: CSS/JS files (add code to <HEAD> section):

1
2
<!-- DC Pullquotes CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/quotes/css/dc_blockquotes_and_pullquotes.css" />

Pullquote Style 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 1a. Nam sit amet sem liberi nec gravida vehicula a nisl Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 1b. Nam sit amet sem liberi nec gravida vehicula a nisl Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Nam sit amet sem. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote align 1c. Nam sit amet sem liberi nec gravida vehicula a nisl. Nunc iaculis sem a suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

View code:

1
2
3
4
5
6
7
8
9
10
11
12
<!-- DC Pullquotes 1a:Right Start -->
<span class="dc_pullquote quotes alignright">This is pullquote 1a. Nam sit amet sem liberi nec gravida vehicula a nisl</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Right End -->
<!-- DC Pullquotes 1b:Left Start -->
<span class="dc_pullquote alignleft">This is pullquote 1b. Nam sit amet sem liberi nec gravida vehicula a nisl</span><br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Left End -->
<!-- DC Pullquotes 1c:Center Start -->
<span class="dc_pullquote quotes aligncenter">This is pullquote 1c. Nam sit amet sem liberi nec gravida vehicula a nisl. Nunc iaculis sem a suscipit dui.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Center End -->

Pullquote Style 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 2a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 2b. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Nam sit amet sem. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 2c. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis.. Nunc iaculis sem a suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

View code:

1
2
3
4
5
6
7
8
9
10
11
12
<!-- DC Pullquotes 2a:Right Start -->
<span class="dc_pullquote2 quotes alignright">This is pullquote 2a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Right End -->
<!-- DC Pullquotes 2b:Left Start -->
<span class="dc_pullquote2 alignleft">This is pullquote 2b. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Left End -->
<!-- DC Pullquotes 2c:Center Start -->
<span class="dc_pullquote2 quotes aligncenter">This is pullquote 2c. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis.. Nunc iaculis sem a suscipit dui.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Center End -->

Pullquote Style 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 3a. Nam sit amet sem liberi nec gravida vehicula a nisl Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 3b. Nam sit amet sem liberi nec gravida vehicula a nisl Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Nam sit amet sem. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 3c. Nam sit amet sem liberi nec gravida vehicula a nisl. Nunc iaculis sem a suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

View code:

1
2
3
4
5
6
7
8
9
10
11
12
<!-- DC Pullquotes 3a:Right Start -->
<span class="dc_pullquote3 quotes alignright">This is pullquote 3a. Nam sit amet sem liberi nec gravida vehicula a nisl</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Right End -->
<!-- DC Pullquotes 3b:Left Start -->
<span class="dc_pullquote3 alignleft">This is pullquote 3b. Nam sit amet sem liberi nec gravida vehicula a nisl</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Left End -->
<!-- DC Pullquotes 3c:Center Start -->
<span class="dc_pullquote3 quotes aligncenter">This is pullquote 3c. Nam sit amet sem liberi nec gravida vehicula a nisl. Nunc iaculis sem a suscipit dui.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Center End -->

Pullquote Style 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 4a. Nam sit amet sem liberi nec gravida vehicula a nisl Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 4b. Nam sit amet sem liberi nec gravida vehicula a nisl Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Nam sit amet sem. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est.This is pullquote 4c. Nam sit amet sem liberi nec gravida vehicula a nisl. Nunc iaculis sem a suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

View code:

1
2
3
4
5
6
7
8
9
10
11
12
<!-- DC Pullquotes 4a:Right Start -->
<span class="dc_pullquote4 quotes alignright">This is pullquote 4a. Nam sit amet sem liberi nec gravida vehicula a nisl</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.           
<!-- DC Pullquotes:Right End -->
<!-- DC Pullquotes 4b:Left Start -->
<span class="dc_pullquote4 alignleft">This is pullquote 4b. Nam sit amet sem liberi nec gravida vehicula a nisl</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Left End -->
<!-- DC Pullquotes 4c:Center Start -->
<span class="dc_pullquote4 quotes aligncenter">This is pullquote 4c. Nam sit amet sem liberi nec gravida vehicula a nisl. Nunc iaculis sem a suscipit dui.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consequat vulputate turpis, non sodales lectus fringilla at. Duis mi dolor, feugiat et porttitor vel, rhoncus sed justo. Pellentesque non lorem a lorem lacinia pharetra. Vivamus lobortis enim ut sapien porta vel vulputate arcu tempor.
<!-- DC Pullquotes:Center End -->


© TemplateAccess