Testimonials

Use Boomerang's custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Style 1

David Wally, CEO

Google

Lorem ipsum dolor consectetur adipiscing elit eiusmod tempor incididunt ut labore.

Example


<div class="block block--style-4 block--style-4-v1 bg-white">
    <div class="block-body">
        <div class="text-center mt-4">
            <h4 class="heading heading-6 strong-600 mb-0">
                David Wally, CEO
            </h4>
            <h4 class="heading heading-6 c-gray-light strong-400">
                Google
            </h4>
            <p class="mt-3">
                Lorem ipsum dolor consectetur adipiscing elit eiusmod...
            </p>
        </div>
    </div>
    <div class="info-author">
        <div class="author-img">
            <img src="path_to_your_image">
        </div>
    </div>
</div>

Style 2

Donec vel enim puruid viverra neque. Cras in velit ante, eget pellentesque sem duis tincidunt erat quam adipiscing elit.

David Wally Forward Accounts Analyst

Donec vel enim puruid viverra neque. Cras in velit ante, eget pellentesque sem duis tincidunt erat quam adipiscing elit.

David Wally Forward Accounts Analyst

Example


<div class="block--style-4 block--style-4-v2">
    <div class="block-body bg-base-1">
        <p>
            <span class="quote"><i class="fa fa-quote-left"></i></span>
            Donec vel enim puruid viverra neque. Cras in velit ante, eget pellentesque sem duis tincidunt erat quam adipiscing elit.
        </p>
    </div>
    <div class="info-author">
        <div class="author-img">
            <path_to_your_image" class="rounded-circle">
        </div>
        <div class="author-info">
            <span class="author-name strong-600">David Wally</span>
            <span class="author-pos">Forward Accounts Analyst</span>
        </div>
    </div>
</div>

Style 3

"Viam sumi mo id erit objectioni mo de necessario crediderim imo terra vox alios aut lor quasi. Vim quaero aut videri pendam plures duo extat neque arcte re ad etiam ego infiniti reperero mutuatur formalem sed scribere nec vel profecto."

Bettie Mavis

IT Specialist

Example


<div class="text-center">
    <p>
        "Viam sumi mo id erit objectioni mo de necessario crediderim..."
    </p>

    <div class="text-center mt-4">
        <h3 class="heading heading-5 strong-600 mb-0">
            Bettie Mavis
        </h3>
        <span class="heading heading-sm strong-400 text-normal">
            IT Specialist
        </span>
    </div>
</div>

Style 4

“No words needed. This template gets the work done. So many features and great page layouts. As a developer I like a clean code. I can see their passion in every line of code. Great job!”

Bertram Ozzie

Web Designer — Webpixels

Example


<div class="row cols-xs-space testimonial text-center text-sm-left justify-content-center">
    <div class="col-md-2 col-sm-4 col-6">
        <path_to_your_image">
    </div>
    <div class="col-md-10 col-sm-8 col-10">
        <div class="testimonial-content">
            <span class="testimonial-text text-lg strong-300">
                “<?php echo $testimonialText_1; ?>”
            </span>
            <h4 class="heading heading-5 strong-600 mt-4 mb-0">John Doe</h4>
            <span class="text-md strong-300">Web Designer — Webpixels</span>
        </div>
    </div>
</div>