{"en_US": "<t name=\"Carousel Cards\" t-name=\"website.s_carousel_cards\">\n    <section class=\"s_carousel_cards_wrapper pt64 pb64\" data-preview-interaction-enabled=\"true\">\n        <t t-set=\"uniq\" t-value=\"datetime.datetime.now().microsecond\"/>\n        <div t-attf-id=\"myCarouselCards{{uniq}}\" class=\"s_carousel_cards s_carousel_cards_with_img s_carousel_boxed container carousel carousel-fade slide\" data-bs-interval=\"10000\" data-bs-ride=\"true\" data-option-name=\"CarouselCards\" style=\"--card-img-size-h: 60%; --CardBody-extra-height: 0px;\">\n            <!-- Content -->\n            <div class=\"carousel-inner rounded\">\n                <!-- #01 -->\n                <div class=\"s_carousel_cards_item carousel-item active p-0\" data-name=\"Slide\">\n                    <div class=\"s_card s_carousel_cards_card card o_colored_level o_cc o_cc4 o_card_img_horizontal flex-lg-row w-100 m-0 border-0 rounded-0\" data-vxml=\"001\" data-snippet=\"s_card\">\n                        <figure class=\"o_card_img_wrapper mb-0\">\n                            <img class=\"o_card_img h-100\" src=\"/web/image/website.s_carousel_cards_default_image_1\" alt=\"\"/>\n                        </figure>\n                        <div class=\"card-body\">\n                            <h3 class=\"card-title\">Slide title</h3>\n                            <p class=\"card-text\">A card is a flexible and extensible content container. It includes colors and powerful display options.</p>\n                            <a href=\"#\" class=\"btn btn-secondary\">Read More</a>\n                        </div>\n                    </div>\n                </div>\n                <!-- #02 -->\n                <div class=\"s_carousel_cards_item carousel-item p-0\" data-name=\"Slide\">\n                    <div class=\"s_card s_carousel_cards_card card o_colored_level o_cc o_cc5 o_card_img_horizontal flex-lg-row w-100 m-0 border-0 rounded-0\" data-vxml=\"001\" data-snippet=\"s_card\">\n                        <figure class=\"o_card_img_wrapper mb-0\">\n                            <img class=\"o_card_img h-100\" src=\"/web/image/website.s_carousel_cards_default_image_2\" alt=\"\"/>\n                        </figure>\n                        <div class=\"card-body\">\n                            <h3 class=\"card-title\">Slide title</h3>\n                            <p class=\"card-text\">A card is a flexible and extensible content container. It includes colors and powerful display options.</p>\n                            <a href=\"#\" class=\"btn btn-secondary\">Read More</a>\n                        </div>\n                    </div>\n                </div>\n                <!-- #03 -->\n                <div class=\"s_carousel_cards_item carousel-item p-0\" data-name=\"Slide\">\n                    <div class=\"s_card s_carousel_cards_card card o_colored_level o_cc o_cc4 o_card_img_horizontal flex-lg-row w-100 m-0 border-0 rounded-0\" data-vxml=\"001\" data-snippet=\"s_card\">\n                        <figure class=\"o_card_img_wrapper mb-0\">\n                            <img class=\"o_card_img h-100\" src=\"/web/image/website.s_carousel_cards_default_image_3\" alt=\"\"/>\n                        </figure>\n                        <div class=\"card-body\">\n                            <h3 class=\"card-title\">Slide title</h3>\n                            <p class=\"card-text\">A card is a flexible and extensible content container. It includes colors and powerful display options.</p>\n                            <a href=\"#\" class=\"btn btn-secondary\">Read More</a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"o_horizontal_controllers position-absolute start-0 end-0 bottom-0 o_not_editable\">\n                <div class=\"o_horizontal_controllers_row d-flex gap-3 justify-content-between flex-nowrap\">\n                    <!-- Indicators -->\n                    <div class=\"s_carousel_indicators_dots carousel-indicators align-items-center flex-shrink-1 w-auto mb-0\">\n                        <button type=\"button\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide-to=\"0\" class=\"active\"/>\n                        <button type=\"button\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide-to=\"1\"/>\n                        <button type=\"button\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide-to=\"2\"/>\n                    </div>\n                    <!-- Controls -->\n                    <div class=\"o_arrows_wrapper gap-2 align-items-center w-auto p-0\">\n                        <button class=\"carousel-control-prev bottom-0 o_not_editable\" contenteditable=\"false\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide=\"prev\" aria-label=\"Previous\" title=\"Previous\">\n                            <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"/>\n                            <span class=\"visually-hidden\">Previous</span>\n                        </button>\n                        <button class=\"carousel-control-next bottom-0 o_not_editable\" contenteditable=\"false\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide=\"next\" role=\"img\" aria-label=\"Next\" title=\"Next\">\n                            <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"/>\n                            <span class=\"visually-hidden\">Next</span>\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </section>\n</t>", "fr_FR": "<t name=\"Carousel Cards\" t-name=\"website.s_carousel_cards\">\n    <section class=\"s_carousel_cards_wrapper pt64 pb64\" data-preview-interaction-enabled=\"true\">\n        <t t-set=\"uniq\" t-value=\"datetime.datetime.now().microsecond\"/>\n        <div t-attf-id=\"myCarouselCards{{uniq}}\" class=\"s_carousel_cards s_carousel_cards_with_img s_carousel_boxed container carousel carousel-fade slide\" data-bs-interval=\"10000\" data-bs-ride=\"true\" data-option-name=\"CarouselCards\" style=\"--card-img-size-h: 60%; --CardBody-extra-height: 0px;\">\n            <!-- Content -->\n            <div class=\"carousel-inner rounded\">\n                <!-- #01 -->\n                <div class=\"s_carousel_cards_item carousel-item active p-0\" data-name=\"Slide\">\n                    <div class=\"s_card s_carousel_cards_card card o_colored_level o_cc o_cc4 o_card_img_horizontal flex-lg-row w-100 m-0 border-0 rounded-0\" data-vxml=\"001\" data-snippet=\"s_card\">\n                        <figure class=\"o_card_img_wrapper mb-0\">\n                            <img class=\"o_card_img h-100\" src=\"/web/image/website.s_carousel_cards_default_image_1\" alt=\"\"/>\n                        </figure>\n                        <div class=\"card-body\">\n                            <h3 class=\"card-title\">Slide Titre</h3>\n                            <p class=\"card-text\">Une card est un conteneur de contenu flexible et extensible. Elle propose des couleurs et des options d'affichage puissantes.</p>\n                            <a href=\"#\" class=\"btn btn-secondary\">Plus d'info</a>\n                        </div>\n                    </div>\n                </div>\n                <!-- #02 -->\n                <div class=\"s_carousel_cards_item carousel-item p-0\" data-name=\"Slide\">\n                    <div class=\"s_card s_carousel_cards_card card o_colored_level o_cc o_cc5 o_card_img_horizontal flex-lg-row w-100 m-0 border-0 rounded-0\" data-vxml=\"001\" data-snippet=\"s_card\">\n                        <figure class=\"o_card_img_wrapper mb-0\">\n                            <img class=\"o_card_img h-100\" src=\"/web/image/website.s_carousel_cards_default_image_2\" alt=\"\"/>\n                        </figure>\n                        <div class=\"card-body\">\n                            <h3 class=\"card-title\">Slide Titre</h3>\n                            <p class=\"card-text\">Une card est un conteneur de contenu flexible et extensible. Elle propose des couleurs et des options d'affichage puissantes.</p>\n                            <a href=\"#\" class=\"btn btn-secondary\">Plus d'info</a>\n                        </div>\n                    </div>\n                </div>\n                <!-- #03 -->\n                <div class=\"s_carousel_cards_item carousel-item p-0\" data-name=\"Slide\">\n                    <div class=\"s_card s_carousel_cards_card card o_colored_level o_cc o_cc4 o_card_img_horizontal flex-lg-row w-100 m-0 border-0 rounded-0\" data-vxml=\"001\" data-snippet=\"s_card\">\n                        <figure class=\"o_card_img_wrapper mb-0\">\n                            <img class=\"o_card_img h-100\" src=\"/web/image/website.s_carousel_cards_default_image_3\" alt=\"\"/>\n                        </figure>\n                        <div class=\"card-body\">\n                            <h3 class=\"card-title\">Slide Titre</h3>\n                            <p class=\"card-text\">Une card est un conteneur de contenu flexible et extensible. Elle propose des couleurs et des options d'affichage puissantes.</p>\n                            <a href=\"#\" class=\"btn btn-secondary\">Plus d'info</a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"o_horizontal_controllers position-absolute start-0 end-0 bottom-0 o_not_editable\">\n                <div class=\"o_horizontal_controllers_row d-flex gap-3 justify-content-between flex-nowrap\">\n                    <!-- Indicators -->\n                    <div class=\"s_carousel_indicators_dots carousel-indicators align-items-center flex-shrink-1 w-auto mb-0\">\n                        <button type=\"button\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide-to=\"0\" class=\"active\"/>\n                        <button type=\"button\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide-to=\"1\"/>\n                        <button type=\"button\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide-to=\"2\"/>\n                    </div>\n                    <!-- Controls -->\n                    <div class=\"o_arrows_wrapper gap-2 align-items-center w-auto p-0\">\n                        <button class=\"carousel-control-prev bottom-0 o_not_editable\" contenteditable=\"false\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide=\"prev\" aria-label=\"Précédent\" title=\"Précédent\">\n                            <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"/>\n                            <span class=\"visually-hidden\">Précédent</span>\n                        </button>\n                        <button class=\"carousel-control-next bottom-0 o_not_editable\" contenteditable=\"false\" t-attf-data-bs-target=\"#myCarouselCards{{uniq}}\" data-bs-slide=\"next\" role=\"img\" aria-label=\"Suivant\" title=\"Suivant\">\n                            <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"/>\n                            <span class=\"visually-hidden\">Suivant</span>\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </section>\n</t>"}