<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_reviews_wall" name="Reviews Wall">
    <section class="s_reviews_wall o_colored_level o_cc o_cc2 pt80 pb80">
        <div class="container">
            <h2>Customers testimonials</h2>
            <p class="lead">What our customers are saying about us.</p>
            <div class="row align-items-stretch">
                <div class="col-12 col-lg-4 pt16 pb16" data-name="Review">
                    <blockquote class="s_blockquote s_blockquote_default o_cc o_cc1 o_animable position-relative d-flex flex-column gap-4 w-100 h-100 mx-auto p-4 rounded fst-normal" data-vcss="001" data-snippet="s_blockquote" data-name="Review" style="border-radius: 6.4px !important;">
                        <div class="s_blockquote_line_elt position-absolute top-0 start-0 bottom-0 bg-o-color-1"/>
                        <div class="s_blockquote_wrap_icon position-absolute top-0 start-50 translate-middle w-100">
                            <i class="s_blockquote_icon fa fa-quote-right d-block mx-auto rounded bg-o-color-1" role="img"/>
                        </div>
                        <div class="s_rating s_rating_no_title" data-snippet="s_rating" data-name="Rating" data-vcss="001" data-icon="fa-star" aria-label="4 out of 5 stars">
                            <strong class="s_rating_title">Rating</strong>
                            <div class="s_rating_icons o_not_editable">
                                <span class="s_rating_active_icons" style="color: #f3cc00;">
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                                <span class="s_rating_inactive_icons" style="color: var(--border-color);">
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                            </div>
                        </div>
                        <p class="s_blockquote_quote mb-auto">"Engaging with this team was effortless from start to end. Their proficiency and meticulous approach greatly enhanced our project. I couldn’t be happier with the final product!"</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-row align-items-start justify-content-start w-100 text-start">
                            <img src="/web/image/website.s_company_team_image_1" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <strong>Sullivan Mitchell</strong><br/>
                                <span class="text-muted">Marketing Director</span>
                            </div>
                        </div>
                    </blockquote>
                </div>
                <div class="col-12 col-lg-4 pt16 pb16" data-name="Review">
                    <blockquote class="s_blockquote s_blockquote_default o_cc o_cc1 o_animable position-relative d-flex flex-column gap-4 w-100 h-100 mx-auto p-4 rounded fst-normal" data-vcss="001" data-snippet="s_blockquote" data-name="Review" style="border-radius: 6.4px !important;">
                        <div class="s_blockquote_line_elt position-absolute top-0 start-0 bottom-0 bg-o-color-1"/>
                        <div class="s_blockquote_wrap_icon position-absolute top-0 start-50 translate-middle w-100">
                            <i class="s_blockquote_icon fa fa-quote-right d-block mx-auto rounded bg-o-color-1" role="img"/>
                        </div>
                        <div class="s_rating s_rating_no_title" data-snippet="s_rating" data-name="Rating" data-vcss="001" data-icon="fa-star" aria-label="4 out of 5 stars">
                            <strong class="s_rating_title">Rating</strong>
                            <div class="s_rating_icons o_not_editable">
                                <span class="s_rating_active_icons" style="color: #f3cc00;">
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                                <span class="s_rating_inactive_icons" style="color: var(--border-color);">
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                            </div>
                        </div>
                        <p class="s_blockquote_quote mb-auto">"Working with this team was smooth and efficient at every stage. Their skills and commitment to quality had a major impact on our project. I am thrilled with the final results!"</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-row align-items-start justify-content-start w-100 text-start">
                            <img src="/web/image/website.s_company_team_image_2" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <strong>James Carter</strong><br/>
                                <span class="text-muted">Chief Technical Officer</span>
                            </div>
                        </div>
                    </blockquote>
                </div>
                <div class="col-12 col-lg-4 pt16 pb16" data-name="Review">
                    <blockquote class="s_blockquote s_blockquote_default o_cc o_cc1 o_animable position-relative d-flex flex-column gap-4 w-100 h-100 mx-auto p-4 rounded fst-normal" data-vcss="001" data-snippet="s_blockquote" data-name="Review" style="border-radius: 6.4px !important;">
                        <div class="s_blockquote_line_elt position-absolute top-0 start-0 bottom-0 bg-o-color-1"/>
                        <div class="s_blockquote_wrap_icon position-absolute top-0 start-50 translate-middle w-100">
                            <i class="s_blockquote_icon fa fa-quote-right d-block mx-auto rounded bg-o-color-1" role="img"/>
                        </div>
                        <div class="s_rating s_rating_no_title" data-snippet="s_rating" data-name="Rating" data-vcss="001" data-icon="fa-star" aria-label="4 out of 5 stars">
                            <strong class="s_rating_title">Rating</strong>
                            <div class="s_rating_icons o_not_editable">
                                <span class="s_rating_active_icons" style="color: #f3cc00;">
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                                <span class="s_rating_inactive_icons" style="color: var(--border-color);">
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                            </div>
                        </div>
                        <p class="s_blockquote_quote mb-auto">"Partnering with this team was a breeze from beginning to end. Their knowledge and focus on detail significantly benefited our project. I am extremely happy with the outcome!"</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-row align-items-start justify-content-start w-100 text-start">
                            <img src="/web/image/website.s_company_team_image_3" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <strong>Laura Evans</strong><br/>
                                <span class="text-muted">Head of Operations</span>
                            </div>
                        </div>
                    </blockquote>
                </div>
                <div class="col-12 col-lg-4 pt16 pb16" data-name="Review">
                    <blockquote class="s_blockquote s_blockquote_default o_cc o_cc1 o_animable position-relative d-flex flex-column gap-4 w-100 h-100 mx-auto p-4 rounded fst-normal" data-vcss="001" data-snippet="s_blockquote" data-name="Review" style="border-radius: 6.4px !important;">
                        <div class="s_blockquote_line_elt position-absolute top-0 start-0 bottom-0 bg-o-color-1"/>
                        <div class="s_blockquote_wrap_icon position-absolute top-0 start-50 translate-middle w-100">
                            <i class="s_blockquote_icon fa fa-quote-right d-block mx-auto rounded bg-o-color-1" role="img"/>
                        </div>
                        <div class="s_rating s_rating_no_title" data-snippet="s_rating" data-name="Rating" data-vcss="001" data-icon="fa-star" aria-label="4 out of 5 stars">
                            <strong class="s_rating_title">Rating</strong>
                            <div class="s_rating_icons o_not_editable">
                                <span class="s_rating_active_icons" style="color: #f3cc00;">
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                                <span class="s_rating_inactive_icons" style="color: var(--border-color);">
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                            </div>
                        </div>
                        <p class="s_blockquote_quote mb-auto">"From the first meeting, it was clear we were in good hands. They took our vision and turned it into something even better than we had imagined. Highly recommend!"</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-row align-items-start justify-content-start w-100 text-start">
                            <img src="/web/image/website.s_company_team_image_4" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <strong>Jody Roberts</strong><br/>
                                <span class="text-muted">Chief Financial Officer</span>
                            </div>
                        </div>
                    </blockquote>
                </div>
                <div class="col-12 col-lg-4 pt16 pb16" data-name="Review">
                    <blockquote class="s_blockquote s_blockquote_default o_cc o_cc1 o_animable position-relative d-flex flex-column gap-4 w-100 h-100 mx-auto p-4 rounded fst-normal" data-vcss="001" data-snippet="s_blockquote" data-name="Review" style="border-radius: 6.4px !important;">
                        <div class="s_blockquote_line_elt position-absolute top-0 start-0 bottom-0 bg-o-color-1"/>
                        <div class="s_blockquote_wrap_icon position-absolute top-0 start-50 translate-middle w-100">
                            <i class="s_blockquote_icon fa fa-quote-right d-block mx-auto rounded bg-o-color-1" role="img"/>
                        </div>
                        <div class="s_rating s_rating_no_title" data-snippet="s_rating" data-name="Rating" data-vcss="001" data-icon="fa-star" aria-label="4 out of 5 stars">
                            <strong class="s_rating_title">Rating</strong>
                            <div class="s_rating_icons o_not_editable">
                                <span class="s_rating_active_icons" style="color: #f3cc00;">
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                                <span class="s_rating_inactive_icons" style="color: var(--border-color);">
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                            </div>
                        </div>
                        <p class="s_blockquote_quote mb-auto">"Exceptional service and great communication throughout the entire process. They went above and beyond to ensure our project was a complete success."</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-row align-items-start justify-content-start w-100 text-start">
                            <img src="/web/image/website.s_company_team_image_5" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <strong>Emil Foster</strong><br/>
                                <span class="text-muted">Creative Director</span>
                            </div>
                        </div>
                    </blockquote>
                </div>
                <div class="col-12 col-lg-4 pt16 pb16" data-name="Review">
                    <blockquote class="s_blockquote s_blockquote_default o_cc o_cc1 o_animable position-relative d-flex flex-column gap-4 w-100 h-100 mx-auto p-4 rounded fst-normal" data-vcss="001" data-snippet="s_blockquote" data-name="Review" style="border-radius: 6.4px !important;">
                        <div class="s_blockquote_line_elt position-absolute top-0 start-0 bottom-0 bg-o-color-1"/>
                        <div class="s_blockquote_wrap_icon position-absolute top-0 start-50 translate-middle w-100">
                            <i class="s_blockquote_icon fa fa-quote-right d-block mx-auto rounded bg-o-color-1" role="img"/>
                        </div>
                        <div class="s_rating s_rating_no_title" data-snippet="s_rating" data-name="Rating" data-vcss="001" data-icon="fa-star" aria-label="4 out of 5 stars">
                            <strong class="s_rating_title">Rating</strong>
                            <div class="s_rating_icons o_not_editable">
                                <span class="s_rating_active_icons" style="color: #f3cc00;">
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                                <span class="s_rating_inactive_icons" style="color: var(--border-color);">
                                    <i class="fa fa-star" role="presentation"/>
                                </span>
                            </div>
                        </div>
                        <p class="s_blockquote_quote mb-auto">"This team truly understands the meaning of partnership. They brought fresh ideas to the table and delivered a final product that exceeded expectations."</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-row align-items-start justify-content-start w-100 text-start">
                            <img src="/web/image/website.s_company_team_image_6" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <strong>Daniella Clarke</strong><br/>
                                <span class="text-muted">Senior Manager</span>
                            </div>
                        </div>
                    </blockquote>
                </div>
            </div>
        </div>
    </section>
</template>

</odoo>
