Cislunar has several ways to write Quotes.


Single Line Blockquote

Use blockquote element to write quotes.

<blockquote><p>Stay hungry. Stay foolish.</p></blockquote>

Stay hungry. Stay foolish.


Multi Line Blockquote

Use blockquote element to write quotes and cite for author reference.

<blockquote cite="">
    <p>...</p>
</blockquote>
<p><cite>...</cite></p>

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

multiple contributors – MDN HTML element reference – blockquote


Theme Quote

Follow the below syntax for creating the theme quote:

<!-- Quote -->
<p class="h3 mb-0">
    <i class="fas fa-quote-left cl-text-color-4"></i>
    <span>...</span>
    <i class="fas fa-quote-right cl-text-color-4"></i>
</p>

<!-- Author -->
<p class="cl-text-color-4">
    <span class="cl-author-wrap d-inline-block">...</span>
</p>

Success is walking from failure to failure with no loss of enthusiasm.

Winston Churchill