Happy 80th Independence Day 🇮🇳

text and image

text and image

Tags: Liquid Codes, text and image · 08 Aug 2026

Page: About Us Page (Brand Story & Trust)

Snippet Code

<style>
  .shopify-section {
    color: #6c351f;
  }

  #shopify-section-template--28452673454161__our_journey_jfA8n9 .journey-craft-wrapper {
    margin-bottom: 50px;
  }

  .journey-craft-wrapper {
    /* background-color: #e7d4c5; */
    /* padding: 60px 40px; */
    font-family: 'Georgia', serif;
  }

  .journey-craft-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1600px;
    margin: auto;
    background-color: #FFF;
  }

  .journey-craft-text {
    flex: 1 1 50%;
    padding: 80px;
  }

  .journey-craft-text h2 {
    font-family: Cormorant Upright;
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    color: #6C351F;
    margin-bottom: 40px;
  }

  h2:first-child {
    margin-block-start: 0 !important;
  }

  .journey-craft-text p {
    font-family: Jost;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #6C351F;
    margin-top: 0px;
    margin-bottom: 40px;
  }

  .separator-section {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .scrolling-wrapper {
    display: flex;
    width: calc(200%);
    animation: scroll-left 20s linear infinite;
  }

  .journey-craft-image-columns {
    display: flex;
    flex: 1 1 42.5%;
    /* gap: 10px; */
    background-color: #FFF;
  }

  .image-column {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .image-item.c-1 img {
    margin-right: 5px;
    margin-bottom: 5px;
  }

  .image-item img {
    /* width: 100%; */
    height: auto;
    display: block;
    /* border-radius: 6px; */
    object-fit: cover;
  }

  .image-item.c-2 img {
    margin-right: 5px;
    margin-top: 5px;
  }

  .image-item.c-3 img {
    margin-left: 5px;
    margin-bottom: 5px;
  }

  .image-item.c-4 img {
    margin-left: 5px;
    margin-top: 5px;
  }

  @media screen and (min-width: 741px) {
    .hidden-tablet-and-up {
      display: none !important;
    }
  }

  @media screen and (max-width: 480px) {
    #shopify-section-template--28452673454161__our_journey_jfA8n9 .journey-craft-wrapper {
      margin-bottom: 0px;
    }

    .journey-craft-container {
      flex-direction: column-reverse;
    }

    .journey-craft-text {
      padding: 40px 20px;
    }

    .journey-craft-text p {
      font-size: 14px;
    }

    .journey-craft-image-columns {
      gap: 5px;
      flex-direction: row;
    }

    .image-column {
      width: 50%;
    }

    .image-item.c-1 img {
      margin-right: 0;
      margin-bottom: 2.5px;
    }

    .image-item.c-2 img {
      margin-right: 0;
      margin-top: 2.5px;
    }

    .image-item.c-3 img {
      margin-left: 0;
      margin-bottom: 2.5px;
    }

    .image-item.c-4 img {
      margin-left: 0;
      margin-top: 2.5px;
    }
  }

  @media screen and (max-width: 740px) {
    .hidden-phone {
      display: none !important;
    }
  }

  @media (max-width: 768px) {
    .image-column {
      flex-direction: row;
      flex-wrap: wrap;
    }
  }
</style>

<div id="shopify-section-template--28452673454161__our_journey_jfA8n9" class="shopify-section">
  <section class="journey-craft-wrapper">
    <div class="journey-craft-container">
      <!-- Left Side: Text -->
      <div class="journey-craft-text">
        <h2>Our Journey</h2>
        <p></p>
        <p>Starting with local saree sales in 2017, Vastranand quickly gained a reputation for lightweight, stylish
          designs and smart pricing. Within 6 months, we tripled our sales and expanded into a larger space, setting the
          pace for rapid growth. By 2018, we supplied local resellers and dealers across India’s textile hubs. In just
          two years, Vastranand scaled 5X, culminating in a significant breakthrough in 2019 by launching on India’s top
          fashion marketplaces including Myntra, Tata Cliq, Nykaa, and Ajio. This digital entry rocketed our sales 10X.
        </p>
        <p>Even during the challenging pandemic years, Vastranand defied industry trends with continuous scaling, thanks
          to the founders’ combined experience and a focus on unique, exclusive products and organic lead generation in
          India’s offline textile markets<br><br></p>
        <p></p>

        <h2>Craftsmanship At The Core</h2>
        <p></p>
        <p>Our sarees are more than fabric — they are stories crafted by skilled artisans and weavers from all across
          India. We honor and preserve their ancestral techniques, patience, and passion, blending age-old craftsmanship
          with modern aesthetics. Each saree carries the legacy of generations, made lightweight, shrink-resistant, and
          finished to perfection — all at an affordable price point.</p>
        <p><strong>Pioneering F2C: Factory to Customer Model </strong></p>
        <p>In 2024, Vastranand proudly became India’s first textile brand to fully embrace the F2C (Factory-to-Customer)
          model. We cut out middlemen and bring our products directly from factory floors to customers’ doorsteps.</p>
        <p>This approach means:</p>
        <ul>
          <li>Lower prices with no quality compromise</li>
          <li>Faster product launches and deliveries</li>
          <li>Complete control over fabric sourcing, weaving, printing, embroidery, and finishing under one roof.</li>
        </ul>
        <p></p>
      </div>

      <!-- Right Side: 4-Image Grid -->

      <div class="separator-section hidden-tablet-and-up" style="background-color: #ffffff;">
        <div class="scrolling-wrapper">
          <img class="hidden-phone" src="//www.vastranand.in/cdn/shop/files/Group_316125201.png?v=1750071735"
            alt="Section Separator Image">
          <img class="hidden-phone" src="//www.vastranand.in/cdn/shop/files/Group_316125201.png?v=1750071735"
            alt="Section Separator Image">
          <img class="hidden-tablet-and-up"
            src="https://cdn.shopify.com/s/files/1/0579/3975/5089/files/Patten_f7bbcabe-a47a-41e0-8f6f-1bfface28798.png?v=1751365426">
          <img class="hidden-tablet-and-up"
            src="https://cdn.shopify.com/s/files/1/0579/3975/5089/files/Patten_f7bbcabe-a47a-41e0-8f6f-1bfface28798.png?v=1751365426">
        </div>
      </div>

      <div class="journey-craft-image-columns">
        <div class="image-column">
          <div class="image-item c-1">
            <img src="//www.vastranand.in/cdn/shop/files/VASTRA-2.jpg?v=1764658305" alt="Image 1" loading="lazy">
          </div>
          <div class="image-item c-2">
            <img src="//www.vastranand.in/cdn/shop/files/VASTRA-3.jpg?v=1764658305&width=800" alt="Image 2"
              loading="lazy">
          </div>
        </div>

        <div class="image-column">
          <div class="image-item c-3">
            <img src="//www.vastranand.in/cdn/shop/files/VASTRA-11.jpg?v=1764658305&width=800" alt="Image 3"
              loading="lazy">
          </div>
          <div class="image-item c-4">
            <img src="//www.vastranand.in/cdn/shop/files/VASTRA-9.jpg?v=1764658305&width=800" alt="Image 4"
              loading="lazy">
          </div>
        </div>
      </div>

      <div class="separator-section hidden-tablet-and-up" style="background-color: #ffffff;">
        <div class="scrolling-wrapper">
          <img class="hidden-phone" src="//www.vastranand.in/cdn/shop/files/Group_316125201.png?v=1750071735"
            alt="Section Separator Image">
          <img class="hidden-phone" src="//www.vastranand.in/cdn/shop/files/Group_316125201.png?v=1750071735"
            alt="Section Separator Image">
          <img class="hidden-tablet-and-up"
            src="https://cdn.shopify.com/s/files/1/0579/3975/5089/files/Patten_f7bbcabe-a47a-41e0-8f6f-1bfface28798.png?v=1751365426">
          <img class="hidden-tablet-and-up"
            src="https://cdn.shopify.com/s/files/1/0579/3975/5089/files/Patten_f7bbcabe-a47a-41e0-8f6f-1bfface28798.png?v=1751365426">
        </div>
      </div>

    </div>
  </section>
</div>

Instructions

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

Complete Video Tutorial: