Happy 80th Independence Day 🇮🇳

text

text

Tags: Liquid Codes, text · 12 Aug 2026

Page: Product Pages (Optimized for Conversions)

Snippet Code

<style>
  .section-template--26565450268977__trio_showcase_EK9NDY-padding {
    background-color: #ffd2ea;
  }

  .section-overlay {
    position: relative;
    overflow: hidden;
  }

  .section-image-overlay {
    position: absolute;
    object-fit: contain;
    height: auto;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
  }

  .shape-bottom {
    bottom: -1px;
    transform: rotate(180deg);
  }

  .shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 1;
    pointer-events: none;
  }

  .shape svg {
    --_shape-width: var(--shape-width, 100%);
    display: block;
    width: calc(var(200%) + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .shape path {
    --_shape-color: #ffffff;
    fill: #ffffff;
  }

  #shopify-section-template--26565450268977__trio_showcase_EK9NDY .trio-showcase {
    --sh-colum-gap-m: 20px;
  }

  .trio-showcase {
    position: relative;
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }

  #shopify-section-template--26565450268977__trio_showcase_EK9NDY .title-wrapper {
    --sh-vertical_align: center;
  }

  .trio-showcase .title-wrapper.center {
    align-items: center;
  }

  .trio-showcase .title-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .title-wrapper {
    margin-top: 0;
  }

  .center {
    text-align: center;
  }

  .title:not(.notification .title):not(.cart-title .title):not(.main-list-collection-banner .title):not(.product-banner-slider__wrapper .title) {
    font-weight: 700;
  }

  .trio-showcase .title {
    letter-spacing: normal;
    color: #101010;
    font-family: Nunito, sans-serif;
    font-style: normal;
    line-height: 1.2;
    word-break: break-word;
  }

  .title-wrapper .title {
    margin: 0;
  }

  .trio-showcase .title-wrapper .description {
    line-height: 27px;
    font-weight: 400;
    letter-spacing: -.32px;
    max-width: 58%;
    width: 100%;
    color: #101010;
    font-size: 18px;
  }

  .title-wrapper .title+* {
    margin-top: 20px;
  }

  .rte>*:last-child {
    margin-bottom: 0;
  }

  .rte>*:first-child {
    margin-top: 0;
  }

  .rte:after {
    clear: both;
    content: "";
    display: block;
  }

  @media (prefers-reduced-motion: no-preference) {
    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-rotate-in {
      animation: slideRotateIn .6s cubic-bezier(0, 0, .3, 1) forwards;
      animation-delay: 75ms;
    }

    .scroll-trigger.animate--slide-rotate-in {
      transform-origin: center bottom;
    }

    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
      animation: slideIn .6s cubic-bezier(0, 0, .3, 1) forwards;
      animation-delay: 75ms;
    }
  }

  @media screen and (min-width: 750px) {
    .title-wrapper.center {
      margin-left: auto;
      margin-right: auto;
    }

    .trio-showcase .title {
      font-size: 35px;
    }
  }

  @media screen and (min-width: 990px) {
    .trio-showcase {
      flex-wrap: nowrap;
    }

    .trio-showcase .title-wrapper {
      max-width: 50%;
    }
  }

  @media screen and (min-width: 1025px) {
    .section-template--26565450268977__trio_showcase_EK9NDY-padding {
      padding-top: 50px;
      padding-bottom: 125px;
    }

    #shopify-section-template--26565450268977__trio_showcase_EK9NDY .section-overlay .section-image-overlay {
      width: 12%;
      top: 47%;
      left: 12%;
    }
  }

  @media screen and (min-width: 1200px) {
    #shopify-section-template--26565450268977__trio_showcase_EK9NDY .trio-showcase {
      --sh-colum-gap-d: 20px;
    }

    .trio-showcase {
      padding-right: 0;
      padding-left: 0;
      gap: 20px;
      max-width: 1440px;
    }
  }

  @media screen and (max-width: 749px) {
    #shopify-section-template--26565450268977__trio_showcase_EK9NDY {
      padding-top: 25px !important;
      background: #ffd2ea;
    }

    .section-template--26565450268977__trio_showcase_EK9NDY-padding {
      padding-top: 20px;
      padding-bottom: 50px;
    }
  }

  @media screen and (max-width: 1024px) {
    #shopify-section-template--26565450268977__trio_showcase_EK9NDY .section-overlay .section-image-overlay {
      width: 16%;
      top: 35%;
      left: 8%;
    }
  }

  @media screen and (max-width: 1199px) {
    .trio-showcase .title-wrapper .description {
      max-width: 80%;
    }
  }
</style>

<section id="shopify-section-template--26565450268977__trio_showcase_EK9NDY" class="shopify-section section">
  <link href="//stylobug.com/cdn/shop/t/66/assets/section-trio-showcase.css?v=32962118985055711481776954311"
    rel="stylesheet" type="text/css" media="all">
  <div class="section-template--26565450268977__trio_showcase_EK9NDY-padding color-bg-1 section-overlay">
    <img
      src="https://cdn.shopify.com/s/files/1/0743/8175/4566/files/ChatGPT_Image_May_20__2026__02_46_12_PM-removebg-preview.png?v=1779342902&width=188"
      alt="background shape" width="188" height="188" loading="lazy" sizes="(min-width: 1600px) 100vw,
  (min-width: 750px) calc(100vw - 130px), calc(100vw - 50px)" class="section-image-overlay">

    <link href="//stylobug.com/cdn/shop/t/66/assets/component-shape.css?v=23810612520659661211776954311"
      rel="stylesheet" type="text/css" media="all">
    <div class="shape shape-bottom">
      <svg style="--shape-width:200%" viewBox="0 0 1440 21.52" xmlns="http://www.w3.org/2000/svg">
        <path style="--shape-color: #ffffff;"
          d="M 839.677 20.485 C 706.918 13.4774 202.046 5.4938 0 20.485 V 0 H 1440 V 10 C 1350.85 27.9749 1038.33 30.9709 839.677 20.485 Z">
        </path>
      </svg>
    </div>

    <div class="trio-showcase" style="--tsh-content-width: 50%;">
      <div class="title-wrapper center">
        <h2 class="title inline-richtext h2 text-color-main scroll-trigger animate--slide-rotate-in">
          Made With Love for <span class="replace-color" style="color:#ff3aa3">Growing Little Ones</span>
        </h2>
        <div class="description rte text-body--large text-color-main scroll-trigger animate--slide-in">
          <p>Thoughtfully designed kidswear that feels soft, looks beautiful, and fits every special moment.</p>
        </div>
      </div>
    </div>
  </div>
</section>

Instructions

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

Complete Video Tutorial: