Testimonials

A section for showcasing customer or client feedback. To do half stars, set half="true" in star-component

A real game changer

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.

-Maria, Web Designer

Code Example Shortcut: z-testimonials-1

<z-col class="card card-split theme-light small">
    <div class="image-group gap-0 p-2 pt-1 pl-1">
        <img src="your-image.jpg" class="w-75" alt=""><br>
        <star-component stars="4" half="true"></star-component>
    </div>

    <div class="text-group">
        <h6>Ex error nobis possimus</h6>
        <small>Lorem ipsum, dolor ...</small>
        <small class="signature">-John Doe</small>
    </div>
</z-col>

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.

-Sara, Project Manager

Code Example Shortcut: z-testimonials-2

<div class="card theme-primary center">
    <img src="your-img.jpg" class="w-75 center-me img-round" alt="">
    <star-component stars="4" half="true"></star-component>
    <p>Lorem ipsum, dolor...</p>
    <small class="signature smaller">-John Doe</small>
</div>

The Zen Test

Every component, section, and utility we ship will pass layout, color, and functional tests to ensure they perform flawlessly in today's modern browsers.

So you can be assured it "just works". Try it out below.