Happy 80th Independence Day 🇮🇳

table

table

Tags: Liquid Codes, table · 10 Aug 2026

Page: Product Pages (Optimized for Conversions)

Snippet Code

<style>
    section#shopify-section-template--24296097349947__custom_liquid_Jwe63x {
        background-color: #fffaf5;
    }

    .pt-[40px] {
        padding-top: 40px;
    }

    .pb-[40px] {
        padding-bottom: 40px;
    }

    .scroll-mt-[100px] {
        scroll-margin-top: 100px;
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .flex-col {
        flex-direction: column;
    }

    .flex {
        display: flex;
    }

    .text-content-1 {
        --tw-text-opacity: 1;
        color: rgb(17 23 20 / var(--tw-text-opacity));
    }

    .font-bold {
        font-weight: 700;
    }

    .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .border-dashed {
        border-style: dashed;
    }

    .border {
        border-width: 1px;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .h-fit {
        height: fit-content;
    }

    .rounded-[8px] {
        border-radius: 8px;
    }

    .border-categoryDivider {
        --tw-border-opacity: 1;
        border-color: rgb(222 230 232 / var(--tw-border-opacity));
    }

    .border-b {
        border-bottom-width: 1px;
    }

    .font-normal {
        font-weight: 400;
    }

    .!font-sans {
        font-family: var(--font-lato) !important;
    }

    .px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .pb-[12px] {
        padding-bottom: 12px;
    }

    .border-dotted {
        border-style: dotted;
    }

    .gap-[18px] {
        gap: 18px;
    }

    .items-center {
        align-items: center;
    }

    @media (min-width: 1024px) {
        .desktop:my-[50px] {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .desktop:px-[0px] {
            padding-left: 0;
            padding-right: 0;
        }

        .desktop:max-w-[960px] {
            max-width: 960px;
        }

        .desktop:px-0 {
            padding-left: 0;
            padding-right: 0;
        }

        .desktop:gap-[8px] {
            gap: 8px;
        }

        .desktop:mb-[32px] {
            margin-bottom: 32px;
        }

        .desktop:leading-[32px] {
            line-height: 32px;
        }

        .desktop:text-[28px] {
            font-size: 28px;
        }

        .desktop:gap-[32px] {
            gap: 32px;
        }

        .desktop:items-center {
            align-items: center;
        }

        .desktop:flex-col {
            flex-direction: column;
        }

        .desktop:flex {
            display: flex;
        }

        .desktop:mt-[32px] {
            margin-top: 32px;
        }

        .desktop:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .desktop:grid {
            display: grid;
        }

        .desktop:mt-0 {
            margin-top: 0;
        }

        .desktop:rounded-[16px] {
            border-radius: 16px;
        }

        .desktop:p-[24px] {
            padding: 24px;
        }

        .desktop:pb-[16px] {
            padding-bottom: 16px;
        }

        .desktop:text-[18px] {
            font-size: 18px;
        }

        .desktop:leading-[28px] {
            line-height: 28px;
        }

        .desktop:text-[16px] {
            font-size: 16px;
        }

        .desktop:pt-[16px] {
            padding-top: 16px;
        }

        .desktop:mt-[16px] {
            margin-top: 16px;
        }

        .desktop:w-[100px] {
            width: 100px;
        }

        .desktop:!leading-[28px] {
            line-height: 28px !important;
        }

        .desktop:!text-[16px] {
            font-size: 16px !important;
        }
    }

    @media (max-width: 768px) {
        section#shopify-section-template--24296097349947__custom_liquid_Jwe63x {
            margin-top: 37px;
        }
    }
</style>

<div class="my-[30px] desktop:my-[50px] first:mt-0">
    <div style="background-color:#FFFAF5" class="pt-[40px] pb-[40px] desktop:px-[0px] scroll-mt-[100px]">
        <div class="desktop:max-w-[960px] mx-auto">
            <div class="flex flex-col gap-[4px] px-[16px] desktop:px-0 desktop:gap-[8px] mb-[24px] desktop:mb-[32px]">
                <p
                    class="text-[20px] desktop:text-[28px] leading-[24px] desktop:leading-[32px] font-bold text-content-1">
                    More Information</p>
            </div>
            <div
                class="desktop:flex desktop:flex-col desktop:items-center desktop:gap-[32px] mt-[24px] desktop:mt-[32px]">
                <div
                    class="mt-[24px] desktop:mt-0 px-[16px] desktop:px-0 desktop:gap-[32px] desktop:grid desktop:grid-cols-2">
                    <div style="border-color:#8F5A17"
                        class="h-fit bg-white border border-dashed rounded-[8px] desktop:rounded-[16px] overflow-hidden">
                        <div class="bg-white rounded-[8px] px-[16px] py-[12px] desktop:p-[24px]">
                            <div class="border-b border-categoryDivider">
                                <div class="pb-[8px] desktop:pb-[16px]">
                                    <p style="color:#8F5A17"
                                        class="font-bold text-[14px] leading-[20px] text-content-1 desktop:text-[18px] desktop:leading-[32px]">
                                        Full Ingredient List</p>
                                </div>
                            </div>
                            <div style="color:#8F5A17"
                                class="!font-sans text-[14px] leading-[20px] desktop:text-[16px] font-normal pt-[8px] desktop:pt-[16px] desktop:leading-[28px] px-0">
                                washed desi ghee, raw milk, flaxseed oil, carrot juice, amla juice, aloe vera
                                pulp, silymarine, shea, olive oil & cream, jasmine, rose, tea-tree oil, sesame
                                oil, moringa oil, kalonji oil, rice bran oil, argan oil, bakuchi oil, sunflower oil,
                                ashwagandha, daruharidra, nagakesar, lodhra, vacha, cinnamon, ginger, neem, sugar beet
                                derivative, geogard (ecocert), vitamin A, vitamin E, vitamin C, xanthan gum,
                                aqua.</div>
                        </div>
                    </div>
                    <div style="border-color:#8F5A17"
                        class="h-fit bg-white mt-[16px] desktop:mt-0 border border-dashed rounded-[8px] py-[12px] px-[16px] desktop:p-[24px] desktop:rounded-[16px]">
                        <div class="border-b border-categoryDivider">
                            <div class="pb-[8px] desktop:pb-[16px]">
                                <p style="color:#8F5A17"
                                    class="font-bold text-[14px] leading-[20px] text-content-1 desktop:text-[18px] desktop:leading-[32px]">
                                    Storage & Expiry</p>
                            </div>
                        </div>
                        <div
                            class="flex gap-[18px] items-center mt-[8px] desktop:mt-[16px] border-b border-categoryDivider border-dotted pb-[12px] last:border-0 last:pb-0">
                            <div class="w-[60px] desktop:w-[100px]">
                                <p style="color:#8F5A17"
                                    class="font-normal text-sm desktop:!text-[16px] desktop:!leading-[28px] ">Storage
                                </p>
                            </div>
                            <div class="flex-1">
                                <p
                                    class="Fw400Fs12HexA0A2A1 !text-content-3 desktop:!text-[16px] desktop:!leading-[28px]">
                                    Store airtight in a cool, dry place.</p>
                            </div>
                        </div>
                        <div
                            class="flex gap-[18px] items-center mt-[8px] desktop:mt-[16px] border-b border-categoryDivider border-dotted pb-[12px] last:border-0 last:pb-0">
                            <div class="w-[60px] desktop:w-[100px]">
                                <p style="color:#8F5A17"
                                    class="font-normal text-sm desktop:!text-[16px] desktop:!leading-[28px] ">Net Weight
                                </p>
                            </div>
                            <div class="flex-1">
                                <p
                                    class="Fw400Fs12HexA0A2A1 !text-content-3 desktop:!text-[16px] desktop:!leading-[28px]">
                                    30 g</p>
                            </div>
                        </div>
                        <div
                            class="flex gap-[18px] items-center mt-[8px] desktop:mt-[16px] border-b border-categoryDivider border-dotted pb-[12px] last:border-0 last:pb-0">
                            <div class="w-[60px] desktop:w-[100px]">
                                <p style="color:#8F5A17"
                                    class="font-normal text-sm desktop:!text-[16px] desktop:!leading-[28px] ">Expiry</p>
                            </div>
                            <div class="flex-1">
                                <p
                                    class="Fw400Fs12HexA0A2A1 !text-content-3 desktop:!text-[16px] desktop:!leading-[28px]">
                                    Use within 3 months of Mfg. date.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Instructions

Heyy Guys 👋
Watch the video below to learn how to Import these Codes into your Shopify Ecommerce Store!

Complete Video Tutorial: