Blockquotes

Format
+ View All In One Page
Embed
+ View All In One Page
Organize
+ View All In One Page
Elements
+ View All In One Page
Sliders
- Sliders Overview
- Sliders OneBanner Sliders One
  Showcase your products using jQuery sliders.
- Sliders TwoBanner Sliders Two
  Showcase your products using jQuery sliders.
- Sliders ThreeBanner Sliders Three
  Showcase your products using jQuery sliders.
- Sliders FourBanner Sliders Four
  Showcase your products using jQuery sliders.
- Full Width SlidersFull Width Banner Sliders
  Showcase your products using jQuery sliders.
- Sliders Six SlidersLayered Sliders
  Showcase your products using jQuery sliders.
- Sliders SevenSliders Seven
  Flexible Responsive Slider.
+ View All In One Page
Menus
+ View All In One Page

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

1 2	`<!-- DC Blockquotes 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 Blockquotes CSS -->` `<link` `type="text/css"` `rel="stylesheet"` `href="http://cdn.dcodes.net/2/quotes/css/dc_blockquotes_and_pullquotes.css"` `/>`

Rotating Quotes / Testimonials

View code:

<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- (do not call twice) -->
<!-- DC Quotes Rotator JS -->
<script src="dcodes/quotes/js/jquery.quovolver.js"></script>
<!-- DC Quotes Rotator Settings -->
<script>
    $(document).ready(function() {
         
        // Example One
        $('#dc_quotes-rotator-container1 .dc_quotes-rotator1').quovolver({
            transitionSpeed : 300, // transition speed
            autoPlaySpeed : 2300, // duration before each transition (default 2300 = 2.3 seconds)
            autoPlay : true, // auto play quotes rotator
            equalHeight : false // disable auto resizing of panels
        });
         
    });
    </script>
<!-- DC Quotes Rotator Start -->
<div id="dc_quotes-rotator-container1" style="width: 90%;">
  <div class="dc_quotes-rotator1">
    <blockquote class="dc_silver_blockquotes">
      <p>“I've been with you for almost a year. So far I am very pleased with your service!”</p>
      <p>— Tom S.</p>
    </blockquote>
    <blockquote class="dc_silver_blockquotes">
      <p>“I've been with a few different companies in my time and I must say you have exceeded my expectations.”</p>
      <p>— John F.</p>
    </blockquote>
    <blockquote class="dc_silver_blockquotes">
      <p>“Great prices, awesome customer service and solid features. Highly recommended! A+”</p>
      <p>— George D.</p>
    </blockquote>
    <blockquote class="dc_silver_blockquotes">
      <p>“I'm very impressed with the knowledge of the staff and your fast response times!”</p>
      <p>— William B.</p>
    </blockquote>
  </div>
</div>
<!-- DC Quotes Rotator End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_red_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_orange_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_yellow_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_green_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_olive_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_teal_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_blue_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_deepblue_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_purple_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_hotpink_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_slategrey_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_mauve_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_pearl_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_steelblue_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_mossgreen_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_wheat_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_coffee_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_copper_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_silver_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->

View code:

<!-- DC Blockquotes Start -->
  <blockquote class="dc_black_blockquotes">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas mattis tortor, vel vulputate eros porta quis. Nulla non nulla sapien.</p>
    <p> <cite>– Joe Blogs, <a href="http://www.templateaccess.com">TemplateAccess.com</a></cite> </p>
  </blockquote>
<!-- DC Blockquotes End -->