88 lines
6.5 KiB
XML
88 lines
6.5 KiB
XML
<?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>
|