Skip to main content

(4)SARA IMAGE TEMPLATE


    <title>Kids Products</title>


    <style>

        /* Flexbox layout to display images horizontally */

        .mega-tab {

            padding: 20px; /* Adjust padding as needed */

        }


        .mega-widget {

            display: flex;

            flex-wrap: wrap; /* Allow items to wrap to the next row */

            list-style-type: none;

            padding: 0;

            margin: 0;

        }


        /* Style for individual item */

        .mega-item {

            flex: 1;

            margin-right: 10px;

            margin-bottom: 20px; /* Add bottom margin between items */

            max-width: 275px; /* Limit maximum width of each item */

        }


        /* Style for images */

        .post-thumb {

            max-width: 100%;

            height: auto; /* Allow images to adjust their height */

        }


        /* Style for titles */

        .post-title {

            margin-top: 10px;

            font-size: 16px;

        }


        /* Style for prices */

        .meta-price {

            font-weight: bold;

            color: green;

        }


        /* Style for discount */

        .product_off {

            display: inline-block;

            color: red;

            margin-left: 5px;

        }


        /* Style for "Buy Now" button */

        .mega-buy-now {

            display: block;

            background-color: #007bff;

            color: white;

            text-align: center;

            padding: 5px 10px;

            border-radius: 5px;

            text-decoration: none;

            margin-top: 10px;

        }

    </style>


<body>


    <div class='container'>

        <div class='mega-tab tab-animated tab-active tab-fadeInUp' tab-ify='kids'>

            <ul class='mega-widget'>


                <!-- First item -->

                <li class='mega-item'>

                    <div class='mega-content'>

                        <div class='post-image-wrap'>

                            <a class='post-image-link' href='https://freeapkdownload2024.blogspot.com/'>

                                <img alt='' class='post-thumb lazy-yard' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyErRDux4COdsIm_3WF6TglvDOaurrm5WNuJzyr40OFFPCa7HvHtzPG3iHuG9sg13GFRHhiOEkfO6r7eMD6_A5WN3tBIuZcc9UNQFCVHU2giHcGangAMiWoP7omKPT8KqiBNh4evw0WjY/w275-h308-p-k-no-nu/Kids+1.png'/>

                            </a>

                        </div>

                        <h2 class='post-title'>

                            <a href='https://sorashop-soratemplates.blogspot.com/2015/10/kids-white-t-shirt_12.html'>Kids White T-Shirt</a>

                        </h2>

                        <div class='post-meta'>

                            <span class='meta-price'>$45.00</span>

                            <span class='product_off show'>-20%</span>

                        </div>

                        <a class='mega-buy-now' href='https://sorashop-soratemplates.blogspot.com/2015/10/kids-white-t-shirt_12.html'>Buy Now</a>

                    </div>

                </li>


                <!-- Second item -->

                <li class='mega-item'>

                    <div class='mega-content'>

                        <div class='post-image-wrap'>

                            <a class='post-image-link' href='#'>

                                <img alt='' class='post-thumb lazy-yard' src='IMAGE_URL'/>

                            </a>

                        </div>

                        <h2 class='post-title'>

                            <a href='#'>Product Title 2</a>

                        </h2>

                        <div class='post-meta'>

                            <span class='meta-price'>$XX.XX</span>

                            <span class='product_off show'>-YY%</span>

                        </div>

                        <a class='mega-buy-now' href='#'>Buy Now</a>

                    </div>

                </li>


                <!-- Third item -->

                <li class='mega-item'>

                    <div class='mega-content'>

                        <div class='post-image-wrap'>

                            <a class='post-image-link' href='#'>

                                <img alt='' class='post-thumb lazy-yard' src='IMAGE_URL'/>

                            </a>

                        </div>

                        <h2 class='post-title'>

                            <a href='#'>Product Title 3</a>

                        </h2>

                        <div class='post-meta'>

                            <span class='meta-price'>$XX.XX</span>

                            <span class='product_off show'>-YY%</span>

                        </div>

                        <a class='mega-buy-now' href='#'>Buy Now</a>

                    </div>

                </li>


                <!-- Fourth item -->

                <li class='mega-item'>

                    <div class='mega-content'>

                        <div class='post-image-wrap'>

                            <a class='post-image-link' href='#'>

                                <img alt='' class='post-thumb lazy-yard' src='IMAGE_URL'/>

                            </a>

                        </div>

                        <h2 class='post-title'>

                            <a href='#'>Product Title 4</a>

                        </h2>

                        <div class='post-meta'>

                            <span class='meta-price'>$XX.XX</span>

                            <span class='product_off show'>-YY%</span>

                        </div>

                        <a class='mega-buy-now' href='#'>Buy Now</a>

                    </div>

                </li>


            </ul>

        </div>

    </div>


</body>



uper ke code ko sara (3)ke niche and  is code ke uper paste karna hai 



 <b:if cond='data:view.isHomepage'> 
<div class='services-wrapper'>
<div class='container row'>
Labels:

Comments

Post a Comment

Popular posts from this blog

ADD PRICE IN SARA PRODUCT SOLVED

 ₹0.00 bottle 1 ₹0.00art mein ek item hai, jiska naam hai "DISCOVER BEST BRAIN-BOOSTING MULTIVITAMINS: LATEST TOP RESEARCH". Is item ka price ₹0.00 hai, aur isme ek bottle shamil hai. Is item ko aapne ek baar add kiya hai, isliye total price bhi ₹0.00 dikha raha hai.ji per actual me ye product ka price 1200 hia jo ki cart me update nahi ho pa raha hai kaise karu thik se bataye meri bhasha me  mere cart product price add karne ka tarika bataye HTML ME PASTE KARE  <h2 class="premium multivitamins">            </h2>     <div class="mediculabs_product_item_price item_price show"><b>Price:</b><span class="mediculabs_product_price meta-price">65 INR./span&gt;</span></div>
Post a Comment
Read more

sara remove powered by blogger in footer

💀 no line 8460 <div class='copyright-area'>Created By <a href='http://soratemplates.com/' id='mycontent' rel='dofollow' title='SoraTemplates'>Blogger Theme</a> | Distributed By <a href='https://gooyaabitemplates.com/' rel='dofollow' style='color:#ff00ba;' target='_blank' title='Blogger Templates'>Blogger Templates</a> 💀remove attribute and add html gadget in layout  paste this code there to add ur site logo there <div id="dynamicContent">     <a id="dynamicLink" rel='nofollow'>         <img id="dynamicImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdU5mO3u-x3u1kxj0JaU7qzjSZjMB8osCaoPfwGlc2Kx4mjKw3FHkGCjXQs2QZjzujuwZcyPkJABjHi8H8565xjzGFdb5EiwVdRS5LptVvpBdiEHsEIdouU8ALls0t61Kl-FadOnZBN-EUgrS-DZeI-8CYvdpR7TOj0JcZn1guY7RWAHBxOLmtjHaphlYE/s16000-rw/crop%20logo%20image%20side%20bar.png" alt=...
Post a Comment
Read more

ai tool

 https://smodin.io/free-english-rewriter-and-spinner/ai-detection-remover ai detecter and removal https://originality.ai/blog/highlight-ai-text= for ai highlighter and affiliate marketing https://gptzero.me/  = ai writing detector and highlighter  https://www.zerogpt.com/           = ai content writer detector https://plagiarism-remover.com/humanize-ai-text/           = humanize writer
Post a Comment
Read more