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

<template id="s_quotes_carousel_minimal" name="Quotes Minimal">
    <section class="s_quotes_carousel_wrapper" data-vxml="001" data-vcss="002">
        <t t-set="uniq" t-value="datetime.datetime.now().microsecond"/>
        <div t-attf-id="myQuoteCarouselMinimal{{uniq}}" class="s_quotes_carousel s_carousel_default carousel carousel-dark slide" data-bs-ride="true" data-bs-interval="10000">
            <!-- Content -->
            <div class="carousel-inner">
                <!-- #01 -->
                <div class="carousel-item active pt80 pb80" data-name="Slide">
                    <blockquote data-name="Blockquote" data-snippet="s_blockquote" class="s_blockquote s_blockquote_with_icon o_animable position-relative d-flex flex-column gap-4 w-75 mx-auto my-4 p-5 fst-normal" data-vcss="001">
                        <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 fa-3x d-block mx-auto" role="img"/>
                        </div>
                        <p class="s_blockquote_quote my-auto h3-fs" style="text-align:center;">" This company transformed our business. <br/>Their solutions are innovative and reliable. "</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-column align-items-center w-100 text-center">
                            <img src="/web/image/website.s_quotes_carousel_demo_image_3" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <span class="o_small">
                                    <strong>Jane DOE</strong><br/>
                                    <span class="text-muted">CEO of MyCompany</span>
                                </span>
                            </div>
                        </div>
                    </blockquote>
                </div>
                <!-- #02 -->
                <div class="carousel-item pt80 pb80" data-name="Slide">
                    <blockquote data-name="Blockquote" data-snippet="s_blockquote" class="s_blockquote s_blockquote_with_icon o_animable position-relative d-flex flex-column gap-4 w-75 mx-auto my-4 p-5 fst-normal" data-vcss="001">
                        <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 fa-3x d-block mx-auto" role="img"/>
                        </div>
                        <p class="s_blockquote_quote my-auto h3-fs" style="text-align:center;">" A trusted partner for growth. <br/>Professional, efficient, and always ahead of the curve. "</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-column align-items-center w-100 text-center">
                            <img src="/web/image/website.s_quotes_carousel_demo_image_4" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <span class="o_small">
                                    <strong>John DOE</strong><br/>
                                    <span class="text-muted">CCO of MyCompany</span>
                                </span>
                            </div>
                        </div>
                    </blockquote>
                </div>
                <!-- #03 -->
                <div class="carousel-item pt80 pb80" data-name="Slide">
                    <blockquote data-name="Blockquote" data-snippet="s_blockquote" class="s_blockquote s_blockquote_with_icon o_animable position-relative d-flex flex-column gap-4 w-75 mx-auto my-4 p-5 fst-normal" data-vcss="001">
                        <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 fa-3x d-block mx-auto" role="img"/>
                        </div>
                        <p class="s_blockquote_quote my-auto h3-fs" style="text-align:center;">" Outstanding service and results! <br/>They exceeded our expectations in every project. "</p>
                        <div class="s_blockquote_infos d-flex gap-2 flex-column align-items-center w-100 text-center">
                            <img src="/web/image/website.s_quotes_carousel_demo_image_5" class="s_blockquote_avatar img rounded-circle" alt=""/>
                            <div class="s_blockquote_author">
                                <span class="o_small">
                                    <strong>Iris DOE</strong><br/>
                                    <span class="text-muted">Manager of MyCompany</span>
                                </span>
                            </div>
                        </div>
                    </blockquote>
                </div>
            </div>
            <!-- Controls -->
            <button class="carousel-control-prev o_not_editable" contenteditable="false" t-attf-data-bs-target="#myQuoteCarouselMinimal{{uniq}}" data-bs-slide="prev" aria-label="Previous" title="Previous">
                <span class="carousel-control-prev-icon" aria-hidden="true"/>
                    <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next o_not_editable" t-attf-data-bs-target="#myQuoteCarouselMinimal{{uniq}}" data-bs-slide="next" aria-label="Next" title="Next">
                <span class="carousel-control-next-icon" aria-hidden="true"/>
                <span class="visually-hidden">Next</span>
            </button>
            <!-- Indicators -->
            <div class="carousel-indicators s_carousel_indicators_dots">
                <button type="button" t-attf-data-bs-target="#myQuoteCarouselMinimal{{uniq}}" data-bs-slide-to="0" class="active" aria-label="Carousel indicator"/>
                <button type="button" t-attf-data-bs-target="#myQuoteCarouselMinimal{{uniq}}" data-bs-slide-to="1" aria-label="Carousel indicator"/>
                <button type="button" t-attf-data-bs-target="#myQuoteCarouselMinimal{{uniq}}" data-bs-slide-to="2" aria-label="Carousel indicator"/>
            </div>
        </div>
    </section>
</template>

</odoo>
