Blockquote

Describes content applied to blockquotes.

Quoted text

html

<blockquote class="blockquote">
  <p>Quoted text</p>
</blockquote>

Multiple Paragraphs

This is an example of a quote. The Digital Agency Design System aims to provide services that are easy for all users to use, based on the accessibility-first principle.
This is an example including multiple paragraphs.
The margins of the first and last paragraphs are adjusted automatically.

html

<blockquote class="blockquote">
    <p>This is an example of a quote. The Digital Agency Design System aims to provide services that are easy for all users to use, based on the accessibility-first principle.</p>
    <p>This is an example including multiple paragraphs.</p>
    <p>The margins of the first and last paragraphs are adjusted automatically.</p>
</blockquote>

With List

The Digital Agency Design System is created in pursuit of the following philosophies:
Accessibility First
High versatility and convenience for administrative agencies
Continuous and sustainable improvement activities, research, and practice
By doing so, we contribute to the construction of a Japanese digital society where the benefits of digitalization can be delivered to everyone.

html

<blockquote class="blockquote">
    <p>The Digital Agency Design System is created in pursuit of the following philosophies:</p>
    <ul class="">
        <li class="">Accessibility First</li>
        <li class="">High versatility and convenience for administrative agencies</li>
        <li class="">Continuous and sustainable improvement activities, research, and practice</li>
    </ul>
    <p>By doing so, we contribute to the construction of a Japanese digital society where the benefits of digitalization can be delivered to everyone.</p>
</blockquote>