USP
Page: Homepage
Snippet Code
<style>
.homeService-wrapper {
padding-block: 32px;
}
.container-fluid {
--bs-gutter-x: 24px;
--bs-gutter-y: 0;
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto;
}
.main-service {
background-color: #1b5d31;
padding: 32px;
border-radius: 16px;
}
.row {
--bs-gutter-x: 24px;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: 0px;
margin-right: -12px;
margin-left: -12px;
}
.row>* {
max-width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-top: 0;
}
.service-wrap {
text-align: center;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
position: relative;
}
.service-image {
width: 60px;
height: 60px;
}
.service-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.service-title {
font-family: "Trajano Pro 3";
font-size: 20px;
font-weight: 300;
line-height: 28px;
width: 200px;
color: #fff;
text-wrap: balance;
overflow-wrap: break-word;
margin-top: 0;
margin-bottom: 8px;
}
.service-btn {
display: inline-block;
min-width: 200px;
padding: 8px 16px;
border: none;
background-color: transparent;
color: #fff;
position: relative;
text-decoration: none;
}
.service-border {
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
.service-border img {
width: 100%;
height: 100%;
object-fit: contain;
}
.main-service .service-wrap:after {
content: "";
position: absolute;
inset-block: 50%;
transform: translateY(-50%);
inset-inline-end: -40px;
background: url(https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Vector_2.png?v=1736488635) no-repeat center center;
background-size: contain;
width: 50px;
height: 50px;
}
.main-service .mobServiceSvg {
width: 100%;
text-align: center;
margin-block: 17.6px;
}
.d-block {
display: block !important;
}
.main-service .service-check:last-of-type .service-wrap:after {
background: none;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 768px) {
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.d-md-none {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.service-title {
font-size: 20px;
}
}
@media only screen and (max-width: 991px) {
.main-service .service-wrap:after {
background: none;
}
}
</style>
<div>
<div id="shopify-section-homeServices" class="shopify-section">
<div class="homeService-wrapper">
<div class="container-fluid">
<div class="main-service">
<div class="row">
<div class="col-12 col-md-3 service-check">
<div class="service-wrap">
<div class="service-image">
<img class="lazy-load" alt="Joy"
src="https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Group-1.png">
</div>
<h2 class="service-title">WE BRING THE STORE TO YOU</h2>
<a href="https://calendly.com/sundarisilks/30min" target="_blank" class="service-btn">
<span class="service-border">
<img class="lazy-load" alt="" aria-hidden="true"
src="https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Vector_1.png">
</span>
<span> Shop Virtual Shopping </span>
</a>
</div>
</div>
<div class="d-block d-md-none mobServiceSvg">
<svg width="126" height="24" viewBox="0 0 126 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M63.6403 9.72152C62.4364 9.72152 61.2326 10.6329 61.2326 11.8481C61.2326 13.0633 62.1355 13.9747 63.6403 13.9747C64.8441 13.9747 66.0479 13.0633 66.0479 11.8481C65.747 10.6329 64.8441 9.72152 63.6403 9.72152Z"
fill="#F58220"></path>
<path d="M74.7758 10.0253L75.6786 8.81013L74.1738 8.20253L72.97 9.72152L74.7758 10.0253Z"
fill="#F58220"></path>
<path d="M52.2038 13.9747L51 15.1899L52.8058 15.4937L54.0096 14.5823L52.2038 13.9747Z" fill="#F58220">
</path>
<path d="M72.3681 3.03797L70.8633 3.64557L70.5623 5.46835L72.0671 4.86076L72.3681 3.03797Z"
fill="#F58220"></path>
<path d="M54.3105 20.962L56.1163 20.3544L56.4173 18.8354L54.9125 19.1392L54.3105 20.962Z"
fill="#F58220"></path>
<path d="M67.2518 1.51899L66.6499 0L65.446 1.21519L66.0479 2.73418L67.2518 1.51899Z" fill="#F58220">
</path>
<path d="M59.7278 22.1772L60.3297 24L61.2326 22.7848L60.9316 21.2658L59.7278 22.1772Z" fill="#F58220">
</path>
<path d="M61.2326 1.21519L60.0288 0L59.7278 1.51899L60.9316 2.73418L61.2326 1.21519Z" fill="#F58220">
</path>
<path d="M65.446 22.7848L66.9508 24L67.2518 22.1772L66.0479 21.2658L65.446 22.7848Z" fill="#F58220">
</path>
<path d="M56.4173 5.16456L56.1163 3.64557L54.3105 3.34177L54.6115 4.86076L56.4173 5.16456Z"
fill="#F58220"></path>
<path d="M70.2614 18.8354L70.8633 20.3544L72.669 20.6582L72.0671 19.1392L70.2614 18.8354Z"
fill="#F58220"></path>
<path d="M54.0096 9.41772L52.5048 8.20253L51 8.81013L52.2038 10.0253L54.0096 9.41772Z" fill="#F58220">
</path>
<path d="M74.4748 13.9747L72.97 14.5823L74.1738 15.4937L75.9796 14.8861L74.4748 13.9747Z"
fill="#F58220"></path>
<path
d="M67.2518 11.8481V12.1519C74.7758 14.2785 75.0767 12.7595 75.0767 11.8481C75.0767 11.2405 74.7758 9.72152 67.2518 11.8481Z"
fill="#F58220"></path>
<path
d="M59.7278 12.1519V11.8481C52.2038 9.72152 51.9029 11.2405 51.9029 11.8481C51.9029 12.7595 52.2038 14.2785 59.7278 12.1519Z"
fill="#F58220"></path>
<path
d="M66.6499 10.0253L66.9508 10.3291C74.4748 8.50633 73.8729 6.98734 73.5719 6.37975C73.271 5.77215 72.0671 4.55696 66.6499 10.0253Z"
fill="#F58220"></path>
<path
d="M60.3297 13.9747L60.0288 13.6709C52.5048 15.4937 53.1067 17.0127 53.7086 17.6203C53.7086 18.2279 54.9125 19.443 60.3297 13.9747Z"
fill="#F58220"></path>
<path
d="M65.747 8.81013C71.4652 3.64557 69.9604 2.43038 69.3585 2.12658C68.7566 1.82278 66.9508 1.51899 65.1451 8.81013H65.747Z"
fill="#F58220"></path>
<path
d="M61.5336 14.8861C55.8153 20.0506 57.0192 21.2658 57.9221 21.5696C58.223 21.8734 60.0288 22.481 61.8345 15.1899L61.5336 14.8861Z"
fill="#F58220"></path>
<path
d="M63.3393 8.20253H63.9412C66.0479 1.21519 64.2422 0.911393 63.6403 0.911393C62.7374 0.911393 61.2326 1.21519 63.3393 8.20253Z"
fill="#F58220"></path>
<path
d="M63.9412 15.4937H63.3393C61.2326 22.7848 62.7374 23.0886 63.6403 23.0886C64.2422 23.0886 66.0479 22.7848 63.9412 15.4937Z"
fill="#F58220"></path>
<path
d="M61.5336 8.81013L61.8345 8.50633C60.0288 1.51899 58.223 1.82279 57.9221 2.43038C57.0192 2.73418 55.8153 3.64557 61.5336 8.81013Z"
fill="#F58220"></path>
<path
d="M65.747 14.8861L65.1451 15.1899C66.9508 22.481 68.7566 21.8734 69.3585 21.5696C69.9604 21.2658 71.1642 20.0506 65.747 14.8861Z"
fill="#F58220"></path>
<path
d="M60.0288 10.3291L60.3297 10.0253C54.9125 4.55696 53.7086 5.77215 53.7086 6.37975C53.1067 6.98734 52.5048 8.50633 60.0288 10.3291Z"
fill="#F58220"></path>
<path
d="M66.9508 13.6709L66.6499 13.9747C72.0671 19.443 73.271 18.2279 73.5719 17.6203C73.8729 17.0127 74.4748 15.4937 66.9508 13.6709Z"
fill="#F58220"></path>
<path d="M44.298 12.6396H1" stroke="#F58220" stroke-width="0.5" stroke-linecap="round"></path>
<path d="M125.066 12.6396H81.7676" stroke="#F58220" stroke-width="0.5" stroke-linecap="round"></path>
</svg>
</div>
<div class="col-12 col-md-3 service-check">
<div class="service-wrap">
<div class="service-image">
<img class="lazy-load" alt="gift"
src="https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Vector.png">
</div>
<h2 class="service-title">Gift of love, just a click away</h2>
<a href="/products/Sundari-Silks-Gift-Card" class="service-btn">
<span class="service-border">
<img class="lazy-load" alt="" aria-hidden="true"
src="https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Vector_1.png">
</span>
<span>E-Gift Card</span>
</a>
</div>
</div>
<div class="d-block d-md-none mobServiceSvg">
<svg width="126" height="24" viewBox="0 0 126 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M63.6403 9.72152C62.4364 9.72152 61.2326 10.6329 61.2326 11.8481C61.2326 13.0633 62.1355 13.9747 63.6403 13.9747C64.8441 13.9747 66.0479 13.0633 66.0479 11.8481C65.747 10.6329 64.8441 9.72152 63.6403 9.72152Z"
fill="#F58220"></path>
<path d="M74.7758 10.0253L75.6786 8.81013L74.1738 8.20253L72.97 9.72152L74.7758 10.0253Z"
fill="#F58220"></path>
<path d="M52.2038 13.9747L51 15.1899L52.8058 15.4937L54.0096 14.5823L52.2038 13.9747Z" fill="#F58220">
</path>
<path d="M72.3681 3.03797L70.8633 3.64557L70.5623 5.46835L72.0671 4.86076L72.3681 3.03797Z"
fill="#F58220"></path>
<path d="M54.3105 20.962L56.1163 20.3544L56.4173 18.8354L54.9125 19.1392L54.3105 20.962Z"
fill="#F58220"></path>
<path d="M67.2518 1.51899L66.6499 0L65.446 1.21519L66.0479 2.73418L67.2518 1.51899Z" fill="#F58220">
</path>
<path d="M59.7278 22.1772L60.3297 24L61.2326 22.7848L60.9316 21.2658L59.7278 22.1772Z" fill="#F58220">
</path>
<path d="M61.2326 1.21519L60.0288 0L59.7278 1.51899L60.9316 2.73418L61.2326 1.21519Z" fill="#F58220">
</path>
<path d="M65.446 22.7848L66.9508 24L67.2518 22.1772L66.0479 21.2658L65.446 22.7848Z" fill="#F58220">
</path>
<path d="M56.4173 5.16456L56.1163 3.64557L54.3105 3.34177L54.6115 4.86076L56.4173 5.16456Z"
fill="#F58220"></path>
<path d="M70.2614 18.8354L70.8633 20.3544L72.669 20.6582L72.0671 19.1392L70.2614 18.8354Z"
fill="#F58220"></path>
<path d="M54.0096 9.41772L52.5048 8.20253L51 8.81013L52.2038 10.0253L54.0096 9.41772Z" fill="#F58220">
</path>
<path d="M74.4748 13.9747L72.97 14.5823L74.1738 15.4937L75.9796 14.8861L74.4748 13.9747Z"
fill="#F58220"></path>
<path
d="M67.2518 11.8481V12.1519C74.7758 14.2785 75.0767 12.7595 75.0767 11.8481C75.0767 11.2405 74.7758 9.72152 67.2518 11.8481Z"
fill="#F58220"></path>
<path
d="M59.7278 12.1519V11.8481C52.2038 9.72152 51.9029 11.2405 51.9029 11.8481C51.9029 12.7595 52.2038 14.2785 59.7278 12.1519Z"
fill="#F58220"></path>
<path
d="M66.6499 10.0253L66.9508 10.3291C74.4748 8.50633 73.8729 6.98734 73.5719 6.37975C73.271 5.77215 72.0671 4.55696 66.6499 10.0253Z"
fill="#F58220"></path>
<path
d="M60.3297 13.9747L60.0288 13.6709C52.5048 15.4937 53.1067 17.0127 53.7086 17.6203C53.7086 18.2279 54.9125 19.443 60.3297 13.9747Z"
fill="#F58220"></path>
<path
d="M65.747 8.81013C71.4652 3.64557 69.9604 2.43038 69.3585 2.12658C68.7566 1.82278 66.9508 1.51899 65.1451 8.81013H65.747Z"
fill="#F58220"></path>
<path
d="M61.5336 14.8861C55.8153 20.0506 57.0192 21.2658 57.9221 21.5696C58.223 21.8734 60.0288 22.481 61.8345 15.1899L61.5336 14.8861Z"
fill="#F58220"></path>
<path
d="M63.3393 8.20253H63.9412C66.0479 1.21519 64.2422 0.911393 63.6403 0.911393C62.7374 0.911393 61.2326 1.21519 63.3393 8.20253Z"
fill="#F58220"></path>
<path
d="M63.9412 15.4937H63.3393C61.2326 22.7848 62.7374 23.0886 63.6403 23.0886C64.2422 23.0886 66.0479 22.7848 63.9412 15.4937Z"
fill="#F58220"></path>
<path
d="M61.5336 8.81013L61.8345 8.50633C60.0288 1.51899 58.223 1.82279 57.9221 2.43038C57.0192 2.73418 55.8153 3.64557 61.5336 8.81013Z"
fill="#F58220"></path>
<path
d="M65.747 14.8861L65.1451 15.1899C66.9508 22.481 68.7566 21.8734 69.3585 21.5696C69.9604 21.2658 71.1642 20.0506 65.747 14.8861Z"
fill="#F58220"></path>
<path
d="M60.0288 10.3291L60.3297 10.0253C54.9125 4.55696 53.7086 5.77215 53.7086 6.37975C53.1067 6.98734 52.5048 8.50633 60.0288 10.3291Z"
fill="#F58220"></path>
<path
d="M66.9508 13.6709L66.6499 13.9747C72.0671 19.443 73.271 18.2279 73.5719 17.6203C73.8729 17.0127 74.4748 15.4937 66.9508 13.6709Z"
fill="#F58220"></path>
<path d="M44.298 12.6396H1" stroke="#F58220" stroke-width="0.5" stroke-linecap="round"></path>
<path d="M125.066 12.6396H81.7676" stroke="#F58220" stroke-width="0.5" stroke-linecap="round"></path>
</svg>
</div>
<div class="col-12 col-md-3 service-check">
<div class="service-wrap">
<div class="service-image">
<img class="lazy-load" alt="www"
src="https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Vector-1.png">
</div>
<h2 class="service-title">Love delivered worldwide</h2>
<a href="/pages/shipping-policy" target="_blank" class="service-btn">
<span class="service-border">
<img class="lazy-load" alt="" aria-hidden="true"
src="https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Vector_1.png">
</span>
<span>World Wide Shipping</span>
</a>
</div>
</div>
<div class="d-block d-md-none mobServiceSvg">
<svg width="126" height="24" viewBox="0 0 126 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M63.6403 9.72152C62.4364 9.72152 61.2326 10.6329 61.2326 11.8481C61.2326 13.0633 62.1355 13.9747 63.6403 13.9747C64.8441 13.9747 66.0479 13.0633 66.0479 11.8481C65.747 10.6329 64.8441 9.72152 63.6403 9.72152Z"
fill="#F58220"></path>
<path d="M74.7758 10.0253L75.6786 8.81013L74.1738 8.20253L72.97 9.72152L74.7758 10.0253Z"
fill="#F58220"></path>
<path d="M52.2038 13.9747L51 15.1899L52.8058 15.4937L54.0096 14.5823L52.2038 13.9747Z" fill="#F58220">
</path>
<path d="M72.3681 3.03797L70.8633 3.64557L70.5623 5.46835L72.0671 4.86076L72.3681 3.03797Z"
fill="#F58220"></path>
<path d="M54.3105 20.962L56.1163 20.3544L56.4173 18.8354L54.9125 19.1392L54.3105 20.962Z"
fill="#F58220"></path>
<path d="M67.2518 1.51899L66.6499 0L65.446 1.21519L66.0479 2.73418L67.2518 1.51899Z" fill="#F58220">
</path>
<path d="M59.7278 22.1772L60.3297 24L61.2326 22.7848L60.9316 21.2658L59.7278 22.1772Z" fill="#F58220">
</path>
<path d="M61.2326 1.21519L60.0288 0L59.7278 1.51899L60.9316 2.73418L61.2326 1.21519Z" fill="#F58220">
</path>
<path d="M65.446 22.7848L66.9508 24L67.2518 22.1772L66.0479 21.2658L65.446 22.7848Z" fill="#F58220">
</path>
<path d="M56.4173 5.16456L56.1163 3.64557L54.3105 3.34177L54.6115 4.86076L56.4173 5.16456Z"
fill="#F58220"></path>
<path d="M70.2614 18.8354L70.8633 20.3544L72.669 20.6582L72.0671 19.1392L70.2614 18.8354Z"
fill="#F58220"></path>
<path d="M54.0096 9.41772L52.5048 8.20253L51 8.81013L52.2038 10.0253L54.0096 9.41772Z" fill="#F58220">
</path>
<path d="M74.4748 13.9747L72.97 14.5823L74.1738 15.4937L75.9796 14.8861L74.4748 13.9747Z"
fill="#F58220"></path>
<path
d="M67.2518 11.8481V12.1519C74.7758 14.2785 75.0767 12.7595 75.0767 11.8481C75.0767 11.2405 74.7758 9.72152 67.2518 11.8481Z"
fill="#F58220"></path>
<path
d="M59.7278 12.1519V11.8481C52.2038 9.72152 51.9029 11.2405 51.9029 11.8481C51.9029 12.7595 52.2038 14.2785 59.7278 12.1519Z"
fill="#F58220"></path>
<path
d="M66.6499 10.0253L66.9508 10.3291C74.4748 8.50633 73.8729 6.98734 73.5719 6.37975C73.271 5.77215 72.0671 4.55696 66.6499 10.0253Z"
fill="#F58220"></path>
<path
d="M60.3297 13.9747L60.0288 13.6709C52.5048 15.4937 53.1067 17.0127 53.7086 17.6203C53.7086 18.2279 54.9125 19.443 60.3297 13.9747Z"
fill="#F58220"></path>
<path
d="M65.747 8.81013C71.4652 3.64557 69.9604 2.43038 69.3585 2.12658C68.7566 1.82278 66.9508 1.51899 65.1451 8.81013H65.747Z"
fill="#F58220"></path>
<path
d="M61.5336 14.8861C55.8153 20.0506 57.0192 21.2658 57.9221 21.5696C58.223 21.8734 60.0288 22.481 61.8345 15.1899L61.5336 14.8861Z"
fill="#F58220"></path>
<path
d="M63.3393 8.20253H63.9412C66.0479 1.21519 64.2422 0.911393 63.6403 0.911393C62.7374 0.911393 61.2326 1.21519 63.3393 8.20253Z"
fill="#F58220"></path>
<path
d="M63.9412 15.4937H63.3393C61.2326 22.7848 62.7374 23.0886 63.6403 23.0886C64.2422 23.0886 66.0479 22.7848 63.9412 15.4937Z"
fill="#F58220"></path>
<path
d="M61.5336 8.81013L61.8345 8.50633C60.0288 1.51899 58.223 1.82279 57.9221 2.43038C57.0192 2.73418 55.8153 3.64557 61.5336 8.81013Z"
fill="#F58220"></path>
<path
d="M65.747 14.8861L65.1451 15.1899C66.9508 22.481 68.7566 21.8734 69.3585 21.5696C69.9604 21.2658 71.1642 20.0506 65.747 14.8861Z"
fill="#F58220"></path>
<path
d="M60.0288 10.3291L60.3297 10.0253C54.9125 4.55696 53.7086 5.77215 53.7086 6.37975C53.1067 6.98734 52.5048 8.50633 60.0288 10.3291Z"
fill="#F58220"></path>
<path
d="M66.9508 13.6709L66.6499 13.9747C72.0671 19.443 73.271 18.2279 73.5719 17.6203C73.8729 17.0127 74.4748 15.4937 66.9508 13.6709Z"
fill="#F58220"></path>
<path d="M44.298 12.6396H1" stroke="#F58220" stroke-width="0.5" stroke-linecap="round"></path>
<path d="M125.066 12.6396H81.7676" stroke="#F58220" stroke-width="0.5" stroke-linecap="round"></path>
</svg>
</div>
<div class="col-12 col-md-3 service-check">
<div class="service-wrap">
<div class="service-image">
<img class="lazy-load" alt="save"
src="https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Group.png">
</div>
<h2 class="service-title">Save a little, shop a lot</h2>
<a href="/pages/undermaintenance" target="_blank" class="service-btn">
<span class="service-border">
<img class="lazy-load" alt="" aria-hidden="true"
src="https://cdn.shopify.com/s/files/1/0640/5275/6558/files/Vector_1.png">
</span>
<span>Save & Buy</span>
</a>
</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!