Text/Content Rows

Multiple variations on a classic design

TESTIMONIALS

See What Our Customers Are Saying!

Our agency switched to zenCSS last quarter, and we've seen a noticeable improvement in both productivity and project quality.

-Sarah, Project Manager

zenCSS streamlines web design, making it a breeze to create visually appealing and responsive websites.

-Bill, Web Designer

Using zenCSS has been a game-changer for our team. Highly recommended for any serious web developer!

-Alex, Front-end Developer

Code Example Shortcut: z-text-content-1

<z-container>
  <z-row>
    <z-col>
      <div class="center">
        <span class="label">TESTIMONIALS</span>
        <h2 class="headline">See What Our Customers Are Saying!</h2>
      </div>
    </z-col>
  </z-row>
  <z-row>
    <z-col class="card theme-light center">
      <img src="your-image.jpg" alt="" class="w-75 center-me img-round">
      <star-component stars="5"></star-component>
      <p>Lorem ipsum... </p>
      <small class="signature smaller">-Jane Doe</small>
    </z-col>
    <z-col class="card theme-light center">
      <img src="your-image.jpg" alt="" class="w-75 center-me img-round">
      <star-component stars="5"></star-component>
      <p>Lorem ipsum... </p>
      <small class="signature smaller">-Bill Franklin</small>
    </z-col>
    <z-col class="card theme-light center">
      <img src="your-image.jpg" alt="" class="w-75 center-me img-round">
      <star-component stars="4" half="true"></star-component>
      <p>Lorem ipsum... </p>
      <small class="signature smaller">-Jim Jones</small>
    </z-col>
  </z-row>
</z-container>

WHY CHOOSE US

What Can You Expect From Our Company?

Experience

With over 25 years in the web development industry, we've mastered creating innovative, user-friendly websites.

Trust

As a family-owned business, we prioritize building genuine, lasting relationships with our clients.

Expertise

Our team's skills are unparalleled, backed by certifications in modern web technologies.

Protection

Choose us for the assurance of dependable client support.

Responsibility

Committed to a better future, we implement eco-friendly practices in our web development process.

Code Example Shortcut: z-text-content-2

<z-container>
  <z-row>
    <z-col>
      <div class="center">
        <span class="label bg-cta-dark">WHY CHOOSE US</span>
        <h2 class="headline">What Can You Expect From Our Company?</h2>
      </div>
    </z-col>
  </z-row>

  <z-row class="five-up text-small">
    <z-col class="card center">
      <img src="your-image.jpg">
      <h3>Experience</h3>
      <p>Lorem ipsum dolor...</p>
    </z-col>

    <z-col class="card center">
      <img src="your-image.jpg">
      <h3>Trust</h3>
      <p>Lorem ipsum dolor...</p>
    </z-col>

    <z-col class="card center">
      <img src="your-image.jpg">
      <h3>Expertise</h3>
      <p>Lorem ipsum dolor...</p>
    </z-col>

    <z-col class="card center">
      <img src="your-image.jpg">
      <h3>Protection</h3>
      <p>Lorem ipsum dolor...</p>
    </z-col>

    <z-col class="card center">
      <img src="your-image.jpg">
      <h3>Responsibility</h3>
      <p>Lorem ipsum dolor...</p>
    </z-col>
  </z-row>
</z-container>

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.