{"product_id":"4-port-usb-hub-usb-3-0-5gbps-2-in-1-connector-aluminium-hub5c-2in1","title":"4-Port USB Hub with 2-in-1 USB-A \u0026 USB-C Connector | USB 3.0 5Gbps + 3× USB 2.0 | 10× Faster | Ultra-Slim Aluminium | Plug \u0026 Play | 0.2m Cable | Grey | HUB5C-2IN1","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Ultra Fast USB Hub with 4 ports. USB 3.0 5Gbps + 3x USB 2.0. 2-in-1 USB-A \u0026amp; USB-C connectors. Ultra-slim aluminium case. Plug and play. 10x faster than USB 2.0.\"\u003e\n    \u003ctitle\u003e4-Port USB Hub | USB 3.0 5Gbps | 2-in-1 USB-A \u0026amp; USB-C | Aluminium\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background: #ffffff;\n            min-height: 100vh;\n        }\n\n        .product-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* Hero Section - Tech Slate\/Grey Theme *\/\n        .hero-section {\n            background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);\n            border-radius: 32px;\n            padding: 55px 45px;\n            margin-bottom: 26px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            border: 1px solid #cbd5e1;\n        }\n\n        .hero-section::before {\n            content: '';\n            position: absolute;\n            top: -100px;\n            right: -100px;\n            width: 350px;\n            height: 350px;\n            background: radial-gradient(circle, rgba(71,85,105,0.08) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        .hero-section::after {\n            content: '';\n            position: absolute;\n            bottom: -100px;\n            left: -100px;\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(51,65,85,0.06) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background: linear-gradient(135deg, #475569, #334155);\n            color: #fff;\n            padding: 10px 26px;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 11px;\n            margin-bottom: 22px;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            position: relative;\n            z-index: 1;\n            box-shadow: 0 4px 20px rgba(71,85,105,0.4);\n        }\n\n        .hero-title {\n            color: #0f172a;\n            font-size: clamp(26px, 5vw, 42px);\n            font-weight: 800;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n            line-height: 1.15;\n            letter-spacing: -0.5px;\n        }\n\n        .hero-title span {\n            background: linear-gradient(135deg, #475569, #334155);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .hero-tagline {\n            color: #64748b;\n            font-size: 16px;\n            margin-bottom: 35px;\n            position: relative;\n            z-index: 1;\n            font-weight: 400;\n        }\n\n        .hero-features {\n            display: flex;\n            justify-content: center;\n            gap: 14px;\n            flex-wrap: wrap;\n            position: relative;\n            z-index: 1;\n        }\n\n        .hero-feature {\n            background: #fff;\n            border: 2px solid #cbd5e1;\n            border-radius: 18px;\n            padding: 18px 24px;\n            text-align: center;\n            min-width: 115px;\n            box-shadow: 0 4px 15px rgba(71,85,105,0.08);\n            transition: all 0.3s ease;\n        }\n\n        .hero-feature:hover {\n            border-color: #475569;\n            transform: translateY(-4px);\n            box-shadow: 0 8px 25px rgba(71,85,105,0.15);\n        }\n\n        .hero-feature-value {\n            font-size: 22px;\n            font-weight: 800;\n            color: #0f172a;\n            line-height: 1;\n            margin-bottom: 5px;\n        }\n\n        .hero-feature-value.gradient {\n            background: linear-gradient(135deg, #475569, #334155);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .hero-feature-label {\n            font-size: 10px;\n            color: #64748b;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        \/* Speed Banner *\/\n        .speed-banner {\n            background: linear-gradient(135deg, #0284c7, #0ea5e9);\n            border-radius: 20px;\n            padding: 22px 35px;\n            margin-bottom: 26px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 25px;\n            box-shadow: 0 10px 35px rgba(2,132,199,0.35);\n        }\n\n        .speed-badge {\n            background: #fff;\n            color: #0284c7;\n            padding: 12px 25px;\n            border-radius: 14px;\n            font-weight: 800;\n            font-size: 22px;\n        }\n\n        .speed-text {\n            color: #fff;\n        }\n\n        .speed-text h3 {\n            font-size: 18px;\n            font-weight: 700;\n            margin-bottom: 3px;\n        }\n\n        .speed-text p {\n            font-size: 13px;\n            opacity: 0.9;\n        }\n\n        \/* 2-in-1 Connector Section *\/\n        .connector-section {\n            background: linear-gradient(135deg, #334155 0%, #475569 50%, #64748b 100%);\n            border-radius: 26px;\n            padding: 45px;\n            margin-bottom: 26px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 15px 50px rgba(51,65,85,0.35);\n        }\n\n        .connector-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\n            pointer-events: none;\n        }\n\n        .connector-header {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        .connector-header h2 {\n            color: #fff;\n            font-size: 26px;\n            font-weight: 800;\n            margin-bottom: 10px;\n        }\n\n        .connector-header p {\n            color: rgba(255,255,255,0.8);\n            font-size: 14px;\n        }\n\n        .connector-grid {\n            display: grid;\n            grid-template-columns: 1fr auto 1fr;\n            gap: 25px;\n            align-items: center;\n        }\n\n        .connector-card {\n            background: rgba(255,255,255,0.1);\n            border: 2px solid rgba(255,255,255,0.2);\n            border-radius: 20px;\n            padding: 30px 25px;\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n\n        .connector-card:hover {\n            background: rgba(255,255,255,0.15);\n            transform: translateY(-4px);\n        }\n\n        .connector-icon {\n            font-size: 45px;\n            margin-bottom: 15px;\n        }\n\n        .connector-name {\n            color: #fff;\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .connector-desc {\n            color: rgba(255,255,255,0.75);\n            font-size: 13px;\n            line-height: 1.5;\n        }\n\n        .connector-badge {\n            background: rgba(255,255,255,0.15);\n            border-radius: 12px;\n            padding: 10px 18px;\n            margin-top: 15px;\n            display: inline-block;\n        }\n\n        .connector-badge span {\n            color: #fff;\n            font-size: 12px;\n            font-weight: 600;\n        }\n\n        .plus-sign {\n            font-size: 40px;\n            color: rgba(255,255,255,0.5);\n            font-weight: 300;\n        }\n\n        \/* Ports Section *\/\n        .ports-section {\n            background: #fff;\n            border: 1px solid #e2e8f0;\n            border-radius: 24px;\n            padding: 35px;\n            margin-bottom: 26px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n        }\n\n        .section-title {\n            font-size: 22px;\n            font-weight: 700;\n            color: #0f172a;\n            margin-bottom: 25px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .section-title::before {\n            content: '';\n            width: 5px;\n            height: 26px;\n            background: linear-gradient(180deg, #475569, #334155);\n            border-radius: 3px;\n        }\n\n        .section-title.centered {\n            justify-content: center;\n        }\n\n        .section-title.centered::before {\n            display: none;\n        }\n\n        .ports-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n\n        .port-card {\n            background: linear-gradient(145deg, #f8fafc, #fff);\n            border: 2px solid #e2e8f0;\n            border-radius: 18px;\n            padding: 25px;\n            text-align: center;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .port-card:hover {\n            border-color: #475569;\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(71,85,105,0.12);\n        }\n\n        .port-card.featured {\n            border-color: #0ea5e9;\n            background: linear-gradient(145deg, #f0f9ff, #fff);\n        }\n\n        .port-card.featured::before {\n            content: 'FAST';\n            position: absolute;\n            top: -10px;\n            right: 20px;\n            background: linear-gradient(135deg, #0284c7, #0ea5e9);\n            color: #fff;\n            padding: 5px 12px;\n            border-radius: 8px;\n            font-size: 10px;\n            font-weight: 700;\n            letter-spacing: 1px;\n        }\n\n        .port-icon {\n            font-size: 36px;\n            margin-bottom: 12px;\n        }\n\n        .port-name {\n            font-size: 18px;\n            font-weight: 700;\n            color: #0f172a;\n            margin-bottom: 8px;\n        }\n\n        .port-speed {\n            font-size: 24px;\n            font-weight: 800;\n            margin-bottom: 8px;\n        }\n\n        .port-speed.fast {\n            background: linear-gradient(135deg, #0284c7, #0ea5e9);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .port-speed.standard {\n            color: #64748b;\n        }\n\n        .port-count {\n            font-size: 13px;\n            color: #94a3b8;\n        }\n\n        \/* Features Grid *\/\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 16px;\n            margin-bottom: 26px;\n        }\n\n        .feature-card {\n            background: #fff;\n            border: 1px solid #e2e8f0;\n            border-radius: 18px;\n            padding: 24px 16px;\n            text-align: center;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n        }\n\n        .feature-card:hover {\n            border-color: #475569;\n            transform: translateY(-4px);\n            box-shadow: 0 10px 30px rgba(71,85,105,0.12);\n        }\n\n        .feature-icon {\n            width: 50px;\n            height: 50px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            margin: 0 auto 12px;\n            background: linear-gradient(135deg, #f1f5f9, #e2e8f0);\n        }\n\n        .feature-title {\n            font-size: 13px;\n            font-weight: 700;\n            color: #0f172a;\n            margin-bottom: 4px;\n        }\n\n        .feature-desc {\n            font-size: 11px;\n            color: #64748b;\n            line-height: 1.4;\n        }\n\n        \/* Specifications *\/\n        .specs-section {\n            background: linear-gradient(145deg, #f8fafc, #fff);\n            border: 1px solid #cbd5e1;\n            border-radius: 24px;\n            padding: 35px;\n            margin-bottom: 26px;\n        }\n\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 18px;\n        }\n\n        .spec-group {\n            background: #fff;\n            border: 1px solid #e2e8f0;\n            border-radius: 14px;\n            padding: 20px;\n        }\n\n        .spec-group-title {\n            font-size: 11px;\n            color: #475569;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 14px;\n            padding-bottom: 10px;\n            border-bottom: 1px solid #f1f5f9;\n            font-weight: 700;\n        }\n\n        .spec-item {\n            display: flex;\n            justify-content: space-between;\n            padding: 7px 0;\n            font-size: 13px;\n        }\n\n        .spec-item span:first-child {\n            color: #64748b;\n        }\n\n        .spec-item span:last-child {\n            color: #0f172a;\n            font-weight: 600;\n        }\n\n        \/* Warranty *\/\n        .warranty-section {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n            gap: 18px;\n            margin-bottom: 26px;\n        }\n\n        .warranty-card {\n            background: #fff;\n            border: 1px solid #e2e8f0;\n            border-radius: 20px;\n            padding: 28px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n        }\n\n        .warranty-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n        }\n\n        .warranty-card.slate::before {\n            background: linear-gradient(90deg, #475569, #64748b);\n        }\n\n        .warranty-card.gray::before {\n            background: linear-gradient(90deg, #94a3b8, #cbd5e1);\n        }\n\n        .warranty-header {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 16px;\n        }\n\n        .warranty-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 22px;\n        }\n\n        .warranty-icon.slate { background: linear-gradient(135deg, #e2e8f0, #cbd5e1); }\n        .warranty-icon.gray { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }\n\n        .warranty-title {\n            font-size: 18px;\n            font-weight: 700;\n            color: #0f172a;\n        }\n\n        .warranty-text {\n            color: #64748b;\n            font-size: 13px;\n            line-height: 1.7;\n        }\n\n        .warranty-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, #475569, #334155);\n            color: #fff;\n            padding: 7px 18px;\n            border-radius: 22px;\n            font-weight: 600;\n            font-size: 12px;\n            margin-top: 16px;\n        }\n\n        \/* Package *\/\n        .package-section {\n            background: linear-gradient(135deg, #334155, #475569);\n            border-radius: 24px;\n            padding: 35px;\n            text-align: center;\n            color: #fff;\n            box-shadow: 0 15px 50px rgba(51,65,85,0.35);\n        }\n\n        .package-section .section-title {\n            color: #fff;\n            justify-content: center;\n        }\n\n        .package-section .section-title::before {\n            background: linear-gradient(180deg, #94a3b8, #cbd5e1);\n        }\n\n        .package-items {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            justify-content: center;\n            margin-top: 22px;\n        }\n\n        .package-item {\n            background: rgba(255,255,255,0.15);\n            border: 1px solid rgba(255,255,255,0.25);\n            padding: 12px 24px;\n            border-radius: 50px;\n            font-size: 14px;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 992px) {\n            .connector-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .plus-sign {\n                display: none;\n            }\n\n            .ports-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .features-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .product-container { padding: 15px; }\n            .hero-section { padding: 40px 25px; }\n            .hero-features { gap: 10px; }\n            .hero-feature { min-width: 100px; padding: 14px 18px; }\n            .hero-feature-value { font-size: 18px; }\n            \n            .speed-banner {\n                flex-direction: column;\n                text-align: center;\n                gap: 15px;\n            }\n            \n            .connector-section { padding: 30px 22px; }\n            .connector-header h2 { font-size: 22px; }\n            \n            .ports-section, .specs-section, .package-section { padding: 28px 20px; }\n            .warranty-card { padding: 24px 20px; }\n        }\n\n        @media (max-width: 480px) {\n            .hero-title { font-size: 22px; }\n            .hero-features { flex-direction: column; align-items: center; }\n            .hero-feature { width: 100%; max-width: 150px; }\n            \n            .features-grid { grid-template-columns: 1fr; }\n            .specs-grid { grid-template-columns: 1fr; }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"product-container\"\u003e\n        \u003c!-- Hero Section --\u003e\n        \u003cdiv class=\"hero-section\"\u003e\n            \u003cspan class=\"hero-badge\"\u003e🔌 4-Port USB Hub\u003c\/span\u003e\n            \u003ch1 class=\"hero-title\"\u003e\n\u003cspan\u003eUltra Fast\u003c\/span\u003e USB Hub with 2-in-1 Connector\u003c\/h1\u003e\n            \u003cp class=\"hero-tagline\"\u003eUSB 3.0 5Gbps + 3× USB 2.0 • USB-A \u0026amp; USB-C Compatible • Aluminium\u003c\/p\u003e\n            \u003cdiv class=\"hero-features\"\u003e\n                \u003cdiv class=\"hero-feature\"\u003e\n                    \u003cdiv class=\"hero-feature-value gradient\"\u003e5Gbps\u003c\/div\u003e\n                    \u003cdiv class=\"hero-feature-label\"\u003eUSB 3.0\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"hero-feature\"\u003e\n                    \u003cdiv class=\"hero-feature-value\"\u003e4\u003c\/div\u003e\n                    \u003cdiv class=\"hero-feature-label\"\u003ePorts\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"hero-feature\"\u003e\n                    \u003cdiv class=\"hero-feature-value\"\u003e2-in-1\u003c\/div\u003e\n                    \u003cdiv class=\"hero-feature-label\"\u003eConnector\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"hero-feature\"\u003e\n                    \u003cdiv class=\"hero-feature-value\"\u003e0.2m\u003c\/div\u003e\n                    \u003cdiv class=\"hero-feature-label\"\u003eCable\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Speed Banner --\u003e\n        \u003cdiv class=\"speed-banner\"\u003e\n            \u003cspan class=\"speed-badge\"\u003e10×\u003c\/span\u003e\n            \u003cdiv class=\"speed-text\"\u003e\n                \u003ch3\u003e10 Times Faster Than USB 2.0\u003c\/h3\u003e\n                \u003cp\u003eTransfer large files in seconds with USB 3.0 SuperSpeed technology\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 2-in-1 Connector Section --\u003e\n        \u003cdiv class=\"connector-section\"\u003e\n            \u003cdiv class=\"connector-header\"\u003e\n                \u003ch2\u003e2-in-1 Universal Connector\u003c\/h2\u003e\n                \u003cp\u003eWorks with both USB-A and USB-C devices — no adapters needed\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"connector-grid\"\u003e\n                \u003cdiv class=\"connector-card\"\u003e\n                    \u003cdiv class=\"connector-icon\"\u003e🔌\u003c\/div\u003e\n                    \u003ch3 class=\"connector-name\"\u003eUSB-A\u003c\/h3\u003e\n                    \u003cp class=\"connector-desc\"\u003eConnect to traditional USB-A ports on laptops and desktops\u003c\/p\u003e\n                    \u003cdiv class=\"connector-badge\"\u003e\n                        \u003cspan\u003eStandard USB\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cspan class=\"plus-sign\"\u003e+\u003c\/span\u003e\n                \u003cdiv class=\"connector-card\"\u003e\n                    \u003cdiv class=\"connector-icon\"\u003e⚡\u003c\/div\u003e\n                    \u003ch3 class=\"connector-name\"\u003eUSB-C\u003c\/h3\u003e\n                    \u003cp class=\"connector-desc\"\u003eConnect to modern USB-C ports on new laptops and tablets\u003c\/p\u003e\n                    \u003cdiv class=\"connector-badge\"\u003e\n                        \u003cspan\u003eType-C\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Ports Section --\u003e\n        \u003cdiv class=\"ports-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003e4 Expansion Ports\u003c\/h2\u003e\n            \u003cdiv class=\"ports-grid\"\u003e\n                \u003cdiv class=\"port-card featured\"\u003e\n                    \u003cdiv class=\"port-icon\"\u003e🚀\u003c\/div\u003e\n                    \u003ch3 class=\"port-name\"\u003eUSB 3.0\u003c\/h3\u003e\n                    \u003cdiv class=\"port-speed fast\"\u003e5 Gbps\u003c\/div\u003e\n                    \u003cp class=\"port-count\"\u003e× 1 Port\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"port-card\"\u003e\n                    \u003cdiv class=\"port-icon\"\u003e🔌\u003c\/div\u003e\n                    \u003ch3 class=\"port-name\"\u003eUSB 2.0\u003c\/h3\u003e\n                    \u003cdiv class=\"port-speed standard\"\u003e480 Mbps\u003c\/div\u003e\n                    \u003cp class=\"port-count\"\u003e× 3 Ports\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Features Grid --\u003e\n        \u003cdiv class=\"features-grid\"\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e🚀\u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003e5Gbps Speed\u003c\/h3\u003e\n                \u003cp class=\"feature-desc\"\u003eUSB 3.0 SuperSpeed\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e🔩\u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003eAluminium\u003c\/h3\u003e\n                \u003cp class=\"feature-desc\"\u003eUltra-slim case\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e🔌\u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003ePlug \u0026amp; Play\u003c\/h3\u003e\n                \u003cp class=\"feature-desc\"\u003eNo drivers needed\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"feature-card\"\u003e\n                \u003cdiv class=\"feature-icon\"\u003e📏\u003c\/div\u003e\n                \u003ch3 class=\"feature-title\"\u003e0.2m Cable\u003c\/h3\u003e\n                \u003cp class=\"feature-desc\"\u003eCompact design\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Specifications --\u003e\n        \u003cdiv class=\"specs-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n            \u003cdiv class=\"specs-grid\"\u003e\n                \u003cdiv class=\"spec-group\"\u003e\n                    \u003cdiv class=\"spec-group-title\"\u003eProduct\u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eModel\u003c\/span\u003e\n                        \u003cspan\u003eHUB5C-2IN1\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eMaterial\u003c\/span\u003e\n                        \u003cspan\u003eAluminium\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eColour\u003c\/span\u003e\n                        \u003cspan\u003eGrey\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-group\"\u003e\n                    \u003cdiv class=\"spec-group-title\"\u003ePorts\u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eUSB 3.0\u003c\/span\u003e\n                        \u003cspan\u003e× 1 (5 Gbps)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eUSB 2.0\u003c\/span\u003e\n                        \u003cspan\u003e× 3 (480 Mbps)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eTotal Ports\u003c\/span\u003e\n                        \u003cspan\u003e4\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-group\"\u003e\n                    \u003cdiv class=\"spec-group-title\"\u003eConnector\u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eType\u003c\/span\u003e\n                        \u003cspan\u003e2-in-1 (A + C)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eCable Length\u003c\/span\u003e\n                        \u003cspan\u003e0.2m\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"spec-group\"\u003e\n                    \u003cdiv class=\"spec-group-title\"\u003eFeatures\u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eInstallation\u003c\/span\u003e\n                        \u003cspan\u003ePlug \u0026amp; Play\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"spec-item\"\u003e\n                        \u003cspan\u003eSpeed Boost\u003c\/span\u003e\n                        \u003cspan\u003e10× vs USB 2.0\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Warranty --\u003e\n        \u003cdiv class=\"warranty-section\"\u003e\n            \u003cdiv class=\"warranty-card slate\"\u003e\n                \u003cdiv class=\"warranty-header\"\u003e\n                    \u003cdiv class=\"warranty-icon slate\"\u003e✓\u003c\/div\u003e\n                    \u003ch3 class=\"warranty-title\"\u003e12-Month Warranty\u003c\/h3\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"warranty-text\"\u003eThis warranty covers defects in the product that result in failure or faults making the product unable to function. It does not cover damage caused by accidents, misuse, or unauthorized modifications.\u003c\/p\u003e\n                \u003cspan class=\"warranty-badge\"\u003e1 Year Coverage\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"warranty-card gray\"\u003e\n                \u003cdiv class=\"warranty-header\"\u003e\n                    \u003cdiv class=\"warranty-icon gray\"\u003e↩\u003c\/div\u003e\n                    \u003ch3 class=\"warranty-title\"\u003e14-Day Returns\u003c\/h3\u003e\n                \u003c\/div\u003e\n                \u003cp class=\"warranty-text\"\u003eWe accept returns within 14 days of purchase, provided the item is in the same condition as received. Items must be returned in original packaging with all accessories included.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Package --\u003e\n        \u003cdiv class=\"package-section\"\u003e\n            \u003ch2 class=\"section-title\"\u003e📦 What's in the Box\u003c\/h2\u003e\n            \u003cdiv class=\"package-items\"\u003e\n                \u003cspan class=\"package-item\"\u003e🔌 1 x 4-Port USB Hub with 2-in-1 Connector\u003c\/span\u003e\n                \u003cspan class=\"package-item\"\u003e📄 User Manual\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"snapcases.co.uk","offers":[{"title":"Default Title","offer_id":49364310622553,"sku":null,"price":29.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/0220\/9113\/files\/FA9D3D0D-44AD-4A9C-8360-29D70FECB7EB.png?v=1727175781","url":"https:\/\/snapcases.co.uk\/products\/4-port-usb-hub-usb-3-0-5gbps-2-in-1-connector-aluminium-hub5c-2in1","provider":"snapcases.co.uk","version":"1.0","type":"link"}