Elements
These modular elements can be readily used and customized across pages and in different blocks.
Testimonials One <> show code
<div class="py-5 testimonial1 bg-image" style="background-image: url('...'); ">
<div class="container">
<div class="row ">
<div class="col-md-3 ">
<div class="section-title title-ex1">
<h2 class="">What <br> Clients Say</h2>
<p>Inventore cillum soluta inceptos eos platea, soluta class.</p>
</div>
</div>
<div class="col-md-8 ml-auto">
<div id="home-testimonial" class="kit-testimonial-carousel">
<div class="card ">
<div class="card-block">
<p class="pr-4">...</p>
<div class="img-ract ract45">
<img class="" src="..." alt="Card image">
</div>
<h4 class="text-white">Wisteria Ravenclaw</h4>
<span class="text-primary">Founder</span>
</div>
</div>
<div class="card ">
...
</div>
<div class="card ">
...
</div>
</div>
</div>
</div>
</div>
</div>
How to use
- Copy the code from example for the same style.
- Don't remove the classnames. Use your own class for customization
Example
What
Clients Say
Inventore cillum soluta inceptos eos platea, soluta class.
Hic enim sapien quo eros elit pede laoreet, nec viverra, natus class, quasi magni, in eveniet, neque curae eleifend esse ab eget! Malesuada aliquid, hendrerit porta facilisis accusantium, repudiandae cubilia, lacus modi accusantium aenean tempus doloribus! Proin, libero eius fugiat, odio scelerisque neque numquam, quidem faucibus ullamco dicta! Pede. Ullamcorper egestas, numquam.
Wisteria Ravenclaw
FounderHic enim sapien quo eros elit pede laoreet, nec viverra, natus class, quasi magni, in eveniet, neque curae eleifend esse ab eget! Malesuada aliquid, hendrerit porta facilisis accusantium, repudiandae cubilia, lacus modi accusantium aenean tempus doloribus! Proin, libero eius fugiat, odio scelerisque neque numquam, quidem faucibus ullamco dicta! Pede. Ullamcorper egestas, numquam.
Daniel McCay
Co-FounderHic enim sapien quo eros elit pede laoreet, nec viverra, natus class, quasi magni, in eveniet, neque curae eleifend esse ab eget! Malesuada aliquid, hendrerit porta facilisis accusantium, repudiandae cubilia, lacus modi accusantium aenean tempus doloribus! Proin, libero eius fugiat, odio scelerisque neque numquam, quidem faucibus ullamco dicta! Pede. Ullamcorper egestas, numquam.
Mitchella Jennifer
ManagerTestimonials Two <> show code
<div class="pt-5 testimonial2 bg-sand">
<div class="container">
<div id="home-testimonial" class="kit-testimonial-carousel">
<div class="item row flex-md-row-reverse justify-content-between">
<div class="text-center right-column col-md-5">
<img src="..." alt="client image">
</div>
<!-- Right column -->
<div class="left-column col-md-7">
<div class="card ">
<div class="card-block">
<i class="fa fa-quote-right"></i>
<p class="pr-4">...</p>
<h4 class="">Wisteria Ravenclaw</h4>
<span class="">Founder</span>
</div>
</div>
</div>
</div>
<div class="item row flex-md-row-reverse justify-content-between">
...
</div>
<div class="item row flex-md-row-reverse justify-content-between">
...
</div>
</div>
</div>
</div>
How to use
- Copy the code from example for the same style.
- Don't remove the classnames. Use your own class for customization
Hic enim sapien quo eros elit pede laoreet, nec viverra, natus class, quasi magni, in eveniet neque curae eleifend esse ab eget! Malesuada aliquid, hendrerit porta facilisis accusantium repudiandae cubilia lacus modi accusantium aenean tempus doloribus! Proin libero eius fugiat odio selerisque.
Wisteria Ravenclaw
Founder
Hic enim sapien quo eros elit pede laoreet, nec viverra, natus class, quasi magni, in eveniet neque curae eleifend esse ab eget! Malesuada aliquid, hendrerit porta facilisis accusantium repudiandae cubilia lacus modi accusantium aenean tempus doloribus! Proin libero eius fugiat odio selerisque.
Wisteria Ravenclaw
Founder
Hic enim sapien quo eros elit pede laoreet, nec viverra, natus class, quasi magni, in eveniet neque curae eleifend esse ab eget! Malesuada aliquid, hendrerit porta facilisis accusantium repudiandae cubilia lacus modi accusantium aenean tempus doloribus! Proin libero eius fugiat odio selerisque.