Blockquotes

Click to preview the Blockquotes demo. View demo

Column ordering

Code:

<blockquote class="dg-blockquote">
  <p>"Aenean ligulabh, molestie vierra. mattis diam velacus tincidunt elementum. Sed viae adipiscing turpis. Donec vest blum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Nullam dictum felis eorem ipsum dolor sit amet.</p>
  <footer><cite>Frank Bill</cite>, founder of company</footer>
</blockquote>

Blockquotes Style 01

Code:

<blockquote class="dg-blockquote text-right">
  <p>"Aenean ligulabh, molestie vierra. mattis diam velacus tincidunt elementum. Sed viae adipiscing turpis. Donec vest blum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Nullam dictum felis eorem ipsum dolor sit amet.</p>
  <footer><cite>Frank Bill</cite>, founder of company</footer>
</blockquote>

Blockquotes Style 02

Code:

<blockquote class="dg-blockquote right-border text-right">
  <p>"Aenean ligulabh, molestie vierra. mattis diam velacus tincidunt elementum. Sed viae adipiscing turpis. Donec vest blum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Nullam dictum felis eorem ipsum dolor sit amet.</p>
  <footer><cite>Frank Bill</cite>, founder of company</footer>
</blockquote>

Blockquotes Style 03

Code:

<blockquote class="dg-blockquote left-border">
  <p>"Aenean ligulabh, molestie vierra. mattis diam velacus tincidunt elementum. Sed viae adipiscing turpis. Donec vest blum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Nullam dictum felis eorem ipsum dolor sit amet.</p>
  <footer><cite>Frank Bill</cite>, founder of company</footer>
</blockquote>

Blockquotes Style 04

Code:

<blockquote class="dg-blockquote none-border left-bg">
  <p>"Aenean ligulabh, molestie vierra. mattis diam velacus tincidunt elementum. Sed viae adipiscing turpis. Donec vest blum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Nullam dictum felis eorem ipsum dolor sit amet.</p>
  <footer><cite>Frank Bill</cite>, founder of company</footer>
</blockquote>

Blockquotes Style 03

Code:

<blockquote class="dg-blockquote none-border right-bg text-right">
  <p>"Aenean ligulabh, molestie vierra. mattis diam velacus tincidunt elementum. Sed viae adipiscing turpis. Donec vest blum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Nullam dictum felis eorem ipsum dolor sit amet.</p>
  <footer><cite>Frank Bill</cite>, founder of company</footer>
</blockquote>

Blockquotes Style 04

Code:

<div class="col-md-6">
  <blockquote class="dg-blockquote right-border text-right">
    <p>"Aenean ligulabh, molestie vierra. mattis diam velacus tincidunt elementum. Sed viae adipiscing turpis. </p>
    <footer><cite>Frank Bill</cite>, founder of company</footer>
  </blockquote>
</div>
<p>Nam liber tempor cum soluta nobis eleifend option cone nihil imperdiet doming id quod mazim placerat facnauer possim assum. Typi non habent claritatem insitam; estan usus legentis in iis qui facit eorum claritatem. Investigati ones demonstraverunt lectores legere me lius quod ii legunt saepius.Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc.</p>
<p>Morbi lectus neque, mollis quis tellus eget, placerat viverra enim. Sed rhoncus neque sed adipiscing biben dum. Ut euismod et metus non pulvinar. Nam liber tempor cum soluta nobis eleifend option congue nihila imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; estend usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me liusane quod ii legunt saepius.Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc.</p>

Blockquotes Style 05

Code:

<div class="col-md-6 pull-right">
  <blockquote class="dg-blockquote left-border">
    <p>"Aenean ligulabh, molestie vierra. mattis diam velacus tincidunt elementum. Sed viae adipiscing turpis. </p>
    <footer><cite>Frank Bill</cite>, founder of company</footer>
  </blockquote>
</div>
<p>Nam liber tempor cum soluta nobis eleifend option cone nihil imperdiet doming id quod mazim placerat facnauer possim assum. Typi non habent claritatem insitam; estan usus legentis in iis qui facit eorum claritatem. Investigati ones demonstraverunt lectores legere me lius quod ii legunt saepius.Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc.</p>
<p>Morbi lectus neque, mollis quis tellus eget, placerat viverra enim. Sed rhoncus neque sed adipiscing biben dum. Ut euismod et metus non pulvinar. Nam liber tempor cum soluta nobis eleifend option congue nihila imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; estend usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me liusane quod ii legunt saepius.Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc.</p>