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

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

Add Code Box

  HTML CSS And Java Script  <style> .K2_CBox{position:relative;background:#fff;width:100%;border-radius:6px;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;padding:10px;margin:30px 0 30px} .K2_CBox .CB_Heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px} .K2_CBox .CB_Heading span{margin:0;font-weight:700;font-family:inherit;font-size:1.1rem} .K2_CBox .C_box_main{cursor:pointer;display:inline-flex;align-items:center;padding:12px;outline:0;border:0;border-radius:50%;background:#004cbd;transition:all .3s ease;-webkit-transition:all .3s ease}.K2_CBox .C_box_main:hover{opacity:.8}.K2_CBox .C_box_main .CBox_icn{flex-shrink:0;display:inline-block;width:18px;height:18px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-wi...
Post a Comment
Read more

create a list of 100 things someone may now know about SEO

  create a list of 100 things someone may now know abouT SEO stands for Search Engine Optimization. SEO is the process of optimizing a website to improve its visibility and ranking on search engines. Google is the most popular search engine, followed by Bing and Yahoo. SEO involves both on-page and off-page optimization techniques. On-page optimization includes optimizing the content and structure of a website. Off-page optimization includes building backlinks to a website. SEO requires constant monitoring and updating to maintain rankings. Keyword research is the foundation of SEO. Long-tail keywords are easier to rank for than short-tail keywords. Keyword stuffing is a black hat SEO technique that can get a website penalized. Meta tags are important for on-page optimization. Title tags and meta descriptions should be unique and relevant to the page. Header tags (H1, H2, H3) are important for on-page optimization. Content should be well-written and provide value to the reader. Dup...
Post a Comment
Read more