Blockquotes

Blockquotes are used to highlight quoted text or referenced content within a page. The theme provides a clean and readable style for the <blockquote> element, making quotations visually distinct while maintaining consistency with the overall typography.

Blockquote Styling

Blockquotes are styled with clear visual separation from regular text, such as adjusted spacing, typography, or decorative elements. This helps draw attention to quoted content without overpowering the surrounding layout.

Citations

Citations can be added using the <cite> element to indicate the source of the quote. Citations are styled subtly to complement the blockquote without distracting from the quoted text.

Examples

1
2
3
<blockquote>
  <p>Education is the most powerful weapon which you can use to change the world.</p>
</blockquote>

With cite

1
2
3
4
<blockquote>
  <p>Education is the most powerful weapon which you can use to change the world.</p>
  <cite>Nelson Mandela</cite>
</blockquote>