gzth/anita_theme_setting/static/description/index.html

<div class="container">

    <div class="oe_styling_v8">
        <div class="shadow row my-5 p-3 pb-2 overflow-hidden">
            <div class="container">
                <div class="row">
                    <p style="width: 100%; font-size: 18px; text-indent:1em;" class="px-sm-4 p-2">
                       Anita theme setting is theme configer for our themes, it support to change theme color, font, background, header, footer, menu, etc. and also support to change theme layout, it is very easy to use and very useful for our themes. 
                    </p>
                </div>
                <img src="./banner.png" style="width:100%; " />
            </div>
        </div>

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

        <div class="overflow-hidden mb-5 my-3 p-4 deep-3" style="background-color:#fbfcfd; border-radius:20px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>Theme Settings</b>
                </h3>
                <hr class="mb-4 mt-0">
                <h5>
                    there has a theme setting configer, it can set the button style\ input style \ radio style \ checkbox style etc
                </h5>
                <img src="./theme_setting.png" class="img img-fluid mt-3" loading="lazy">
            </div>
        </div>

        <div class="overflow-hidden mb-5 my-3 p-4 deep-3" style="background-color:#fbfcfd; border-radius:20px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>Theme Style</b>
                </h3>
                <hr class="mb-4 mt-0">
                <h5>
                    there has a theme configer, it can set the theme color\ font\ background\ header\ footer\ menu etc
                </h5>
                <img src="./theme_style.png" class="img img-fluid mt-3" loading="lazy">
            </div>
        </div>

        <div class="overflow-hidden mb-5 my-3 p-4 deep-3" style="background-color:#fbfcfd; border-radius:20px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>Semi Trans Support</b>
                </h3>
                <hr class="mb-4 mt-0">
                <h5>
                    user can set a bk image and set the alpha for elements, it will be very beautiful
                </h5>
                <img src="./transparent.png" class="img img-fluid mt-3" loading="lazy">
            </div>
        </div>

        <div class="overflow-hidden mb-5 my-3 p-4 deep-3" style="background-color:#fbfcfd; border-radius:20px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>Back Image Support</b>
                </h3>
                <hr class="mb-4 mt-0">
                <h5>
                    user can set a bk image and set the alpha for elements, it will be very beautiful
                </h5>
                <img src="./transparent2.png" class="img img-fluid mt-3" loading="lazy">
            </div>
        </div>


        <h2 style="text-align: center">
            Our Other Popular Apps
        </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>Awesome theme Pro</b>
                </h3>
                <hr class="mb-4 mt-0">
                <a href="https://apps.odoo.com/apps/themes/15.0/awesome_theme_pro/">
                    <img src="./awesome_theme.gif" class="img img-fluid mt-3" loading="lazy">
                </a>
            </div>
        </div>

        <div class="overflow-hidden mb-5 my-3 p-4 deep-3" style="background-color:#fbfcfd; border-radius:20px; border: 1px solid #d2caca66;">
            <div class="container">
                <h3 style="opacity:1; padding:10px 0px; color:#201111; letter-spacing:0.2em; text-transform:uppercase">
                    <b>Config Theme Styles</b>
                </h3>
                <hr class="mb-4 mt-0">
                <h5>
                    there has a theme configer, you can change the color, image and icons of the theme
                </h5>
                <img src="./change_background.png" class="img img-fluid mt-3" loading="lazy">
            </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>Anita 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>Anita 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>
</div>