SIA Web Design Library

Quote

No notes defined.

<figure class="c-quote">
    <blockquote class='c-quote__content'>
        <p>We as the SIA community commit ourselves to the Sustainable Development Goals of the United Nations.The 200+ impact ventures that we have promoted with the Social Impact Award since 2009 contribute to these crucial goals.</p>
    </blockquote>
    <figcaption class='c-quote__citation'>
        <div class='h-card c-index-card c-index-card--citation c-quote__index-card'>
            <div class="c-index-card__media-wrapper">
                <span class='u-photo c-headshot c-index-card__headshot'>
                    <img class='c-headshot__image' src='/images/portrait.jpg' alt='' title='Photo of Ana Janosev' />
                </span>
            </div>
            <div class='c-index-card__entity c-index-card__content-wrapper'>

                <span class='p-name'>Ana Janosev</span>

                <span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>

                    <span class='p-job-title'>Community Manager</span>

                    <span class='p-org'>Social Impact Award</span>
                </span>
            </div>
        </div>
    </figcaption>
</figure>
 
<figure class="{{ get_component_class( 'quote', display ) }}">
    <blockquote class='c-quote__content'>
        {{ content | raw }}
    </blockquote>
    {% if indexCard or cite %}
        <figcaption class='c-quote__citation'>
            {% if indexCard %}
                {% include get_template( 'index-card', 'unit' ) with indexCard|merge( { display: { component: 'quote', modifiers: [ 'citation' ] } } ) %}
            {% else %}
                {% include get_template( 'link', 'base' ) with cite %}
            {% endif %}
        </figcaption>
    {% endif %}
</figure>
 
{
  "component": "quote",
  "content": "<p>We as the SIA community commit ourselves to the Sustainable Development Goals of the United Nations.The 200+ impact ventures that we have promoted with the Social Impact Award since 2009 contribute to these crucial goals.</p>",
  "indexCard": {
    "organisation": "Social Impact Award",
    "headshot": {
      "src": "/images/portrait.jpg"
    },
    "name": "Ana Janosev",
    "role": "Community Manager"
  }
}