WebMD Ignite DX Engine

Cards: Testimonial 

<br><br>
<div class="row">
    <div class="col-sm-12 col-md-6">
        <div class="hgm-card hgm-card--testimonial">
            <div class="hgm-card__header vertical">
                <img alt="headshot" data-src="https://pikwizard.com/pw/medium/8808a94002d737b91d97cd9405c8fe74.avif" class="hgm-lazy hgm-card__header-photo" />
                <div class="hgm-card__header-person">
                    <h6>Emily Robertson</h6>

                    <div class="hgm-card__header-person-ratings" role="img" aria-label="Rating: 4 out of 5 stars" data-rating="4">
                        <div class="star"></div>
                        <div class="star"></div>
                        <div class="star"></div>
                        <div class="star"></div>
                        <div class="star"></div>
                        <cite>from <span>Google</span></cite>
                    </div><!-- &__header-person-ratings -->

                    <div class="hgm-card__header-person-quote">
                        <div><i class="fa-solid fa-message-quote"></i></div>
                    </div><!-- &__header-person-quote -->

                </div><!-- &__header-person -->
            </div><!-- &__header -->
            <div class="hgm-card__body">
                <p>
                    I needed some immediate care after an accident in the kitchen. I didn't know what to expect, but the team here at Crestner Health patched me up and I was home before I knew it. Fast, polite and very helpful!
                </p>
            </div><!-- &__body -->
        </div><!-- hgm-card -->
    </div>
</div>
<br><br>
<div class="row">
    <div class="col-sm-12">
        <div class="hgm-card hgm-card--testimonial">
            <div class="hgm-card__header horizontal">
                <img alt="headshot" data-src="https://pikwizard.com/pw/medium/8808a94002d737b91d97cd9405c8fe74.avif" class="hgm-lazy hgm-card__header-photo" />
                <div class="hgm-card__header-person">
                    <h6>Emily Robertson</h6>

                    <div class="hgm-card__header-person-ratings" role="img" aria-label="Rating: 3.5 out of 5 stars" data-rating="3.5">
                        <div class="star"></div>
                        <div class="star"></div>
                        <div class="star"></div>
                        <div class="star"></div>
                        <div class="star"></div>
                        <cite>from <span>Google</span></cite>
                    </div><!-- &__header-person-ratings -->

                    <div class="hgm-card__header-person-quote">
                        <div><i class="fa-solid fa-message-quote"></i></div>
                    </div><!-- &__header-person-quote -->

                </div><!-- &__header-person -->
            </div><!-- &__header -->
            <div class="hgm-card__body">
                <p>
                    I needed some immediate care after an accident in the kitchen. I didn't know what to expect, but the team here at Crestner Health patched me up and I was home before I knew it. Fast, polite and very helpful!
                </p>
            </div><!-- &__body -->
        </div><!-- hgm-card -->
    </div>
</div>
 
<br><br>
<div class="row">
  <div class="col-sm-12 col-md-6">
    <div class="hgm-card hgm-card--testimonial">
      <div class="hgm-card__header vertical">
        <img alt="headshot" data-src="https://pikwizard.com/pw/medium/8808a94002d737b91d97cd9405c8fe74.avif" class="hgm-lazy hgm-card__header-photo"/>
        <div class="hgm-card__header-person">
          <h6>Emily Robertson</h6>

          <div class="hgm-card__header-person-ratings" role="img" aria-label="Rating: 4 out of 5 stars" data-rating="4">
                <div class="star"></div>
                <div class="star"></div>
                <div class="star"></div>
                <div class="star"></div>
                <div class="star"></div>
            <cite>from <span>Google</span></cite>
          </div><!-- &__header-person-ratings -->

          <div class="hgm-card__header-person-quote">
            <div><i class="fa-solid fa-message-quote"></i></div>
          </div><!-- &__header-person-quote -->

        </div><!-- &__header-person -->
      </div><!-- &__header -->
      <div class="hgm-card__body">
        <p>
          I needed some immediate care after an accident in the kitchen. I didn't know what to expect, but the team here at Crestner Health patched me up and I was home before I knew it. Fast, polite and very helpful!
        </p>
      </div><!-- &__body -->
    </div><!-- hgm-card -->
  </div>
</div>
<br><br>
<div class="row">
  <div class="col-sm-12">
    <div class="hgm-card hgm-card--testimonial">
      <div class="hgm-card__header horizontal">
        <img alt="headshot" data-src="https://pikwizard.com/pw/medium/8808a94002d737b91d97cd9405c8fe74.avif" class="hgm-lazy hgm-card__header-photo"/>
        <div class="hgm-card__header-person">
          <h6>Emily Robertson</h6>

          <div class="hgm-card__header-person-ratings" role="img" aria-label="Rating: 3.5 out of 5 stars" data-rating="3.5">
            <div class="star"></div>
            <div class="star"></div>
            <div class="star"></div>
            <div class="star"></div>
            <div class="star"></div>
            <cite>from <span>Google</span></cite>
          </div><!-- &__header-person-ratings -->

          <div class="hgm-card__header-person-quote">
            <div><i class="fa-solid fa-message-quote"></i></div>
          </div><!-- &__header-person-quote -->

        </div><!-- &__header-person -->
      </div><!-- &__header -->
      <div class="hgm-card__body">
        <p>
          I needed some immediate care after an accident in the kitchen. I didn't know what to expect, but the team here at Crestner Health patched me up and I was home before I knew it. Fast, polite and very helpful!
        </p>
      </div><!-- &__body -->
    </div><!-- hgm-card -->
  </div>
</div>
 
/* No context defined. */

No notes defined.