gzth/akl_multi_tab_plugin/static/description/index.html

<div class="container">

    <div class="oe_styling_v8">

        <div class="shadow row my-5 p-3 pb-2 overflow-hidden" style="background-color:#fbfcfd; border-radius: 5px; border: 1px solid #d2caca66;">
            <div class="container">
                <div class="row">
                    <p style="width: 100%; font-size: 18px; text-indent:1em;" class="px-sm-4 p-2">
                        Akl multi tab pulgin is an advanced module that allows you to create multiple tabs in your Odoo backend.
                    </p>
                </div>
            </div>
        </div>

        <h2 class="w-100 text-center mb-3">(Current Release V16.0.0.5 -- 2023.04.22)</h2>

        <div class="shadow row my-5 p-3 pb-2 overflow-hidden"
             style="background-color:#fbfcfd; border-radius: 5px; border: 1px solid #693d3d66;">
            <div class="container">
                <div class="pt-4" style="padding-left:20px">
                    <h3 style="color:#2c3782; font-weight:bold; font-size:22px" class="mb-3">Overview</h3>
                </div>
                <a href="https://apps.odoo.com/apps/themes/16.0/admin_theme/">
                    <img src="./description.gif" style="width:100%; " />
                </a>
            </div>
        </div>

        <!-- 我们的其它产品 -->
        <h2 class="w-100 text-center mb-3">Our other products, Just click the image to visit</h2>

        <div class="shadow row my-5 p-3 pb-2 overflow-hidden"
                style="background-color:#fbfcfd; border-radius: 5px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>Admin Theme</b>
                </h3>
                <hr class="mb-4 mt-0">
                <a href="https://apps.odoo.com/apps/themes/16.0/admin_theme/">
                    <img src="./admin_theme.gif" class="img img-fluid mt-3" loading="lazy"/>
                </a>
            </div>
        </div>

        <div class="shadow row my-5 p-3 pb-2 overflow-hidden"
             style="background-color:#fbfcfd; border-radius: 5px; border: 1px solid #d2caca66;">
            <div class="container">
                <div class="pt-4" style="padding-left:20px">
                    <h3 style="color:#2c3782; font-weight:bold; font-size:22px" class="mb-3">Awesome theme</h3>
                    <p style="font-weight:normal; color:#777; font-size:14px; letter-spacing:1px">
                        Awesome theme is a theme to enhance your product
                </div>
                <a href="https://apps.odoo.com/apps/themes/15.0/awesome_theme/">
                    <img src="./awesome_theme.gif" class="img img-fluid mt-3" loading="lazy"/>
                </a>
            </div>
        </div>

        
        <div class="shadow row my-5 p-3 pb-2 overflow-hidden"
                style="background-color:#fbfcfd; border-radius: 5px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>rubbish Modeler</b>
                </h3>
                <hr class="mb-4 mt-0">
                <a href="https://apps.odoo.com/apps/modules/14.0/anita_modeler/">
                    <img src="./anita_modeler.png" class="img img-fluid mt-3" loading="lazy" />
                </a>
            </div>
        </div>

        <div class="shadow row my-5 p-3 pb-2 overflow-hidden"
                style="background-color:#fbfcfd; border-radius: 5px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>rubbish List</b>
                </h3>
                <hr class="mb-4 mt-0">
                <a href="https://apps.odoo.com/apps/modules/15.0/anita_list/">
                    <img src="./anita_list.gif" class="img img-fluid mt-3" loading="lazy"/>
                </a>
            </div>
        </div>


        <div class="shadow row my-5 p-3 pb-2 overflow-hidden"
                style="background-color:#fbfcfd; border-radius: 5px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>Changelog</b>
                </h3>
                <div class="col-12">
                    <hr class="mb-4 mt-0">
                    <!-- 16.0.0.1 -->
                    <h2 class="h4 pb-2">
                        <span style="color:#00A09D" class="pr-2">16.0.0.1</span>-<span class="pl-2">Feb 1, 2023</span>
                    </h2>
                    <ul class="list-unstyled">
                        <li class="d-flex align-items-start mb-3">
                            <span class="badge badge-warning font-size-sm pt-1 mr-3" style="min-width:60px">update</span>
                            <div>first version</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>