Card Carousel

  <z-container>
    <z-row>
      <z-col>
        <div class="slider overflow-hidden" data-auto-rotate="true" class="">
          <div class="slides-container">
            <div class="slide">
              <z-container>
                <z-row>
                  <z-col class="card theme-light center">
                    <img src="../../docs/images/placeholder/placeholders/unsplash/headshots/150x150/4.jpg" alt="" class="w-75 center-me img-round" />
                    <star-component stars="4" half="true"></star-component>
                    <p>
                      Our agency switched to zenCSS last quarter, and we've seen a noticeable improvement in both productivity and the quality of our web projects. It's
                      incredible how much difference a good design framework can make.
                    </p>
                    <small class="signature smaller">-Sara, Project Manager</small>
                  </z-col>

                  <z-col class="card theme-light center">
                    <img src="../../docs/images/placeholder/placeholders/unsplash/headshots/150x150/2.jpg" alt="" class="w-75 center-me img-round" />
                    <star-component stars="4" half="true"></star-component>
                    <p>
                      As a freelancer, I always look for tools that make my work efficient. zenCSS fits the bill perfectly with its intuitive design and robust features.
                    </p>
                    <small class="signature smaller">-Maria, Web Designer</small>
                  </z-col>

                  <z-col class="card theme-light center">
                    <img src="../../docs/images/placeholder/placeholders/unsplash/headshots/150x150/6.jpg" alt="" class="w-75 center-me img-round" />
                    <star-component stars="4" half="true"></star-component>
                    <p>
                      Using zenCSS has been a game-changer for our team. The simplicity and elegance of the framework allowed us to cut down development time significantly. Highly recommended for any serious web developer!
                    </p>
                    <small class="signature smaller">-Alex, front-end developer</small>
                  </z-col>
                </z-row>
              </z-container>
            </div>
            <div class="slide">
              <z-container>
                <z-row>
                  <z-col class="card theme-light center">
                    <img src="../../docs/images/placeholder/placeholders/unsplash/headshots/150x150/5.jpg" alt="" class="w-75 center-me img-round" />
                    <star-component stars="4" half="true"></star-component>
                    <p>
                      As an educator, I recommend zenCSS to my students as a great starting point for learning modern web design practices. It's accessible yet powerful enough for creating professional-grade websites.
                    </p>
                    <small class="signature smaller">- Tony, Computer Science Professor</small>
                  </z-col>

                  <z-col class="card theme-light center">
                    <img src="../../docs/images/placeholder/placeholders/unsplash/headshots/150x150/1.jpg" alt="" class="w-75 center-me img-round" />
                    <star-component stars="4" half="true"></star-component>
                    <p>
                      The framework's emphasis on simplicity and readability aligns perfectly with my principles as a UI/UX designer. I've seen a noticeable improvement in the speed and quality of my work since integrating zenCSS into my toolset.
                    </p>
                    <small class="signature smaller">-Mark, UI/UX Designer</small>
                  </z-col>

                  <z-col class="card theme-light center">
                    <img src="../../docs/images/placeholder/placeholders/unsplash/headshots/150x150/3.jpg" alt="" class="w-75 center-me img-round" />
                    <star-component stars="4" half="true"></star-component>
                    <p>
                      As a full-stack developer, I appreciate tools that are robust yet easy to use. zenCSS fits the bill perfectly. Its modular approach has allowed me to scale my projects efficiently, without sacrificing performance or aesthetics.
                    </p>
                    <small class="signature smaller">-Ed, Full-Stack Developer</small>
                  </z-col>
                </z-row>
              </z-container>
            </div>
          </div>
          <div class="prev arrow theme-dark"><i class="zenicon-arrow-back-ios up-1 left-1"></i></div>
          <div class="next arrow theme-dark"><i class="zenicon-arrow-forward-ios up-1 right-1"></i></div>
        </div>
      </z-col>
    </z-row>
  </z-container>