{#

Element ID: Element12
Element Name: Testimonials

#}

<section id="" class="testimonials">
    <div class="container">
        <div class="text-align-center">
            <h1 class="h2 testimonials__title text-gradient">Testimonials</h1>
        </div>
        <div class="card-list homepage-testimonials-slider owl-carousel " id="js-testimonials-slider">

            {% for testimonial in element.testimonial %}
                <div class="testimonial">
                    <div class="profile">
                        <div class="rounded-profile-image" style="background-image: url({{ TimberImage( testimonial.profile_image ) }})"></div>
                        
                        <h3> {{ testimonial.name  }} </h3>
                        <h4> {{ testimonial.position  }}</h4>
                    </div>
                    <div class="quote">
                        <p>"{{ testimonial.quote  }}"</p>
                        <a href="{{ success_stories_page_link }}#{{ testimonial.success_ID }}">read more</a>
                    </div>
                </div>
            {% endfor %}

        </div>
    </div>
</section>