<z-container>
<z-row>
<z-col class="card theme-dark center justify-content-center">
<p class="text-xxl headline">319</p>
<p>Happy customers and counting</p>
</z-col>
<z-col class="theme-light h-300 card">
<div class="slider flex-grow-1" data-auto-rotate="true">
<div class="slides-container">
<div class="slide">
<div class="card center">
<img src=".image-1.jpg" class="w-75 center-me img-round" alt="">
<star-component stars="5"></star-component>
<p>Testimonial text here.</p>
<small class="signature smaller">Signature here</small>
</div>
</div>
<div class="slide">
<div class="card center">
<img src=".image-1.jpg" class="w-75 center-me img-round" alt="">
<star-component stars="5"></star-component>
<p>Testimonial text here.</p>
<small class="signature smaller">Signature here</small>
</div>
</div>
...
</div>
<div class="prev arrow bottom right theme-dark"><i class="zenicon-arrow-back-ios up-1 right-7"></i></div>
<div class="next arrow bottom theme-dark"><i class="zenicon-arrow-forward-ios up-1 right-9"></i></div>
</div>
</z-col>
</z-row>
</z-container>