Happy 80th Independence Day 🇮🇳

contact

contact

Tags: Liquid Codes, contact · 09 Aug 2026

Page: Homepage

Snippet Code

<style>
    .page-width {
        max-width: 1500px;
        margin: 0 auto;
    }

    .custom-content {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        width: auto;
        margin-bottom: -22px;
        margin-left: -22px;
    }

    .align--center {
        align-self: center;
        text-align: center;
    }

    .custom__item {
        flex: 0 0 auto;
        margin-bottom: 22px;
        padding-left: 22px;
        max-width: 100%;
    }

    .one-half {
        width: 50%;
    }

    .custom__item-inner {
        position: relative;
        display: inline-block;
        text-align: left;
        max-width: 100%;
        width: 100%;
    }

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

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

    .store-address {
        text-align: center;
    }

    .store-address figure {
        margin: 0;
        padding: 0;
    }

    .store-address img {
        display: inline;
    }

    .rte img {
        height: auto;
    }

    .store-address h3 {
        margin: 0;
        padding: 0 0 10px;
        text-transform: uppercase;
        color: #d96d74;
        font-weight: 600;
        font-size: 25px;
        font-family: "Tenor Sans", sans-serif;
        letter-spacing: 0px;
        line-height: 1.8;
    }

    .store-address h4 {
        margin: 0;
        padding: 0 0 15px;
        text-transform: uppercase;
        letter-spacing: 4.32px;
        font-size: 14.4px;
    }

    .store-address p {
        margin: 0 0 15px;
    }

    .store-address ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        text-rendering: optimizeLegibility;
    }

    .store-address ul li {
        width: 33.3%;
    }

    .rte li {
        margin-bottom: 0;
    }

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

    .store-address .address-box {
        background: #fff5e8;
        margin-top: 50px;
        padding: 30px 20px;
        position: relative;
    }

    .store-address .address-box .top-img {
        position: absolute;
        left: 0;
        right: 0;
        top: -31px;
    }

    .store-address .address-box p {
        margin: 0;
        padding-bottom: 10px;
    }

    .rte a:not(.rte__image):not(.btn):not(.spr-summary-actions-newreview) {
        text-decoration: none;
        border-bottom: 1px solid;
        border-bottom-color: #494b4d26;
        display: inline-block;
    }

    .store-address .address-box a {
        position: absolute !important;
        left: 0;
        right: 0;
        border: 0;
        bottom: -11px;
        background: #d97676;
        width: fit-content;
        margin: 0 auto;
        padding: 0 15px;
        color: #fff;
    }

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

    .custom__item-inner--image {
        width: 100%;
    }

    .image-wrap {
        background: #ffffff;
        overflow: hidden;
    }

    .aos-animate .image-wrap .lazyloaded:not([role=presentation]) {
        animation: fade-in 1s cubic-bezier(.26, .54, .32, 1) 0s forwards;
    }

    .image-wrap img:not([role=presentation]) {
        display: block;
    }

    img[data-sizes=auto] {
        width: 100%;
    }

    .lazyloaded {
        transition: opacity .4s ease;
    }

    @media only screen and (min-width: 769px) {
        .index-section {
            margin: 40px 0;
        }

        .page-width {
            padding: 0 40px;
        }

        .rte p {
            margin-bottom: 25px;
        }
    }

    @media only screen and (max-width: 768px) {
        .index-section {
            margin: 20px 0;
        }

        .custom-content {
            margin-bottom: -17px;
            margin-left: -17px;
        }

        .custom__item {
            flex: 0 0 auto;
            padding-left: 17px;
            margin-bottom: 17px;
        }

        .small--one-whole {
            width: 100%;
        }
    }
</style>

<div id="shopify-section-template--18796153700418__3d632efe-d1c8-49f2-9d7b-1d4785c5955e" class="shopify-section">
    <div class="index-section store-bg"
        style="padding-top: 20px; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px;">
        <div class="page-width">
            <div class="custom-content">
                <div class="custom__item small--one-whole one-half align--center">
                    <div class="custom__item-inner custom__item-inner--liquid">
                        <div class="rte">
                            <div class="store-address">
                                <figure>
                                    <img src="https://cdn.shopify.com/s/files/1/2542/7564/files/img-2.png?v=1693046456"
                                        alt="">
                                </figure>
                                <h3>Ambience Mall</h3>
                                <h4>Vasant Kunj, New Delhi</h4>
                                <p>Discover the harmonious celebration of traditions and modern aesthetics via our
                                    exquisite collections at Aachho's flagship store in Ambience Mall. </p>
                                <ul>
                                    <li>
                                        <figure>
                                            <img src="https://cdn.shopify.com/s/files/1/2542/7564/files/img-3.png?v=1693046456"
                                                alt="">
                                        </figure>
                                        <p>Open 7 Days a Week</p>
                                    </li>
                                    <li>
                                        <figure>
                                            <img src="https://cdn.shopify.com/s/files/1/2542/7564/files/img-4.png?v=1693046455"
                                                alt="">
                                        </figure>
                                        <p>10:30am to 9:00pm IST</p>
                                    </li>

                                </ul>
                                <div class="address-box">
                                    <figure class="top-img">
                                        <img src="https://cdn.shopify.com/s/files/1/2542/7564/files/img-6.png?v=1693046456"
                                            alt="">
                                    </figure>
                                    <p>S-210, 2nd Floor, Ambience Mall, Vasant Kunj, New Delhi - 110070</p>
                                    <p>
                                        <img src="https://cdn.shopify.com/s/files/1/2542/7564/files/img-7.png?v=1693046456"
                                            alt=""> +91-7300035341
                                    </p>
                                    <a href="https://www.google.com/maps/dir//Ambience+Mall,+Vasant+Kunj,+Delhi,+110070/@28.5411451,77.0729028,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x390d1f71027c3511:0x3252b3ed42778f2!2m2!1d77.1553042!2d28.54117?entry=ttu"
                                        target="_blank">Get Direction</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="custom__item small--one-whole one-half align--center">
                    <div class="custom__item-inner custom__item-inner--image">
                        <div class="aos-animate">
                            <div class="image-wrap" style="height: 0; padding-bottom: 76.58321060382916%;">
                                <img class="lazyautosizes lazyloaded" data-widths="[360, 540, 720, 900, 1080, 1600]"
                                    data-aspectratio="1.3057692307692308" data-sizes="auto" alt=""
                                    data-srcset="//www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_360x.jpg?v=1693041002 360w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_540x.jpg?v=1693041002 540w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_720x.jpg?v=1693041002 720w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_900x.jpg?v=1693041002 900w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_1080x.jpg?v=1693041002 1080w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_1600x.jpg?v=1693041002 1600w"
                                    sizes="699px"
                                    srcset="//www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_360x.jpg?v=1693041002 360w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_540x.jpg?v=1693041002 540w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_720x.jpg?v=1693041002 720w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_900x.jpg?v=1693041002 900w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_1080x.jpg?v=1693041002 1080w, //www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_1600x.jpg?v=1693041002 1600w">
                                <noscript>
                                    <img class="lazyloaded"
                                        src="//www.aachho.com/cdn/shop/files/img-1_b33a0978-40fe-404b-ac50-a7932a328cf4_400x.jpg?v=1693041002"
                                        alt="">
                                </noscript>
                            </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: