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

<template id="s_tabs" name="Tabs">
    <section class="s_tabs_common s_tabs pt48 pb48" data-vcss="003" data-vxml="002">
        <div class="o_container_small">
            <div class="s_tabs_main o_direction_horizontal">
                <div class="s_tabs_nav mb-3 overflow-y-hidden overflow-x-auto" data-name="Tab Header" role="navigation">
                    <ul class="nav nav-underline nav-justified flex-nowrap" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active text-break" id="nav_tabs_link_1" data-bs-toggle="tab" href="#nav_tabs_content_1" role="tab" aria-controls="nav_tabs_content_1" aria-selected="true">Home</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link text-break" id="nav_tabs_link_2" data-bs-toggle="tab" href="#nav_tabs_content_2" role="tab" aria-controls="nav_tabs_content_2" aria-selected="false">Profile</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link text-break" id="nav_tabs_link_3" data-bs-toggle="tab" href="#nav_tabs_content_3" role="tab" aria-controls="nav_tabs_content_3" aria-selected="false">Contact</a>
                        </li>
                    </ul>
                </div>
                <div class="s_tabs_content tab-content">
                    <div class="tab-pane fade show active" id="nav_tabs_content_1" role="tabpanel" aria-labelledby="nav_tabs_link_1">
                        <div class="oe_structure oe_empty">
                            <section class="s_text_block" data-snippet="s_text_block">
                                <div class="container s_allow_columns">
                                    <p>Write one or two paragraphs describing your product or services.</p>
                                </div>
                            </section>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav_tabs_content_2" role="tabpanel" aria-labelledby="nav_tabs_link_2">
                        <div class="oe_structure oe_empty">
                            <section class="s_text_block" data-snippet="s_text_block">
                                <div class="container s_allow_columns">
                                    <p>To be successful your content needs to be useful to your readers.</p>
                                </div>
                            </section>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="nav_tabs_content_3" role="tabpanel" aria-labelledby="nav_tabs_link_3">
                        <div class="oe_structure oe_empty">
                            <section class="s_text_block" data-snippet="s_text_block">
                                <div class="container s_allow_columns">
                                    <p>Start with the customer – find out what they want and give it to them.</p>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

<asset id="website.s_tabs_001_scss" name="Tabs 001 SCSS" active="False">
    <bundle>web.assets_frontend</bundle>
    <path>website/static/src/snippets/s_tabs/001.scss</path>
</asset>
<asset id="website.s_tabs_002_scss" name="Tabs 002 SCSS" active="False">
    <bundle>web.assets_frontend</bundle>
    <path>website/static/src/snippets/s_tabs/002.scss</path>
</asset>
<asset id="website.s_tabs_003_scss" name="Tabs 003 SCSS">
    <bundle>web.assets_frontend</bundle>
    <path>website/static/src/snippets/s_tabs/003.scss</path>
</asset>

</odoo>
