SIS Sourcing International - Home<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/*\u57fa\u672c \u09b0\u09bf\u09b8\u09c7\u099f *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body, html {\r\n height: 100%;\r\n font-family: 'Inter', sans-serif;\r\n background-color: #000;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 HERO SECTION (BACKGROUND WITH 75% BLACK OVERLAY) \u2500\u2500 *\/\r\n .hero-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh; \/* \u09aa\u09c1\u09b0\u09cb \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09a8 \u099c\u09c1\u09dc\u09c7 \u09a5\u09be\u0995\u09ac\u09c7 *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n \/* \u098f\u0996\u09be\u09a8\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0987\u09ae\u09c7\u099c\u09c7\u09b0 \u09b2\u09bf\u0982\u0995\u099f\u09bf \u09ac\u09b8\u09be\u09ac\u09c7\u09a8 *\/\r\n background: url('https:\/\/sissourceint.net\/wp-content\/uploads\/2026\/06\/e8e48370-c3d5-4578-9d16-6303597e93c9.png') center center\/cover no-repeat;\r\n }\r\n\r\n \/* \u09ed\u09eb% \u09ac\u09cd\u09b2\u09cd\u09af\u09be\u0995 \u09b8\u09b2\u09bf\u09a1 \u0993\u09ad\u09be\u09b0\u09b2\u09c7 *\/\r\n .hero-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.75); \/* 75% Black Overlay *\/\r\n z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500 CONTENT AREA \u2500\u2500 *\/\r\n .hero-content {\r\n position: relative;\r\n z-index: 2; \/* \u0993\u09ad\u09be\u09b0\u09b2\u09c7\u09b0 \u0989\u09aa\u09b0\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #ffffff;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* \u0995\u09cb\u09ae\u09cd\u09aa\u09be\u09a8\u09bf \u09b2\u09cb\u0997\u09cb \u09b8\u09cd\u099f\u09be\u0987\u09b2 *\/\r\n .company-logo {\r\n width: 150px; \/* \u09b2\u09cb\u0997\u09cb \u09b8\u09be\u0987\u099c 50px *\/\r\n height: 50px;\r\n object-fit: contain;\r\n margin-bottom: 20px;\r\n \r\n \/* Bounce-in Animation *\/\r\n opacity: 0;\r\n animation: bounceIn 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) forwards;\r\n animation-delay: 0.2s;\r\n }\r\n\r\n \/* \u0995\u09cb\u09ae\u09cd\u09aa\u09be\u09a8\u09bf \u09a8\u09be\u09ae (\u09b8\u09be\u09a6\u09be \u09b0\u0999\u09c7\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f) *\/\r\n .company-title {\r\n font-size: 2.5rem;\r\n font-weight: 700; \/* Bold *\/\r\n letter-spacing: 1px;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n \r\n color: #ffffff !important; \/* \u098f\u0996\u09be\u09a8\u09c7 \u099f\u09c7\u0995\u09cd\u09b8\u099f\u09c7\u09b0 \u0995\u09be\u09b2\u09be\u09b0 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09b8\u09be\u09a6\u09be (White) \u0995\u09b0\u09c7 \u09a6\u09c7\u0993\u09df\u09be \u09b9\u09df\u09c7\u099b\u09c7 *\/\r\n \r\n \/* Fade-in Up Animation *\/\r\n opacity: 0;\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.8s;\r\n }\r\n\r\n \/* \u09b8\u09cd\u09b2\u09cb\u0997\u09be\u09a8 (Subtitle) *\/\r\n .company-subtitle {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.8) !important; \/* \u09b9\u09be\u09b2\u0995\u09be \u09b8\u09be\u09a6\u09be \u09ae\u09bf\u09b6\u09cd\u09b0\u09a3 *\/\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n \r\n \/* Fade-in Up Animation *\/\r\n opacity: 0;\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 1.3s;\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS KEYFRAMES \u2500\u2500 *\/\r\n \r\n \/* \u09b2\u09cb\u0997\u09cb\u09b0 \u099c\u09a8\u09cd\u09af Bounce In \u0987\u09ab\u09c7\u0995\u09cd\u099f *\/\r\n @keyframes bounceIn {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.3);\r\n }\r\n 50% {\r\n opacity: 0.9;\r\n transform: scale(1.1);\r\n }\r\n 70% {\r\n transform: scale(0.9);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n \/* \u09b2\u09c7\u0996\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09cd\u09ae\u09c1\u09a5 Fade-in Up \u0987\u09ab\u09c7\u0995\u09cd\u099f *\/\r\n @keyframes fadeInUp {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* \u09b0\u09c7\u09b8\u09aa\u09a8\u09b8\u09bf\u09ad (\u09ae\u09cb\u09ac\u09be\u0987\u09b2\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09a8 \u0985\u09cd\u09af\u09be\u09a1\u099c\u09be\u09b8\u09cd\u099f\u09ae\u09c7\u09a8\u09cd\u099f) *\/\r\n @media (max-width: 768px) {\r\n .company-title {\r\n font-size: 1.8rem;\r\n }\r\n .company-subtitle {\r\n font-size: 0.9rem;\r\n letter-spacing: 2px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"hero-container\">\r\n <div class=\"hero-content\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/sissourceint.net\/wp-content\/uploads\/2026\/05\/SIS-Sourceing-Int-scaled.png\" alt=\"SIS Sourcing International Logo\" class=\"company-logo\" \/>\r\n \r\n <h1 class=\"company-title\">SIS Sourcing International<\/h1>\r\n \r\n <p class=\"company-subtitle\">100% Apparel Solution<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c9cb15 e-con e-atomic-element e-flexbox-base e-5fa4bcc \" data-id=\"0c9cb15\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0c9cb15\">\n <section class=\"elementor-element elementor-element-47c5003 e-con e-atomic-element e-flexbox-base e-29bdf1b \" data-id=\"47c5003\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"47c5003\">\n \t\t<div class=\"elementor-element elementor-element-432e895 elementor-widget elementor-widget-html\" data-id=\"432e895\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sis-service-section\">\r\n <div class=\"service-wrapper\" id=\"serviceFolder\">\r\n \r\n <div class=\"moving-text-bg\"><\/div>\r\n \r\n <div class=\"folder-back\"><\/div>\r\n \r\n <ul class=\"service-list\">\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">1. Designing<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">2. Merchandising<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">3. QUALITY CONTROL<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">4. Production<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">5. Sample Making<\/a>\r\n <\/li>\r\n <\/ul>\r\n \r\n <div class=\"folder-front-glass\" id=\"folderGlassTrigger\">\r\n <h2 class=\"folder-title\">Our Services<\/h2>\r\n <span class=\"folder-hint\">Click to Open<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .sis-service-section {\r\n width: 100%;\r\n min-height: 650px; \/* \u09b2\u09bf\u09b8\u09cd\u099f \u09af\u09c7\u09a8 \u0995\u09c7\u099f\u09c7 \u09a8\u09be \u09af\u09be\u09df \u09a4\u09be\u0987 \u09b8\u09c7\u0995\u09b6\u09a8\u09c7\u09b0 \u09b9\u09be\u0987\u099f \u09ac\u09be\u09dc\u09be\u09a8\u09cb \u09b9\u09b2\u09cb *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end; \/* \u09ab\u09cb\u09b2\u09cd\u09a1\u09be\u09b0\u099f\u09bf\u0995\u09c7 \u098f\u0995\u099f\u09c1 \u09a8\u09bf\u099a\u09c7\u09b0 \u09a6\u09bf\u0995\u09c7 \u09aa\u09c1\u09b6 \u0995\u09b0\u09ac\u09c7 *\/\r\n padding-bottom: 120px; \/* \u09a8\u09bf\u099a \u09a5\u09c7\u0995\u09c7 \u09aa\u099c\u09bf\u09b6\u09a8 \u09ac\u09cd\u09af\u09be\u09b2\u09c7\u09a8\u09cd\u09b8 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af *\/\r\n position: relative;\r\n overflow: visible; \/* \u0995\u09cb\u09a8\u09cb\u0995\u09bf\u099b\u09c1\u0987 \u09af\u09c7\u09a8 \u0995\u09c7\u099f\u09c7 \u09a8\u09be \u09af\u09be\u09df *\/\r\n }\r\n\r\n \/* \u2500\u2500 SERVICE CONTAINER \u2500\u2500 *\/\r\n .service-wrapper {\r\n position: relative;\r\n width: 380px;\r\n height: 480px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n \/* \u2500\u2500 INFINITE MOVING TEXT BACKGROUND \u2500\u2500 *\/\r\n .moving-text-bg {\r\n position: absolute;\r\n top: -16.5%;\r\n left: %;\r\n width: 180%;\r\n height: 120%;\r\n background-image: url('https:\/\/sissourceint.net\/wp-content\/uploads\/2026\/06\/Services-1.png');\r\n background-repeat: repeat;\r\n background-size: 690px;\r\n opacity: 0.15;\r\n z-index: 0;\r\n pointer-events: none;\r\n animation: scrollUpText 25s linear infinite;\r\n }\r\n\r\n @keyframes scrollUpText {\r\n 0% { background-position: 0 0; }\r\n 100% { background-position: 0 -560px; }\r\n }\r\n\r\n \/* \u2500\u2500 BACK FOLDER BLOCK \u2500\u2500 *\/\r\n .folder-back {\r\n position: absolute;\r\n bottom: 40px;\r\n width: 320px;\r\n height: 190px;\r\n background: linear-gradient(135deg, #0088ff, #0055ff);\r\n border-radius: 24px;\r\n box-shadow: 0 10px 30px rgba(0, 85, 255, 0.3);\r\n z-index: 1;\r\n }\r\n\r\n .folder-back::before {\r\n content: '';\r\n position: absolute;\r\n top: -18px;\r\n left: 0;\r\n width: 120px;\r\n height: 40px;\r\n background: #0088ff;\r\n border-radius: 16px 16px 0 0;\r\n }\r\n\r\n \/* \u2500\u2500 LIST ITEMS \u2500\u2500 *\/\r\n .service-list {\r\n position: absolute;\r\n bottom: 60px;\r\n width: 280px;\r\n list-style: none;\r\n z-index: 2;\r\n padding: 0;\r\n margin: 0;\r\n transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n opacity: 0.7;\r\n transform: translateY(0) scale(0.95);\r\n pointer-events: none;\r\n }\r\n\r\n .service-item {\r\n display: block;\r\n text-decoration: none;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n padding: 12px 20px;\r\n margin-bottom: 8px;\r\n border-radius: 12px;\r\n color: #ffffff !important;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n \r\n opacity: 0;\r\n transform: translateY(30px) scale(1);\r\n transition: \r\n opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1),\r\n transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), \r\n background-color 0.3s ease,\r\n border-color 0.3s ease;\r\n }\r\n\r\n .service-item:hover {\r\n background: rgba(255, 255, 255, 0.22);\r\n border-color: rgba(255, 255, 255, 0.4);\r\n transform: translateY(-6px) scale(1.04) !important;\r\n box-shadow: 0 8px 25px rgba(0, 85, 255, 0.25);\r\n }\r\n\r\n \/* \u2500\u2500 FRONT GLASS PANEL \u2500\u2500 *\/\r\n .folder-front-glass {\r\n position: absolute;\r\n bottom: 20px;\r\n width: 340px;\r\n height: 210px;\r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%);\r\n border: 1px solid rgba(255, 255, 255, 0.25);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(25px) saturate(130%);\r\n -webkit-backdrop-filter: blur(25px) saturate(130%);\r\n border-radius: 24px;\r\n z-index: 3;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n box-shadow: \r\n 0 15px 35px rgba(0, 0, 0, 0.5),\r\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n .folder-title {\r\n color: #ffffff !important;\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin: 0;\r\n }\r\n\r\n .folder-hint {\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n font-size: 0.75rem;\r\n margin-top: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* \u2500\u2500 ACTIVE STATE \u2500\u2500 *\/\r\n .service-wrapper.active .service-list {\r\n opacity: 1;\r\n transform: translateY(-190px) scale(1); \/* \u09b2\u09bf\u09b8\u09cd\u099f \u09aa\u099c\u09bf\u09b6\u09a8 \u09aa\u09be\u09b0\u09ab\u09c7\u0995\u09cd\u099f \u0985\u09cd\u09af\u09be\u09a1\u099c\u09be\u09b8\u09cd\u099f \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 *\/\r\n pointer-events: auto;\r\n }\r\n\r\n .service-wrapper.active .folder-front-glass {\r\n transform: translateY(15px) rotateX(10deg);\r\n opacity: 0.4;\r\n }\r\n\r\n \/* Staggered Animation Opening *\/\r\n .service-wrapper.active .service-item {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .service-wrapper.active li:nth-child(1) .service-item { transition-delay: 0.05s; }\r\n .service-wrapper.active li:nth-child(2) .service-item { transition-delay: 0.1s; }\r\n .service-wrapper.active li:nth-child(3) .service-item { transition-delay: 0.15s; }\r\n .service-wrapper.active li:nth-child(4) .service-item { transition-delay: 0.2s; }\r\n .service-wrapper.active li:nth-child(5) .service-item { transition-delay: 0.25s; }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n const folder = document.getElementById('serviceFolder');\r\n const glassTrigger = document.getElementById('folderGlassTrigger');\r\n \r\n if(glassTrigger && folder) {\r\n glassTrigger.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n folder.classList.toggle('active');\r\n });\r\n }\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/section>\n<div class=\"elementor-element elementor-element-a592c09 e-con e-atomic-element e-flexbox-base e-2d68f6a \" data-id=\"a592c09\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a592c09\">\n \t\t<div class=\"elementor-element elementor-element-144ec41 elementor-widget elementor-widget-html\" data-id=\"144ec41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sis-product-section\">\r\n <div class=\"book-container\" id=\"productBook\">\r\n \r\n <div class=\"moving-products-bg\"><\/div>\r\n \r\n <div class=\"book-wrapper\">\r\n \r\n <div class=\"book-back-page\">\r\n <ul class=\"product-list\">\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">1. Men's Items<\/a><\/li>\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">2. Ladies Items<\/a><\/li>\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">3. Boy's Items<\/a><\/li>\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">4. Girl's Items<\/a><\/li>\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">5. Kid's Items<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"book-cover-glass\" id=\"bookCoverTrigger\">\r\n <div class=\"book-spine-line\"><\/div>\r\n <h2 class=\"book-title\">Our Products<\/h2>\r\n <span class=\"book-hint\">Click to Open<\/span>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .sis-product-section {\r\n width: 100%;\r\n min-height: 100px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 60px 0;\r\n position: relative;\r\n overflow: hidden;\r\n perspective: 1900px;\r\n }\r\n\r\n \/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n .book-container {\r\n position: relative;\r\n width: 400px;\r\n height: 450px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n \/* \u2500\u2500 INFINITE MOVING PRODUCTS BACKGROUND \u2500\u2500 *\/\r\n .moving-products-bg {\r\n position: absolute;\r\n top: -20%;\r\n left: -10%;\r\n width: 320%;\r\n height: 120%;\r\n background-image: url('https:\/\/sissourceint.net\/wp-content\/uploads\/2026\/06\/products.png');\r\n background-repeat: repeat;\r\n background-size: 560px;\r\n opacity: 0.15;\r\n z-index: 0;\r\n pointer-events: none;\r\n animation: scrollUpProducts 25s linear infinite;\r\n }\r\n\r\n @keyframes scrollUpProducts {\r\n 0% { background-position: 0 0; }\r\n 100% { background-position: 0 -560px; }\r\n }\r\n\r\n \/* \u2500\u2500 3D BOOK STRUCTURE \u2500\u2500 *\/\r\n .book-wrapper {\r\n position: relative;\r\n width: 300px;\r\n height: 420px;\r\n transform-style: preserve-3d;\r\n transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500 BACK PAGE (INNER BOOK PAGE) \u2500\u2500 *\/\r\n .book-back-page {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: #BBF527;\r\n border-radius: 4px 16px 16px 4px;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 25px 20px;\r\n }\r\n\r\n \/* \u2500\u2500 PRODUCT LIST INSIDE BOOK \u2500\u2500 *\/\r\n .product-list {\r\n width: 100%;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n \/* NEW APPLE GLASS EFFECT FOR LIST ITEMS *\/\r\n .product-item {\r\n display: block;\r\n text-decoration: none;\r\n \/* \u09a1\u09be\u09b0\u09cd\u0995 \u0997\u09cd\u09b2\u09be\u09b8 \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09af\u09be\u09a4\u09c7 \u09b2\u09be\u0987\u09ae \u0997\u09cd\u09b0\u09bf\u09a8\u09c7\u09b0 \u0993\u09aa\u09b0 \u09b2\u09c7\u0996\u09be \u09b8\u09cd\u09aa\u09b7\u09cd\u099f \u09aa\u09dc\u09be \u09af\u09be\u09df *\/\r\n background: rgba(0, 0, 0, 0.25); \r\n border: 1px solid rgba(0, 0, 0, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n \r\n padding: 12px 18px;\r\n margin-bottom: 12px;\r\n border-radius: 12px;\r\n color: #000000 !important; \/* \u09b2\u09be\u0987\u09ae \u0997\u09cd\u09b0\u09bf\u09a8 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1\u09c7 \u0995\u09be\u09b2\u09cb \u09b2\u09c7\u0996\u09be \u09b8\u09ac\u099a\u09c7\u09df\u09c7 \u09ab\u09c1\u099f\u09c7 \u0989\u09a0\u09ac\u09c7 *\/\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n \r\n \/* Initial Left Hidden State *\/\r\n opacity: 0;\r\n transform: translateX(-40px) scale(0.9);\r\n transition: \r\n opacity 0.4s ease,\r\n transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),\r\n background-color 0.3s ease,\r\n border-color 0.3s ease;\r\n }\r\n\r\n \/* HOVER WITH BOUNCE EFFECT *\/\r\n .product-item:hover {\r\n background: rgba(0, 0, 0, 0.4);\r\n border-color: rgba(0, 0, 0, 0.3);\r\n color: #ffffff !important; \/* \u09b9\u09cb\u09ad\u09be\u09b0 \u0995\u09b0\u09b2\u09c7 \u09b2\u09c7\u0996\u09be \u09b8\u09be\u09a6\u09be \u09b9\u09df\u09c7 \u09af\u09be\u09ac\u09c7 *\/\r\n transform: translateX(6px) scale(1.03) !important;\r\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* \u2500\u2500 FRONT COVER (APPLE GLASS) \u2500\u2500 *\/\r\n .book-cover-glass {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n \r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.04) 100%);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n backdrop-filter: blur(25px) saturate(120%);\r\n -webkit-backdrop-filter: blur(25px) saturate(120%);\r\n \r\n border-radius: 4px 16px 16px 4px;\r\n z-index: 2;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n box-shadow: inset -2px 0 10px rgba(255,255,255,0.2), 5px 10px 25px rgba(0,0,0,0.3);\r\n \r\n transform-origin: left center;\r\n transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n .book-spine-line {\r\n position: absolute;\r\n left: 8px;\r\n top: 0;\r\n width: 4px;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .book-title {\r\n color: #ffffff !important;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.4);\r\n margin: 0;\r\n }\r\n\r\n .book-hint {\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n font-size: 0.75rem;\r\n margin-top: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* \u2500\u2500 ACTIVE STATE \u2500\u2500 *\/\r\n .book-container.active .book-wrapper {\r\n transform: translateX(60px);\r\n }\r\n\r\n .book-container.active .book-cover-glass {\r\n transform: rotateY(-135deg);\r\n box-shadow: -10px 15px 25px rgba(0,0,0,0.3);\r\n }\r\n\r\n .book-container.active .product-item {\r\n opacity: 1;\r\n transform: translateX(0) scale(1);\r\n }\r\n\r\n \/* Staggered Delay *\/\r\n .book-container.active li:nth-child(1) .product-item { transition-delay: 0.2s; }\r\n .book-container.active li:nth-child(2) .product-item { transition-delay: 0.3s; }\r\n .book-container.active li:nth-child(3) .product-item { transition-delay: 0.4s; }\r\n .book-container.active li:nth-child(4) .product-item { transition-delay: 0.5s; }\r\n .book-container.active li:nth-child(5) .product-item { transition-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n const bookContainer = document.getElementById('productBook');\r\n const coverTrigger = document.getElementById('bookCoverTrigger');\r\n \r\n if(coverTrigger && bookContainer) {\r\n coverTrigger.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n bookContainer.classList.toggle('active');\r\n });\r\n }\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SIS Sourcing International – Home SIS Sourcing International 100% Apparel Solution 1. Designing 2. Merchandising 3. QUALITY CONTROL 4. Production 5. Sample Making Our Services Click to Open 1. Men’s Items 2. Ladies Items 3. Boy’s Items 4. Girl’s Items 5. Kid’s Items Our Products Click to Open<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sissourceint.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":28,"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/sissourceint.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SIS Sourcing International - Home<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n \/*\u57fa\u672c \u09b0\u09bf\u09b8\u09c7\u099f *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body, html {\r\n height: 100%;\r\n font-family: 'Inter', sans-serif;\r\n background-color: #000;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 HERO SECTION (BACKGROUND WITH 75% BLACK OVERLAY) \u2500\u2500 *\/\r\n .hero-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100vh; \/* \u09aa\u09c1\u09b0\u09cb \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09a8 \u099c\u09c1\u09dc\u09c7 \u09a5\u09be\u0995\u09ac\u09c7 *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n \/* \u098f\u0996\u09be\u09a8\u09c7 \u0986\u09aa\u09a8\u09be\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0987\u09ae\u09c7\u099c\u09c7\u09b0 \u09b2\u09bf\u0982\u0995\u099f\u09bf \u09ac\u09b8\u09be\u09ac\u09c7\u09a8 *\/\r\n background: url('https:\/\/sissourceint.net\/wp-content\/uploads\/2026\/06\/e8e48370-c3d5-4578-9d16-6303597e93c9.png') center center\/cover no-repeat;\r\n }\r\n\r\n \/* \u09ed\u09eb% \u09ac\u09cd\u09b2\u09cd\u09af\u09be\u0995 \u09b8\u09b2\u09bf\u09a1 \u0993\u09ad\u09be\u09b0\u09b2\u09c7 *\/\r\n .hero-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.75); \/* 75% Black Overlay *\/\r\n z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500 CONTENT AREA \u2500\u2500 *\/\r\n .hero-content {\r\n position: relative;\r\n z-index: 2; \/* \u0993\u09ad\u09be\u09b0\u09b2\u09c7\u09b0 \u0989\u09aa\u09b0\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n color: #ffffff;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* \u0995\u09cb\u09ae\u09cd\u09aa\u09be\u09a8\u09bf \u09b2\u09cb\u0997\u09cb \u09b8\u09cd\u099f\u09be\u0987\u09b2 *\/\r\n .company-logo {\r\n width: 150px; \/* \u09b2\u09cb\u0997\u09cb \u09b8\u09be\u0987\u099c 50px *\/\r\n height: 50px;\r\n object-fit: contain;\r\n margin-bottom: 20px;\r\n \r\n \/* Bounce-in Animation *\/\r\n opacity: 0;\r\n animation: bounceIn 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) forwards;\r\n animation-delay: 0.2s;\r\n }\r\n\r\n \/* \u0995\u09cb\u09ae\u09cd\u09aa\u09be\u09a8\u09bf \u09a8\u09be\u09ae (\u09b8\u09be\u09a6\u09be \u09b0\u0999\u09c7\u09b0 \u099f\u09c7\u0995\u09cd\u09b8\u099f) *\/\r\n .company-title {\r\n font-size: 2.5rem;\r\n font-weight: 700; \/* Bold *\/\r\n letter-spacing: 1px;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n \r\n color: #ffffff !important; \/* \u098f\u0996\u09be\u09a8\u09c7 \u099f\u09c7\u0995\u09cd\u09b8\u099f\u09c7\u09b0 \u0995\u09be\u09b2\u09be\u09b0 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09b8\u09be\u09a6\u09be (White) \u0995\u09b0\u09c7 \u09a6\u09c7\u0993\u09df\u09be \u09b9\u09df\u09c7\u099b\u09c7 *\/\r\n \r\n \/* Fade-in Up Animation *\/\r\n opacity: 0;\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.8s;\r\n }\r\n\r\n \/* \u09b8\u09cd\u09b2\u09cb\u0997\u09be\u09a8 (Subtitle) *\/\r\n .company-subtitle {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.8) !important; \/* \u09b9\u09be\u09b2\u0995\u09be \u09b8\u09be\u09a6\u09be \u09ae\u09bf\u09b6\u09cd\u09b0\u09a3 *\/\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n \r\n \/* Fade-in Up Animation *\/\r\n opacity: 0;\r\n animation: fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 1.3s;\r\n }\r\n\r\n \/* \u2500\u2500 ANIMATIONS KEYFRAMES \u2500\u2500 *\/\r\n \r\n \/* \u09b2\u09cb\u0997\u09cb\u09b0 \u099c\u09a8\u09cd\u09af Bounce In \u0987\u09ab\u09c7\u0995\u09cd\u099f *\/\r\n @keyframes bounceIn {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.3);\r\n }\r\n 50% {\r\n opacity: 0.9;\r\n transform: scale(1.1);\r\n }\r\n 70% {\r\n transform: scale(0.9);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n \/* \u09b2\u09c7\u0996\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09cd\u09ae\u09c1\u09a5 Fade-in Up \u0987\u09ab\u09c7\u0995\u09cd\u099f *\/\r\n @keyframes fadeInUp {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* \u09b0\u09c7\u09b8\u09aa\u09a8\u09b8\u09bf\u09ad (\u09ae\u09cb\u09ac\u09be\u0987\u09b2\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09a8 \u0985\u09cd\u09af\u09be\u09a1\u099c\u09be\u09b8\u09cd\u099f\u09ae\u09c7\u09a8\u09cd\u099f) *\/\r\n @media (max-width: 768px) {\r\n .company-title {\r\n font-size: 1.8rem;\r\n }\r\n .company-subtitle {\r\n font-size: 0.9rem;\r\n letter-spacing: 2px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"hero-container\">\r\n <div class=\"hero-content\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/sissourceint.net\/wp-content\/uploads\/2026\/05\/SIS-Sourceing-Int-scaled.png\" alt=\"SIS Sourcing International Logo\" class=\"company-logo\" \/>\r\n \r\n <h1 class=\"company-title\">SIS Sourcing International<\/h1>\r\n \r\n <p class=\"company-subtitle\">100% Apparel Solution<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c9cb15 e-con e-atomic-element e-flexbox-base e-5fa4bcc \" data-id=\"0c9cb15\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0c9cb15\">\n <section class=\"elementor-element elementor-element-47c5003 e-con e-atomic-element e-flexbox-base e-29bdf1b \" data-id=\"47c5003\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"47c5003\">\n \t\t<div class=\"elementor-element elementor-element-432e895 elementor-widget elementor-widget-html\" data-id=\"432e895\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sis-service-section\">\r\n <div class=\"service-wrapper\" id=\"serviceFolder\">\r\n \r\n <div class=\"moving-text-bg\"><\/div>\r\n \r\n <div class=\"folder-back\"><\/div>\r\n \r\n <ul class=\"service-list\">\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">1. Designing<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">2. Merchandising<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">3. QUALITY CONTROL<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">4. Production<\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"YOUR_PAGE_LINK_HERE\" class=\"service-item\">5. Sample Making<\/a>\r\n <\/li>\r\n <\/ul>\r\n \r\n <div class=\"folder-front-glass\" id=\"folderGlassTrigger\">\r\n <h2 class=\"folder-title\">Our Services<\/h2>\r\n <span class=\"folder-hint\">Click to Open<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .sis-service-section {\r\n width: 100%;\r\n min-height: 650px; \/* \u09b2\u09bf\u09b8\u09cd\u099f \u09af\u09c7\u09a8 \u0995\u09c7\u099f\u09c7 \u09a8\u09be \u09af\u09be\u09df \u09a4\u09be\u0987 \u09b8\u09c7\u0995\u09b6\u09a8\u09c7\u09b0 \u09b9\u09be\u0987\u099f \u09ac\u09be\u09dc\u09be\u09a8\u09cb \u09b9\u09b2\u09cb *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end; \/* \u09ab\u09cb\u09b2\u09cd\u09a1\u09be\u09b0\u099f\u09bf\u0995\u09c7 \u098f\u0995\u099f\u09c1 \u09a8\u09bf\u099a\u09c7\u09b0 \u09a6\u09bf\u0995\u09c7 \u09aa\u09c1\u09b6 \u0995\u09b0\u09ac\u09c7 *\/\r\n padding-bottom: 120px; \/* \u09a8\u09bf\u099a \u09a5\u09c7\u0995\u09c7 \u09aa\u099c\u09bf\u09b6\u09a8 \u09ac\u09cd\u09af\u09be\u09b2\u09c7\u09a8\u09cd\u09b8 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af *\/\r\n position: relative;\r\n overflow: visible; \/* \u0995\u09cb\u09a8\u09cb\u0995\u09bf\u099b\u09c1\u0987 \u09af\u09c7\u09a8 \u0995\u09c7\u099f\u09c7 \u09a8\u09be \u09af\u09be\u09df *\/\r\n }\r\n\r\n \/* \u2500\u2500 SERVICE CONTAINER \u2500\u2500 *\/\r\n .service-wrapper {\r\n position: relative;\r\n width: 380px;\r\n height: 480px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n \/* \u2500\u2500 INFINITE MOVING TEXT BACKGROUND \u2500\u2500 *\/\r\n .moving-text-bg {\r\n position: absolute;\r\n top: -16.5%;\r\n left: %;\r\n width: 180%;\r\n height: 120%;\r\n background-image: url('https:\/\/sissourceint.net\/wp-content\/uploads\/2026\/06\/Services-1.png');\r\n background-repeat: repeat;\r\n background-size: 690px;\r\n opacity: 0.15;\r\n z-index: 0;\r\n pointer-events: none;\r\n animation: scrollUpText 25s linear infinite;\r\n }\r\n\r\n @keyframes scrollUpText {\r\n 0% { background-position: 0 0; }\r\n 100% { background-position: 0 -560px; }\r\n }\r\n\r\n \/* \u2500\u2500 BACK FOLDER BLOCK \u2500\u2500 *\/\r\n .folder-back {\r\n position: absolute;\r\n bottom: 40px;\r\n width: 320px;\r\n height: 190px;\r\n background: linear-gradient(135deg, #0088ff, #0055ff);\r\n border-radius: 24px;\r\n box-shadow: 0 10px 30px rgba(0, 85, 255, 0.3);\r\n z-index: 1;\r\n }\r\n\r\n .folder-back::before {\r\n content: '';\r\n position: absolute;\r\n top: -18px;\r\n left: 0;\r\n width: 120px;\r\n height: 40px;\r\n background: #0088ff;\r\n border-radius: 16px 16px 0 0;\r\n }\r\n\r\n \/* \u2500\u2500 LIST ITEMS \u2500\u2500 *\/\r\n .service-list {\r\n position: absolute;\r\n bottom: 60px;\r\n width: 280px;\r\n list-style: none;\r\n z-index: 2;\r\n padding: 0;\r\n margin: 0;\r\n transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n opacity: 0.7;\r\n transform: translateY(0) scale(0.95);\r\n pointer-events: none;\r\n }\r\n\r\n .service-item {\r\n display: block;\r\n text-decoration: none;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n padding: 12px 20px;\r\n margin-bottom: 8px;\r\n border-radius: 12px;\r\n color: #ffffff !important;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n \r\n opacity: 0;\r\n transform: translateY(30px) scale(1);\r\n transition: \r\n opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1),\r\n transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), \r\n background-color 0.3s ease,\r\n border-color 0.3s ease;\r\n }\r\n\r\n .service-item:hover {\r\n background: rgba(255, 255, 255, 0.22);\r\n border-color: rgba(255, 255, 255, 0.4);\r\n transform: translateY(-6px) scale(1.04) !important;\r\n box-shadow: 0 8px 25px rgba(0, 85, 255, 0.25);\r\n }\r\n\r\n \/* \u2500\u2500 FRONT GLASS PANEL \u2500\u2500 *\/\r\n .folder-front-glass {\r\n position: absolute;\r\n bottom: 20px;\r\n width: 340px;\r\n height: 210px;\r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 100%);\r\n border: 1px solid rgba(255, 255, 255, 0.25);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(25px) saturate(130%);\r\n -webkit-backdrop-filter: blur(25px) saturate(130%);\r\n border-radius: 24px;\r\n z-index: 3;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n box-shadow: \r\n 0 15px 35px rgba(0, 0, 0, 0.5),\r\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\r\n transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n .folder-title {\r\n color: #ffffff !important;\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin: 0;\r\n }\r\n\r\n .folder-hint {\r\n color: rgba(255, 255, 255, 0.5) !important;\r\n font-size: 0.75rem;\r\n margin-top: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* \u2500\u2500 ACTIVE STATE \u2500\u2500 *\/\r\n .service-wrapper.active .service-list {\r\n opacity: 1;\r\n transform: translateY(-190px) scale(1); \/* \u09b2\u09bf\u09b8\u09cd\u099f \u09aa\u099c\u09bf\u09b6\u09a8 \u09aa\u09be\u09b0\u09ab\u09c7\u0995\u09cd\u099f \u0985\u09cd\u09af\u09be\u09a1\u099c\u09be\u09b8\u09cd\u099f \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7 *\/\r\n pointer-events: auto;\r\n }\r\n\r\n .service-wrapper.active .folder-front-glass {\r\n transform: translateY(15px) rotateX(10deg);\r\n opacity: 0.4;\r\n }\r\n\r\n \/* Staggered Animation Opening *\/\r\n .service-wrapper.active .service-item {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .service-wrapper.active li:nth-child(1) .service-item { transition-delay: 0.05s; }\r\n .service-wrapper.active li:nth-child(2) .service-item { transition-delay: 0.1s; }\r\n .service-wrapper.active li:nth-child(3) .service-item { transition-delay: 0.15s; }\r\n .service-wrapper.active li:nth-child(4) .service-item { transition-delay: 0.2s; }\r\n .service-wrapper.active li:nth-child(5) .service-item { transition-delay: 0.25s; }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n const folder = document.getElementById('serviceFolder');\r\n const glassTrigger = document.getElementById('folderGlassTrigger');\r\n \r\n if(glassTrigger && folder) {\r\n glassTrigger.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n folder.classList.toggle('active');\r\n });\r\n }\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/section>\n<div class=\"elementor-element elementor-element-a592c09 e-con e-atomic-element e-flexbox-base e-2d68f6a \" data-id=\"a592c09\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a592c09\">\n \t\t<div class=\"elementor-element elementor-element-144ec41 elementor-widget elementor-widget-html\" data-id=\"144ec41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sis-product-section\">\r\n <div class=\"book-container\" id=\"productBook\">\r\n \r\n <div class=\"moving-products-bg\"><\/div>\r\n \r\n <div class=\"book-wrapper\">\r\n \r\n <div class=\"book-back-page\">\r\n <ul class=\"product-list\">\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">1. Men's Items<\/a><\/li>\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">2. Ladies Items<\/a><\/li>\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">3. Boy's Items<\/a><\/li>\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">4. Girl's Items<\/a><\/li>\r\n <li><a href=\"YOUR_PAGE_LINK_HERE\" class=\"product-item\">5. Kid's Items<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"book-cover-glass\" id=\"bookCoverTrigger\">\r\n <div class=\"book-spine-line\"><\/div>\r\n <h2 class=\"book-title\">Our Products<\/h2>\r\n <span class=\"book-hint\">Click to Open<\/span>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n .sis-product-section {\r\n width: 100%;\r\n min-height: 100px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 60px 0;\r\n position: relative;\r\n overflow: hidden;\r\n perspective: 1900px;\r\n }\r\n\r\n \/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n .book-container {\r\n position: relative;\r\n width: 400px;\r\n height: 450px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n \/* \u2500\u2500 INFINITE MOVING PRODUCTS BACKGROUND \u2500\u2500 *\/\r\n .moving-products-bg {\r\n position: absolute;\r\n top: -20%;\r\n left: -10%;\r\n width: 320%;\r\n height: 120%;\r\n background-image: url('https:\/\/sissourceint.net\/wp-content\/uploads\/2026\/06\/products.png');\r\n background-repeat: repeat;\r\n background-size: 560px;\r\n opacity: 0.15;\r\n z-index: 0;\r\n pointer-events: none;\r\n animation: scrollUpProducts 25s linear infinite;\r\n }\r\n\r\n @keyframes scrollUpProducts {\r\n 0% { background-position: 0 0; }\r\n 100% { background-position: 0 -560px; }\r\n }\r\n\r\n \/* \u2500\u2500 3D BOOK STRUCTURE \u2500\u2500 *\/\r\n .book-wrapper {\r\n position: relative;\r\n width: 300px;\r\n height: 420px;\r\n transform-style: preserve-3d;\r\n transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n z-index: 1;\r\n }\r\n\r\n \/* \u2500\u2500 BACK PAGE (INNER BOOK PAGE) \u2500\u2500 *\/\r\n .book-back-page {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: #BBF527;\r\n border-radius: 4px 16px 16px 4px;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 25px 20px;\r\n }\r\n\r\n \/* \u2500\u2500 PRODUCT LIST INSIDE BOOK \u2500\u2500 *\/\r\n .product-list {\r\n width: 100%;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n \/* NEW APPLE GLASS EFFECT FOR LIST ITEMS *\/\r\n .product-item {\r\n display: block;\r\n text-decoration: none;\r\n \/* \u09a1\u09be\u09b0\u09cd\u0995 \u0997\u09cd\u09b2\u09be\u09b8 \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09af\u09be\u09a4\u09c7 \u09b2\u09be\u0987\u09ae \u0997\u09cd\u09b0\u09bf\u09a8\u09c7\u09b0 \u0993\u09aa\u09b0 \u09b2\u09c7\u0996\u09be \u09b8\u09cd\u09aa\u09b7\u09cd\u099f \u09aa\u09dc\u09be \u09af\u09be\u09df *\/\r\n background: rgba(0, 0, 0, 0.25); \r\n border: 1px solid rgba(0, 0, 0, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n \r\n padding: 12px 18px;\r\n margin-bottom: 12px;\r\n border-radius: 12px;\r\n color: #000000 !important; \/* \u09b2\u09be\u0987\u09ae \u0997\u09cd\u09b0\u09bf\u09a8 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1\u09c7 \u0995\u09be\u09b2\u09cb \u09b2\u09c7\u0996\u09be \u09b8\u09ac\u099a\u09c7\u09df\u09c7 \u09ab\u09c1\u099f\u09c7 \u0989\u09a0\u09ac\u09c7 *\/\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n \r\n \/* Initial Left Hidden State *\/\r\n opacity: 0;\r\n transform: translateX(-40px) scale(0.9);\r\n transition: \r\n opacity 0.4s ease,\r\n transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),\r\n background-color 0.3s ease,\r\n border-color 0.3s ease;\r\n }\r\n\r\n \/* HOVER WITH BOUNCE EFFECT *\/\r\n .product-item:hover {\r\n background: rgba(0, 0, 0, 0.4);\r\n border-color: rgba(0, 0, 0, 0.3);\r\n color: #ffffff !important; \/* \u09b9\u09cb\u09ad\u09be\u09b0 \u0995\u09b0\u09b2\u09c7 \u09b2\u09c7\u0996\u09be \u09b8\u09be\u09a6\u09be \u09b9\u09df\u09c7 \u09af\u09be\u09ac\u09c7 *\/\r\n transform: translateX(6px) scale(1.03) !important;\r\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* \u2500\u2500 FRONT COVER (APPLE GLASS) \u2500\u2500 *\/\r\n .book-cover-glass {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n \r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.04) 100%);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n backdrop-filter: blur(25px) saturate(120%);\r\n -webkit-backdrop-filter: blur(25px) saturate(120%);\r\n \r\n border-radius: 4px 16px 16px 4px;\r\n z-index: 2;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n box-shadow: inset -2px 0 10px rgba(255,255,255,0.2), 5px 10px 25px rgba(0,0,0,0.3);\r\n \r\n transform-origin: left center;\r\n transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n .book-spine-line {\r\n position: absolute;\r\n left: 8px;\r\n top: 0;\r\n width: 4px;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .book-title {\r\n color: #ffffff !important;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.4);\r\n margin: 0;\r\n }\r\n\r\n .book-hint {\r\n color: rgba(255, 255, 255, 0.6) !important;\r\n font-size: 0.75rem;\r\n margin-top: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* \u2500\u2500 ACTIVE STATE \u2500\u2500 *\/\r\n .book-container.active .book-wrapper {\r\n transform: translateX(60px);\r\n }\r\n\r\n .book-container.active .book-cover-glass {\r\n transform: rotateY(-135deg);\r\n box-shadow: -10px 15px 25px rgba(0,0,0,0.3);\r\n }\r\n\r\n .book-container.active .product-item {\r\n opacity: 1;\r\n transform: translateX(0) scale(1);\r\n }\r\n\r\n \/* Staggered Delay *\/\r\n .book-container.active li:nth-child(1) .product-item { transition-delay: 0.2s; }\r\n .book-container.active li:nth-child(2) .product-item { transition-delay: 0.3s; }\r\n .book-container.active li:nth-child(3) .product-item { transition-delay: 0.4s; }\r\n .book-container.active li:nth-child(4) .product-item { transition-delay: 0.5s; }\r\n .book-container.active li:nth-child(5) .product-item { transition-delay: 0.6s; }\r\n<\/style>\r\n\r\n<script>\r\n (function() {\r\n const bookContainer = document.getElementById('productBook');\r\n const coverTrigger = document.getElementById('bookCoverTrigger');\r\n \r\n if(coverTrigger && bookContainer) {\r\n coverTrigger.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n bookContainer.classList.toggle('active');\r\n });\r\n }\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SIS Sourcing International – Home SIS Sourcing International 100% Apparel Solution 1. Designing 2. Merchandising 3. QUALITY CONTROL 4. Production 5. Sample Making Our Services Click to Open 1. Men’s Items 2. Ladies Items 3. Boy’s Items 4. Girl’s Items 5. Kid’s Items Our Products Click to Open<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sissourceint.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":28,"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/sissourceint.net\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/sissourceint.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}