Quotation Stable

Quotations allow a special type of formatting for highlighting quotes of customers or experts.

Simple Quotation

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod. John Smith MD, Medical Director of the Department of Diagnostic and Interventional Radiology

<div class="quotation ">
  <div class="media-object media-object--stacked-sm">
    <div class="media-object__body">
      <blockquote class="quotation__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.
        <cite class="quotation__cite">
          <span class="quotation__author">John Smith</span>
          <span class="quotation__addtional-information">MD, Medical Director of the Department of Diagnostic and Interventional Radiology</span>
        </cite>
      </blockquote>
    </div>
  </div>
</div>

Quotation with portrait

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata . John Smith MD, Medical Director of the Department of Diagnostic and Interventional Radiology

<div class="quotation ">
  <div class="media-object media-object--stacked-sm">
    <div class="media-object__image quotation__image">
      <div class="aspect-ratio-1x1 aspect-ratio--cover image-size-medium">
        <img alt="" src="/ui-marcom/version/2.3/assets/img/brandville/sm11052_CS_03.jpg">
      </div>
    </div>
    <div class="media-object__body">
      <blockquote class="quotation__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata .
        <cite class="quotation__cite">
          <span class="quotation__author">John Smith</span>
          <span class="quotation__addtional-information">MD, Medical Director of the Department of Diagnostic and Interventional Radiology</span>
        </cite>
      </blockquote>
    </div>
  </div>
</div>

Quotation right-aligned

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata . John Smith MD, Medical Director of the Department of Diagnostic and Interventional Radiology

<div class="quotation quotation--right-aligned">
  <div class="media-object media-object--stacked-sm">
    <div class="media-object__image quotation__image">
      <div class="aspect-ratio-1x1 aspect-ratio--cover image-size-medium">
        <img alt="" src="/ui-marcom/version/2.3/assets/img/brandville/sm11052_CS_03.jpg">
      </div>
    </div>
    <div class="media-object__body">
      <blockquote class="quotation__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata .
        <cite class="quotation__cite">
          <span class="quotation__author">John Smith</span>
          <span class="quotation__addtional-information">MD, Medical Director of the Department of Diagnostic and Interventional Radiology</span>
        </cite>
      </blockquote>
    </div>
  </div>
</div>