SIA Web Design Library

Testimonials

No notes defined.

<div class='c-testimonials'>
    <h1 class='c-heading c-heading--minor'>
        Testimonials
    </h1>

    <div class='c-lead'>
        <p>Don't just take our word for it. Here's what our clients say.</p>
    </div>
    <div class='c-testimonials c-testimonials--undefined c-testimonials--entities c-testimonials--testimonials c-testimonials__testimonials'>
        <ul class='c-testimonials__items l-grid l-grid--wide u-list--unstyled'>
            <li class='c-testimonials__items__item l-grid__item'>

                <article class='c-testimonial testimonial type-testimonial c-testimonials__testimonial c-testimonials__testimonial--undefined c-testimonial--full'>
                    <div class='c-testimonial__content-wrapper'>
                        <figure class="c-quote c-testimonials__quote">
                            <blockquote class='c-quote__content'>
                                SIA's community of likeminded people does not compete, but support and enrich each other to make the world a better place, together.
                            </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 Teresa Bodner' />
                                        </span>
                                    </div>
                                    <div class='c-index-card__entity c-index-card__content-wrapper'>

                                        <span class='p-name'>Teresa Bodner</span>

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

                                            <span class='p-job-title'>Leitung</span>

                                            <a href='https://supertram.ps' class='u-url p-org c-link--muted'>SUPERTRAMPS</a>
                                        </span>
                                        <span class='p-adr h-adr'>
                                            <span class='locality'>Vienna</span>, <span class='country-name'>Austria</span> </span>
                                    </div>
                                </div>
                            </figcaption>
                        </figure>
                    </div>
                </article>
            </li>
        </ul>

    </div>
</div>
 
<div class='{{ get_component_class( 'testimonials', display ) }}'>
    {% if heading %}
        {% include get_template( 'heading', 'unit' ) with heading|merge( { display: { modifiers: [ 'minor' ] } } ) %}
    {% endif %}
    
    {% if lead %}
        {% include get_template( 'lead', 'unit' ) with lead %}
    {% endif %}
    
    {% if entities %}
        {% include get_template( 'entities', 'group' ) with entities %}
    {% endif %}
</div>
 
{
  "heading": {
    "text": "Testimonials"
  },
  "lead": {
    "content": "<p>Don't just take our word for it. Here's what our clients say.</p>"
  },
  "entities": {
    "display": {
      "component": "testimonials"
    },
    "collection": {
      "entityType": "testimonial",
      "display": {
        "component": "testimonials",
        "listClass": [
          "l-grid",
          "l-grid--wide"
        ],
        "itemClass": [
          "l-grid__item"
        ]
      },
      "items": [
        {
          "entityType": "testimonial",
          "content": "SIA's community of likeminded people does not compete, but support and enrich each other to make the world a better place, together.",
          "indexCard": {
            "headshot": {
              "src": "/images/portrait.jpg"
            },
            "name": "Teresa Bodner",
            "role": "Leitung",
            "organisation": "SUPERTRAMPS",
            "organisationUrl": "https://supertram.ps",
            "adr": {
              "locality": "Vienna",
              "country-name": "Austria"
            }
          }
        }
      ]
    }
  }
}