{"id":7543,"date":"2025-11-28T10:17:40","date_gmt":"2025-11-28T02:17:40","guid":{"rendered":"https:\/\/tristar.com.sg\/staging05\/?page_id=7543"},"modified":"2025-12-12T09:37:51","modified_gmt":"2025-12-12T01:37:51","slug":"cable-support-systems","status":"publish","type":"page","link":"https:\/\/tristar.com.sg\/staging05\/cable-support-systems\/","title":{"rendered":"Cable Support Systems"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n M*RAK & Metallic Cable Support Systems \u2014 Tri-Star Industries<\/title>\r\n <style>\r\n \r\n \/* Base Styles - Updated to match Code 2 theme *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n \r\n \r\n \/* Neutralize default column padding safely *\/\r\n .elementor-column-gap-default > .elementor-column > .elementor-element-populated {\r\n padding-top: 0 !important;\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n\r\n\r\n body {\r\n \r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n line-height: 1.6;\r\n color: #fff;\r\n background: #0a0e1a;\r\n overflow-x: hidden;\r\n }\r\n \r\n \r\n\r\n .container {\r\n max-width: 1200px; \/*adjusted from 1200px*\/\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .section {\r\n \r\n padding: 80px 0;\r\n background: #0a0e1a;\r\n position: relative;\r\n }\r\n\r\n .section:nth-child(even) {\r\n background: #0f1419;\r\n }\r\n\r\n .section-label {\r\n text-align: center;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #51B8E7;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section-title {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n position: relative;\r\n }\r\n\r\n .section-title h2 {\r\n font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n color: #ffffff;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n .section-title h2::after {\r\n content: '';\r\n display: block;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #51B8E7, #3fa8d5);\r\n margin: 20px auto 0;\r\n border-radius: 2px;\r\n }\r\n\r\n .section-title p {\r\n font-size: 1.1rem;\r\n color: rgba(255,255,255,0.7);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 24px;\r\n background: linear-gradient(135deg, #51B8E7 0%, #3fa8d5 100%);\r\n color: #fff;\r\n text-decoration: none;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n font-size: 14px;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 25px rgba(81,184,231,0.4);\r\n }\r\n\r\n \/* Hero Banner - Updated to match Code 2 *\/\r\n .hero {\r\n position: relative;\r\n min-height: 80vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: \r\n linear-gradient(135deg, rgba(10,14,26,0.92) 0%, rgba(20,30,48,0.85) 100%),\r\n url('https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Cable-Ladder-1-scaled.jpg') center\/cover;\r\n overflow: hidden;\r\n padding: 50px 30px;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: radial-gradient(circle at 20% 50%, rgba(81,184,231,0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 50%, rgba(255,107,107,0.1) 0%, transparent 50%);\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n max-width: 1100px;\r\n padding: 20px;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(81,184,231,0.15);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(81,184,231,0.3);\r\n padding: 10px 22px;\r\n border-radius: 50px;\r\n color: #51B8E7;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 25px;\r\n line-height: 1.2;\r\n }\r\n\r\n .hero h1 .highlight {\r\n background: linear-gradient(135deg, #51B8E7 0%, #3fa8d5 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero p {\r\n font-size: clamp(1.1rem, 1.5vw, 1.3rem);\r\n color: rgba(255,255,255,0.85);\r\n max-width: 850px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n padding: 0 20px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* FRP Section - Updated to match Code 2 *\/\r\n .frp-section {\r\n background-color: #0a0e1a;\r\n }\r\n\r\n .frp-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 50px;\r\n }\r\n\r\n .frp-image {\r\n flex: 1;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 12px 35px rgba(0,0,0,0.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255,255,255,0.03);\r\n }\r\n\r\n .frp-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .frp-image:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n .frp-text {\r\n flex: 1;\r\n color: rgba(255,255,255,0.8);\r\n padding: 25px;\r\n background: rgba(255,255,255,0.03);\r\n border-radius: 12px;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n }\r\n\r\n .frp-text h3 {\r\n font-size: 1.8rem;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n line-height: 1.3;\r\n }\r\n\r\n .frp-text p {\r\n color: rgba(255,255,255,0.8);\r\n margin-bottom: 30px;\r\n line-height: 1.8;\r\n }\r\n\r\n .frp-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n }\r\n\r\n .feature-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(81,184,231,0.15);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #51B8E7;\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .feature-content h4 {\r\n font-size: 1.1rem;\r\n color: #ffffff;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .feature-content p {\r\n font-size: 0.9rem;\r\n color: rgba(255,255,255,0.7);\r\n margin: 0;\r\n }\r\n .feature-list { list-style: none; margin-top: 20px; }\r\n .feature-list li {\r\n margin-bottom: 10px;\r\n padding-left: 25px;\r\n position: relative;\r\n }\r\n .feature-list li::before {\r\n content: '\u2713'; \r\n color: #3fa8d5 ;\r\n position: absolute;\r\n left: 0;\r\n font-weight: bold;\r\n }\r\n .feature-list strong { color: #fff; }\r\n\r\n\r\n \/* section 1 Metallic Systems 2*\/ \/*section 2*\/\r\n \/* option 1 auto fit screen card-grid *\/\r\n .container .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); \/* Adjusted for 5 items *\/\r\n gap: 20px;\r\n margin-top: 20px;\r\n }\r\n \r\n \/*option 2 - 3 cards per row, last row centered*\/\r\n \/* 3-per-row setup *\/\r\n .container .card-grid.cols-3{\r\n display: grid;\r\n grid-template-columns: repeat(3, 340px); \/* pick a card width that fits your container *\/\r\n gap: 24px;\r\n justify-content: center; \/* centers the whole grid; partial last row is centered *\/\r\n margin-top: 20px;\r\n }\r\n \r\n \r\n \/* Option 3 - 5-per-row setup *\/\r\n .container .card-grid.cols-5{\r\n display: grid;\r\n grid-template-columns: repeat(5, 220px); \/* choose a width that fits within your container max-width *\/\r\n gap: 10px;\r\n justify-content: center;\r\n margin-top: 20px;\r\n }\r\n\r\n\r\n .container .ts-card {\r\n background: rgba(255,255,255,0.03);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n \r\n .container .ts-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(81,184,231,0.3);\r\n box-shadow: 0 15px 35px rgba(81,184,231,0.15);\r\n }\r\n \r\n .container .ts-card-img {\r\n height: 160px;\r\n width: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .container .ts-card-body {\r\n padding: 20px;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .container .ts-badge {\r\n display: inline-block;\r\n background: rgba(255,255,255,0.1);\r\n color: #aaa;\r\n padding: 4px 10px;\r\n border-radius: 4px;\r\n font-size: 10px;\r\n text-transform: uppercase;\r\n font-weight: bold;\r\n margin-bottom: 12px;\r\n align-self: flex-start;\r\n }\r\n \r\n .container .ts-badge.accent {\r\n background: rgba(81,184,231,0.2);\r\n color: #51B8E7;\r\n border: 1px solid rgba(81,184,231,0.3);\r\n }\r\n \r\n .container .ts-card h3 {\r\n color: #ffffff;\r\n font-size: 1.1rem;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .container .ts-card p {\r\n color: rgba(255,255,255,0.7);\r\n font-size: 13px;\r\n line-height: 1.5;\r\n }\r\n\r\n \/*END OF Metallic Systems 2*\/\r\n \r\n \/* --- PROJECT TABLE --- *\/\r\n .project-table-container {\r\n overflow-x: auto;\r\n background: #0b1a2f;\r\n border-radius: 12px;\r\n padding: 20px;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n }\r\n .project-table { width: 100%; border-collapse: collapse; min-width: 600px; }\r\n .project-table th {\r\n text-align: left; padding: 15px; background: #142b47; color: #51B8E7;\r\n text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px;\r\n }\r\n .project-table td {\r\n padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.05);\r\n color: rgba(255,255,255,0.8); font-size: 0.95rem;\r\n }\r\n .project-table tr:hover td { background: rgba(255,255,255,0.02); }\r\n \r\n .table-footer-row {\r\n text-align: center !important;\r\n font-style: italic;\r\n color: #51B8E7 !important;\r\n background: rgba(81,184,231,0.05) !important;\r\n padding: 15px !important;\r\n font-weight: 500;\r\n }\r\n \r\n\r\n \/* Material Comparison *\/\r\n \/*table *\r\n \/* Container and table background *\/\r\n .table-container,\r\n table {\r\n background: #0b1a2f !important; \/* Dark navy blue *\/\r\n }\r\n \r\n \/* Header row *\/\r\n th {\r\n background: #3fa8d5 !important; \/* Slightly lighter blue for header *\/\r\n color: #e9eef3 !important;\r\n }\r\n \r\n \/* All table cells *\/\r\n td {\r\n background: #0b1a2f !important; \/* Force dark blue for all cells *\/\r\n color: #fff !important;\r\n }\r\n \r\n \/* Alternating rows (optional for subtle contrast) *\/\r\n tbody tr:nth-child(even) td {\r\n background: #11253d !important; \/* Slightly lighter blue for even rows *\/\r\n }\r\n \r\n \/* Sticky first column *\/\r\n td:first-child {\r\n background: #0b1a2f !important; \/* Match main background *\/\r\n color: #fff !important;\r\n }\r\n \/*end of Material Comparison table *\/\r\n\r\n\r\n \/* --- FABRICATION GRID --- *\/\r\n .fab-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr;\r\n grid-template-rows: 250px 250px;\r\n gap: 15px;\r\n margin-top: 30px;\r\n }\r\n .fab-item {\r\n position: relative; border-radius: 12px; overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n padding: 0;\r\n }\r\n .fab-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }\r\n .fab-item:hover img { transform: scale(1.05); }\r\n \/* Grid Assignments *\/\r\n .fab-item:nth-child(1) { grid-column: 1; grid-row: 1 \/ span 2; } \r\n .fab-item:nth-child(2) { grid-column: 2; grid-row: 1; }\r\n .fab-item:nth-child(3) { grid-column: 3; grid-row: 1; }\r\n .fab-item:nth-child(4) { grid-column: 2; grid-row: 2; }\r\n .fab-item:nth-child(5) { grid-column: 3; grid-row: 2; }\r\n\r\n .fab-features {\r\n display: flex; gap: 30px; margin-bottom: 40px; justify-content: center;\r\n background: rgba(81,184,231,0.05); padding: 30px; border-radius: 12px;\r\n border: 1px solid rgba(81,184,231,0.2);\r\n }\r\n .fab-feature-point { display: flex; align-items: center; gap: 15px; }\r\n .fab-icon { font-size: 24px; color: #51B8E7; }\r\n\r\n \/* --- CARD GRID SYSTEMS --- *\/\r\n .card-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin-top: 20px;\r\n }\r\n .ts-card {\r\n background: rgba(255,255,255,0.03);\r\n border-radius: 12px; overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.1);\r\n transition: all 0.3s ease;\r\n display: flex; flex-direction: column; height: 100%;\r\n }\r\n .ts-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(81,184,231,0.3);\r\n box-shadow: 0 15px 35px rgba(81,184,231,0.15);\r\n }\r\n .ts-card-img { width: 100%; height: 200px; object-fit: cover; }\r\n .ts-card-body { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }\r\n \r\n \/* Badges *\/\r\n .ts-badge {\r\n display: inline-block; background: rgba(255,255,255,0.1);\r\n color: #aaa; padding: 4px 10px; border-radius: 4px;\r\n font-size: 11px; text-transform: uppercase; font-weight: bold;\r\n margin-bottom: 12px; align-self: flex-start;\r\n }\r\n .ts-badge.accent { background: rgba(81,184,231,0.2); color: #51B8E7; border: 1px solid rgba(81,184,231,0.3); }\r\n \r\n .ts-card h3 { color: #fff; font-size: 1.25rem; margin-bottom: 10px; }\r\n .ts-card p { color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.5; }\r\n\r\n \/* Certificate Section - Updated to match Code 2 *\/\r\n .cert-section {\r\n background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);\r\n padding: 80px 30px;\r\n text-align: center;\r\n }\r\n\r\n .cert-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(81,184,231,0.3), transparent);\r\n }\r\n\r\n .cert-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n text-align: center;\r\n }\r\n\r\n \/*.cert-title {*\/\r\n \/* font-size: clamp(1.8rem, 3vw, 2.4rem);*\/\r\n \/* margin-bottom: 40px;*\/\r\n \/* font-weight: 700;*\/\r\n \/* color: #ffffff;*\/\r\n \/* position: relative;*\/\r\n \/*}*\/\r\n\r\n \/*.cert-title::after {*\/\r\n \/* content: '';*\/\r\n \/* display: block;*\/\r\n \/* width: 80px;*\/\r\n \/* height: 4px;*\/\r\n \/* background: linear-gradient(90deg, #51B8E7, #3fa8d5);*\/\r\n \/* margin: 20px auto 0;*\/\r\n \/* border-radius: 2px;*\/\r\n \/*}*\/\r\n\r\n .cert-grid2 {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n max-width: 1200px;\r\n margin: 30px auto;\r\n }\r\n\r\n .cert-card {\r\n position: relative;\r\n background: rgba(255,255,255,0.03);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 16px;\r\n padding: 20px;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: pointer;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .cert-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #51B8E7, #3fa8d5);\r\n transform: scaleX(0);\r\n transition: transform 0.4s;\r\n }\r\n\r\n .cert-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(81,184,231,0.3);\r\n box-shadow: 0 15px 50px rgba(81,184,231,0.2);\r\n }\r\n\r\n .cert-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .cert-image {\r\n width: 100%;\r\n height: 220px;\r\n background: #ffffff;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n margin-bottom: 15px;\r\n transition: all 0.4s;\r\n flex-shrink: 0;\r\n }\r\n\r\n .cert-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n padding: 15px;\r\n transition: transform 0.4s;\r\n }\r\n\r\n .cert-card:hover .cert-image {\r\n box-shadow: 0 8px 25px rgba(81,184,231,0.15);\r\n }\r\n\r\n .cert-card:hover .cert-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .cert-name {\r\n margin-top: 12px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n color: #ffffff;\r\n text-align: center;\r\n }\r\n\r\n .cert-sub {\r\n color: rgba(255,255,255,0.6);\r\n font-size: 12px;\r\n margin-top: 4px;\r\n text-align: center;\r\n }\r\n\r\n .cert-click-text {\r\n color: #51B8E7;\r\n font-size: 12px;\r\n font-weight: 600;\r\n margin-top: 8px;\r\n text-align: center;\r\n }\r\n\r\n \/* Modal - Updated to match Code 2 *\/\r\n .cert-modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 9999;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.92);\r\n backdrop-filter: blur(10px);\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .cert-modal.active {\r\n display: flex;\r\n }\r\n\r\n .cert-modal-content {\r\n position: relative;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 25px;\r\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.7);\r\n overflow: auto;\r\n }\r\n\r\n .cert-modal-close {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n width: 35px;\r\n height: 35px;\r\n background: rgba(0, 0, 0, 0.1);\r\n border: none;\r\n border-radius: 50%;\r\n font-size: 20px;\r\n color: #1a202c;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s;\r\n z-index: 10;\r\n }\r\n\r\n .cert-modal-close:hover {\r\n background: rgba(81,184,231,0.2);\r\n transform: rotate(90deg);\r\n }\r\n\r\n .cert-modal-img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 80vh;\r\n object-fit: contain;\r\n }\r\n \r\n \/*Cert - std part*\/\r\n \/* --- CERTIFICATES --- *\/\r\n .cert-section {\r\n background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);\r\n padding: 80px 30px;\r\n text-align: center;\r\n position: relative;\r\n }\r\n .cert-section::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(81,184,231,0.3), transparent);\r\n }\r\n .cert-grid {\r\n display: grid; \r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 20px; \r\n margin-top: 30px;\r\n max-width: 1200px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .cert-item {\r\n background: rgba(255,255,255,0.03); \r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 12px; \r\n padding: 25px 20px; \r\n text-align: center;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 110px;\r\n }\r\n .cert-item:hover { \r\n transform: translateY(-5px); \r\n border-color: #51B8E7; \r\n background: rgba(81,184,231,0.05);\r\n }\r\n .cert-title {\r\n font-weight: 700;\r\n color: #fff;\r\n font-size: 1.2rem;\r\n margin-bottom: 5px;\r\n letter-spacing: 0.5px;\r\n }\r\n .cert-desc {\r\n color: rgba(255,255,255,0.6);\r\n font-size: 0.85rem;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Footer CTA - Updated to match Code 2 *\/\r\n .footer-cta {\r\n background: \r\n linear-gradient(135deg, rgba(10,14,26,0.92) 0%, rgba(20,30,48,0.85) 100%),\r\n url('https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=1920&q=80') center\/cover;\r\n color: white;\r\n text-align: center;\r\n padding: 80px 0;\r\n position: relative;\r\n }\r\n\r\n .footer-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: radial-gradient(circle at 20% 50%, rgba(81,184,231,0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 50%, rgba(255,107,107,0.1) 0%, transparent 50%);\r\n }\r\n\r\n .footer-cta .container {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .footer-cta h2 {\r\n font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n margin-bottom: 20px;\r\n color: white;\r\n font-weight: 700;\r\n }\r\n\r\n .footer-cta p {\r\n font-size: 1.1rem;\r\n margin-bottom: 40px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n color: rgba(255,255,255,0.85);\r\n }\r\n\r\n .footer-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .footer-cta .btn {\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.2);\r\n color: #ffffff;\r\n }\r\n\r\n .footer-cta .btn:hover {\r\n background: rgba(255,255,255,0.2);\r\n border-color: rgba(255,255,255,0.3);\r\n }\r\n\r\n .copyright {\r\n margin-top: 50px;\r\n font-size: 0.9rem;\r\n color: rgba(255,255,255,0.6);\r\n }\r\n\r\n \/* Responsive Styles *\/\r\n @media (max-width: 992px) {\r\n .frp-content {\r\n flex-direction: column;\r\n }\r\n \r\n .accessories-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .cert-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .cards-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .card-img-container {\r\n height: 250px;\r\n }\r\n \/*option 2 - 3 cards per row, last row centered*\/\r\n .container .card-grid.cols-3 {\r\n grid-template-columns: repeat(2, 340px);\r\n }\r\n\r\n \/* Option 3 - 5-per-row setup *\/\r\n .container .card-grid.cols-5 { \r\n grid-template-columns: repeat(2, 340px); \r\n \r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .frp-features {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .cards-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .cert-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .card-img-container {\r\n height: 300px;\r\n }\r\n \r\n .section {\r\n padding: 60px 0;\r\n }\r\n \r\n .hero {\r\n padding: 80px 0;\r\n }\r\n \r\n .fab-grid { display: flex; flex-direction: column; }\r\n .fab-item { height: 200px; }\r\n .fab-features { flex-direction: column; gap: 15px; }\r\n \r\n \/*option 2 - 3 cards per row, last row centered*\/\r\n .container .card-grid.cols-3 {\r\n grid-template-columns: repeat(2, 340px);\r\n }\r\n\r\n \/* Option 3 - 5-per-row setup *\/\r\n .container .card-grid.cols-5 { \r\n grid-template-columns: repeat(2, 340px); \r\n \r\n }\r\n .cert-grid2 {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n \r\n .cert-grid2 {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .fab-grid {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px; \/* tighter spacing for small screens *\/\r\n }\r\n \r\n .fab-item {\r\n height: 160px; \/* reduce height for smaller devices *\/\r\n }\r\n \r\n .fab-features {\r\n flex-direction: column;\r\n gap: 10px; \/* smaller gap *\/\r\n }\r\n\r\n \r\n .hero-buttons, .footer-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .btn {\r\n width: 100%;\r\n max-width: 280px;\r\n text-align: center;\r\n }\r\n \r\n .card-img-container {\r\n height: 250px;\r\n }\r\n \r\n .section-title h2 {\r\n font-size: 2rem;\r\n }\r\n \r\n .hero {\r\n padding: 80px 0;\r\n }\r\n \r\n \/*option 2 - 3 cards per row, last row centered*\/ \r\n .container .card-grid.cols-3 {\r\n grid-template-columns: 1fr; \/* full-width single column *\/\r\n justify-content: stretch;\r\n }\r\n \r\n \/* Option 3 - 5-per-row setup *\/\r\n \r\n .container .card-grid.cols-5 {\r\n grid-template-columns: 1fr;\r\n justify-content: stretch;\r\n }\r\n .tristar-css-wrapper .ts-cert-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n\r\n }\r\n <\/style>\r\n<\/head>\r\n <!--<div class=\"tristar-css-wrapper\">-->\r\n\r\n <!-- Hero Banner -->\r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <span class=\"hero-badge\">Engineering Excellence<\/span>\r\n <br>\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/MRAK-logo.png\" alt=\"CSS Logo Banner\" style=\"width:50%; height:auto;padding-left:50px;\" \/>\r\n <h1><span class=\"highlight\">Cable Support Systems<\/span><\/h1>\r\n <p>From Marine Grade Aluminium to Self-Healing ZAM Steel and M*RAK FRP, we deliver cable management solutions built for the world's toughest environments.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#product-lines\" class=\"btn\">Product Lines<\/a>\r\n <a href=\"#framing\" class=\"btn\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\">Metal Framing<\/a>\r\n <a href=\"#fabrication\" class=\"btn\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\">Custom Fabrication<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n \r\n <!-- SECTION 1: PRODUCT LINES -->\r\n <section id=\"product-lines\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">OUR SOLUTIONS<\/div>\r\n <div class=\"section-title\">\r\n <h2>Product Lines<\/h2>\r\n <p style=\"text-align:center;\">Comprehensive cable management systems designed for safety, load capacity, and ease of installation.<\/p>\r\n <\/div>\r\n \r\n<div class=\"container\">\r\n <div class=\"card-grid cols-5\">\r\n \r\n <!-- 1. Cable Ladder -->\r\n <div class=\"ts-card\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_Ladder.png\" class=\"ts-card-img\" alt=\"Cable Ladder\">\r\n <div class=\"ts-card-body\">\r\n <h3>Cable Ladder<\/h3>\r\n <p><strong>Maximum Support for Heavy Power Cables.<\/strong><\/p>\r\n <p style=\"margin-top:10px; opacity:0.7;\">Engineered with high side-rails and rungs for superior load-bearing capacity. Allows for maximum airflow and heat dissipation, ideal for high-power distribution.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- 2. Cable Tray -->\r\n <div class=\"ts-card\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_tray.png\" class=\"ts-card-img\" alt=\"Cable Tray\">\r\n <div class=\"ts-card-body\">\r\n <h3>Perforated Cable Tray<\/h3>\r\n <p><strong>Continuous Support & Ventilation.<\/strong><\/p>\r\n <p style=\"margin-top:10px; opacity:0.7;\">Provides continuous bottom support for lighter cables and instrumentation lines. The perforated pattern ensures ease of cable tying and ventilation.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- 3. Cable Trunking -->\r\n <div class=\"ts-card\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/CSS-ZAM-Trunking.png\" class=\"ts-card-img\" alt=\"Cable Trunking\">\r\n <div class=\"ts-card-body\">\r\n <h3>Cable Trunking<\/h3>\r\n <p><strong>Fully Enclosed Protection.<\/strong><\/p>\r\n <p style=\"margin-top:10px; opacity:0.7;\">Completely enclosed system offering physical protection and EMI shielding for sensitive data and fiber optic cables. Dust and moisture resistant.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- 4. Corrugated Trough Tray -->\r\n <div class=\"ts-card\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_CT-Tray.png\" class=\"ts-card-img\" alt=\"Corrugated Trough Tray\">\r\n <div class=\"ts-card-body\">\r\n <h3>Corrugated Trough Tray<\/h3>\r\n <p><strong>Long Span Capability.<\/strong><\/p>\r\n <p style=\"margin-top:10px; opacity:0.7;\">Corrugated profile minimizes deflection, allowing for fewer support brackets and longer spans between supports. Ideal for industrial walkways.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- 5. Wire Mesh (LAST) -->\r\n <div class=\"ts-card\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_wiremesh.png\" class=\"ts-card-img\" alt=\"Wire Mesh\">\r\n <div class=\"ts-card-body\">\r\n <h3>Wire Mesh Tray<\/h3>\r\n <p><strong>Fast Installation & Complex Routing.<\/strong><\/p>\r\n <p style=\"margin-top:10px; opacity:0.7;\">Lightweight and easy to cut\/bend on-site. Perfect for data centers and complex routing where cables need to exit at various points.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SECTION 2: MATERIAL SELECTION -->\r\n <section id=\"materials\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">MATERIALS & FINISHES<\/div>\r\n <div class=\"section-title\">\r\n <h2>Material Selection<\/h2>\r\n <p>Choose the right material composition for your environmental requirements.<\/p>\r\n <\/div>\r\n \r\n <div class=\"card-grid cols-3\">\r\n \r\n <!-- PRE-GALV -->\r\n <div class=\"ts-card\">\r\n <div class=\"ts-card-body\">\r\n <h3>Pre-Galvanized Steel<\/h3>\r\n <p><strong>Efficient Protection for Interior Spaces.<\/strong><\/p>\r\n <p style=\"margin-top:10px; font-size:13px; opacity:0.6;\">Engineered for indoor commercial use, delivering a refined, smooth finish that minimizes cable abrasion.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- HDG -->\r\n <div class=\"ts-card\">\r\n <div class=\"ts-card-body\">\r\n <h3>Hot-Dipped Galv.<\/h3>\r\n <p><strong>Ultimate Armor Against Elements.<\/strong><\/p>\r\n <p style=\"margin-top:10px; font-size:13px; opacity:0.6;\">Post-manufacture immersion in molten zinc to ISO 1461. Rugged corrosion resistance for heavy industry.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ZAM -->\r\n <div class=\"ts-card\">\r\n <div class=\"ts-card-body\">\r\n <h3>ZAM (Zn-Al-Mg)<\/h3>\r\n <p><strong>Self-Healing Protection.<\/strong><\/p>\r\n <p style=\"margin-top:10px; font-size:13px; opacity:0.6;\">3x resistance of standard galvanization. Self-heals cut edges. Ideal for solar farms and coastal areas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- STAINLESS -->\r\n <div class=\"ts-card\">\r\n <div class=\"ts-card-body\">\r\n <h3>Stainless Steel (304\/316L)<\/h3>\r\n <p><strong>Resilience for Oil & Gas.<\/strong><\/p>\r\n <p style=\"margin-top:10px; font-size:13px; opacity:0.6;\">Definitive choice for critical infrastructure. Resists chlorides, acids, and harsh offshore atmospheres.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ALUMINIUM (COMBINED) -->\r\n <div class=\"ts-card\">\r\n <div class=\"ts-card-body\">\r\n <h3>Aluminium (5052\/6063)<\/h3>\r\n <p><strong>Oil & Gas \/ Marine Grade.<\/strong><\/p>\r\n <p style=\"margin-top:10px; font-size:13px; opacity:0.6;\">Engineered for offshore topsides and marine environments. Grade 5052 offers exceptional fatigue strength against wave motion, while Grade 6063 provides superior structural integrity for subsea and platform infrastructure.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FIBER GLASS -->\r\n <div class=\"ts-card\" style=\"border-color: #51B8E7;\">\r\n <div class=\"ts-card-body\">\r\n <h3>Fiber Glass (FRP)<\/h3>\r\n <p><strong>Engineered for Hostile Conditions.<\/strong><\/p>\r\n <p style=\"margin-top:10px; font-size:13px; opacity:0.6;\">Designed to outperform metallic trays in volatile zones, M\u2605RAK FRP composites eliminate rust, minimize maintenance, and significantly reduce total cost of ownership. The ideal non-conductive solution where durability is non-negotiable.<\/p>\r\n <ul class=\"feature-list\" style=\"margin-top:10px; font-size:13px; opacity:0.8;\">\r\n <li><strong>High Strength:<\/strong> Verified to ASTM D256 standards.<\/li>\r\n <li><strong>Fire Safety:<\/strong> Class 1 Rating (BS 476 Part 6 & 7).<\/li>\r\n <li><strong>Non-Conductive:<\/strong> Zero magnetic interference.<\/li>\r\n <li><strong>UV Stabilized:<\/strong> Resists intense sunlight.<\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/06\/5.-Brochure-FRP-GRP-print.pdf\" class=\"btn\" target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n View FRP\/GRP Catalogue<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SECTION 3: COMPARISON TABLE --> \r\n <section class=\"section comparison-section\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">COMPARISON<\/div>\r\n <div class=\"section-title\">\r\n <h2>Material Selection Guide<\/h2>\r\n <p>Compare the properties of different materials to choose the right solution for your application<\/p>\r\n <\/div>\r\n \r\n <div class=\"table-container\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Feature<\/th>\r\n <th>Pre-Galvanized<\/th>\r\n <th>HDG<\/th>\r\n <th>ZAM<\/th>\r\n <th>Aluminium (5052\/6063)<\/th>\r\n <th>SS 304<\/th>\r\n <th>SS 316L<\/th>\r\n <th>Fiber Glass (FRP)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Corrosion Resistance<\/td>\r\n <td>\u2605<br>Low (Indoor)<\/td>\r\n <td>\u2605 \u2605 \u2605<br>High<\/td>\r\n <td>\u2605 \u2605 \u2605 \u2605<br>Superior<\/td>\r\n <td>\u2605 \u2605 \u2605 \u2605<br>Excellent<\/td>\r\n <td>\u2605 \u2605 \u2605 \u2605<br>Very High<\/td>\r\n <td>\u2605 \u2605 \u2605 \u2605 \u2605<br><span class=\"winner-text\">Best<\/span><\/td>\r\n <td>\u2605 \u2605 \u2605 \u2605 \u2605<br><span class=\"winner-text\">Ultimate<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Environment<\/td>\r\n <td>Indoor \/ Dry \/ Commercial<\/td>\r\n <td>Outdoor \/ Industrial<\/td>\r\n <td>Data Center \/ C4 Coastal \/ Solar<\/td>\r\n <td>Marine \/ Topside<\/td>\r\n <td>General Industrial<\/td>\r\n <td>Offshore \/ Chemical<\/td>\r\n <td>Chemical \/ Volatile \/ UV<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Weight<\/td>\r\n <td>Heavy<\/td>\r\n <td>Heavy<\/td>\r\n <td>Medium \/ Heavy<\/td>\r\n <td><span class=\"winner-text\">Lightest<\/span><\/td>\r\n <td>Heavy<\/td>\r\n <td>Heavy<\/td>\r\n <td>Lightweight<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Conductivity<\/td>\r\n <td>Yes<\/td>\r\n <td>Yes<\/td>\r\n <td>Yes<\/td>\r\n <td>High<\/td>\r\n <td>Low<\/td>\r\n <td>Low<\/td>\r\n <td><span class=\"winner-text\">Non-Conductive<\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Relative Cost<\/td>\r\n <td><span class=\"winner-text\">$ Low<\/span><\/td>\r\n <td>$$ Medium<\/td>\r\n <td>$$ Medium<\/td>\r\n <td>$$$ High<\/td>\r\n <td>$$$ High<\/td>\r\n <td>$$$$ Very High<\/td>\r\n <td>$$$ High<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Key Advantage<\/td>\r\n <td>Cost Effective<\/td>\r\n <td>Proven Durability<\/td>\r\n <td>Self-Healing<\/td>\r\n <td>Weight Saving<\/td>\r\n <td>Affordable<\/td>\r\n <td>Indestructible<\/td>\r\n <td>Chem. Resistant<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div> <p style=\"text-align: center; color: #ffffff;\">*M*RAK FRP (Composite) is also available for non-conductive, chemical-resistant applications.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 4: METAL FRAMING -->\r\n <section id=\"framing\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">STRUCTURAL SUPPORT<\/div>\r\n <div class=\"section-title\"><h2>Modular Metal Framing<\/h2><\/div>\r\n \r\n <div style=\"display: flex; gap: 50px; align-items: center; flex-wrap: wrap;\">\r\n <div style=\"flex: 1; min-width: 300px;\">\r\n <p style=\"color: #51B8E7; font-weight: bold; font-size: 1.2rem; margin-bottom: 15px;\">Rapid Assembly. No Welding Required.<\/p>\r\n <p style=\"margin-bottom: 20px;\">Our comprehensive channel and strut system offers the ultimate \"bolt-together\" solution. Engineered to eliminate on-site drilling or welding, allowing for rapid construction of trapeze supports and seismic bracing.<\/p>\r\n <ul class=\"feature-list\">\r\n <li><b>Rapid Installation:<\/b> Reduces on-site labor hours.<\/li>\r\n <li><b>Universal Application:<\/b> Ideal for pipe supports, HVAC, and ceiling grids.<\/li>\r\n <li><b>Material Availability:<\/b> HDG and Stainless Steel.<\/li>\r\n <\/ul>\r\n <br>\r\n <a href=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/CSS-Metal-Framing-Brochure.pdf\" class=\"btn\" target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n View Framing Catalogue<\/a>\r\n <\/div>\r\n <div style=\"flex: 1; min-width: 300px;\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/3-CSS-Metal-Framing.jpeg\" style=\"width:100%; border-radius:12px;\" alt=\"Metal Framing\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 5: METAL FABRICATION -->\r\n <section id=\"fabrication\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">CUSTOM ENGINEERING<\/div>\r\n <div class=\"section-title\">\r\n <h2>Metal Fabrication & Installation<\/h2>\r\n <p>From design to on-site installation, we provide end-to-end custom fabrication services.<\/p>\r\n <\/div>\r\n\r\n <!-- Key Features Box -->\r\n <div class=\"fab-features\">\r\n <div class=\"fab-feature-point\">\r\n <div class=\"fab-icon\">\u2713<\/div>\r\n <div><strong>PE Certified Design<\/strong><br><span style=\"font-size:0.85rem; opacity:0.7\">Professional Engineer Endorsement<\/span><\/div>\r\n <\/div>\r\n <div class=\"fab-feature-point\">\r\n <div class=\"fab-icon\">\u2713<\/div>\r\n <div><strong>On-Site Installation<\/strong><br><span style=\"font-size:0.85rem; opacity:0.7\">Qualified Installation Teams<\/span><\/div>\r\n <\/div>\r\n <div class=\"fab-feature-point\">\r\n <div class=\"fab-icon\">\u2713<\/div>\r\n <div><strong>Custom Design<\/strong><br><span style=\"font-size:0.85rem; opacity:0.7\">Made to your specifications<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 5 Photo Layout -->\r\n <div class=\"fab-grid\">\r\n <!-- Large Image (Welding\/Fab) -->\r\n <div class=\"fab-item\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_Metal-Fab1.jpg\" alt=\"metal-fabrication-frame\">\r\n <\/div>\r\n <!-- Small Image 1 -->\r\n <div class=\"fab-item\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_Metal-fab2.jpg\" alt=\"metal-fabrication-workshop\">\r\n <\/div>\r\n <!-- Small Image 2 -->\r\n <div class=\"fab-item\" >\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_Metal-fab3.png\" alt=\"CSS metal-brackets\" \r\n style=\"transform: scale(1.3); transform-origin: center; transition: transform 0.5s;\">\r\n <\/div>\r\n <!-- Small Image 3 -->\r\n <div class=\"fab-item\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_Metal-fab4.png\" alt=\"CSS galvanized-metal-component\" style=\"transform: scale(1.2); transform-origin: center; transition: transform 0.5s;\">\r\n <\/div>\r\n <!-- Small Image 4 -->\r\n <div class=\"fab-item\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/CSS_Metal-fab5.png\" alt=\"CSS site-installation-team\">\r\n <\/div>\r\n <\/div>\r\n <br>\r\n <div style=\"display: flex; justify-content: center; gap: 100px; margin-top: 30px;\">\r\n <a href=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/CSS-BROCHURE-2017.pdf\" class=\"btn\" target=\"_blank\"\r\n rel=\"noopener noreferrer\">\r\n View Catalogue<\/a>\r\n <a href=\"mailto:sales@tristar.com.sg\" class=\"btn\">Request Custom Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- SECTION 6: PROJECT REFERENCES (UPDATED) -->\r\n <section id=\"projects\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-label\">TRACK RECORD<\/div>\r\n <div class=\"section-title\">\r\n <h2>Recent Major Projects<\/h2>\r\n <\/div>\r\n \r\n <div class=\"project-table-container\">\r\n <table class=\"project-table\">\r\n <thead>\r\n <tr>\r\n <th style=\"width: 80%;\">Project Title<\/th>\r\n <th style=\"width: 20%; text-align: center;\">Year<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>KSCCS TARGET COST - TOPSIDE (KASAWARI)<\/td>\r\n <td style=\"text-align: center;\">2025<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>P-1997M GAMUDA GOOGLE DATA CENTRE MV SCOPE<\/td>\r\n <td style=\"text-align: center;\">2025<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>WATER INJECTION FACILITIES (WIF) FOR SF30 WATERFLOOD PHASE 2<\/td>\r\n <td style=\"text-align: center;\">2025<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>MALAYSIA NEW MOUNTAIN B5<\/td>\r\n <td style=\"text-align: center;\">2025<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>BARAM JUNIOR CLUSTER (BJC) OF BROWNFIELD<\/td>\r\n <td style=\"text-align: center;\">2025<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>UARU FPSO<\/td>\r\n <td style=\"text-align: center;\">2024<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>IWMF (Integrated Waste Management Facility)<\/td>\r\n <td style=\"text-align: center;\">2024<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>MRCV (MULTI-ROLE COMBAT VESSELS)<\/td>\r\n <td style=\"text-align: center;\">2024<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Bridge Data Centre MY06<\/td>\r\n <td style=\"text-align: center;\">2024<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>0109J110026-PHOENIX II A\/S - PROJ STURGEON<\/td>\r\n <td style=\"text-align: center;\">2024<\/td>\r\n <\/tr>\r\n <tr>\r\n <td colspan=\"2\" class=\"table-footer-row\">\r\n ...and more major projects worldwide.\r\n <\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- Certificate Section -->\r\n <section class=\"cert-section\">\r\n <!-- PART 1-->\r\n <div class=\"container\">\r\n <div class=\"section-label\">ACCREDITATIONS<\/div>\r\n <div class=\"section-title\"><h2>Certifications & Standards<\/h2><\/div>\r\n <div class=\"cert-grid\">\r\n \r\n <div class=\"cert-item\">\r\n <div class=\"cert-title\">ISO 9001<\/div>\r\n <div class=\"cert-desc\">Quality Management System<\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-item\">\r\n <div class=\"cert-title\">ISO 45001<\/div>\r\n <div class=\"cert-desc\">Occupational Health & Safety<\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-item\">\r\n <div class=\"cert-title\">ABS<\/div>\r\n <div class=\"cert-desc\">American Bureau of Shipping<\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-item\">\r\n <div class=\"cert-title\">BV<\/div>\r\n <div class=\"cert-desc\">Bureau Veritas<\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-item\">\r\n <div class=\"cert-title\">DNV<\/div>\r\n <div class=\"cert-desc\">Det Norske Veritas<\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-item\">\r\n <div class=\"cert-title\">SIRIM<\/div>\r\n <div class=\"cert-desc\">QAS International<\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-item\">\r\n <div class=\"cert-title\">SS 249<\/div>\r\n <div class=\"cert-desc\">Singapore Standard<\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-item\">\r\n <div class=\"cert-title\">CE<\/div>\r\n <div class=\"cert-desc\">Conformit\u00e9 Europ\u00e9enne<\/div>\r\n <\/div>\r\n <br>\r\n\r\n <\/div>\r\n <\/div> \r\n \r\n <!-- PART 2 -->\r\n <div class=\"cert-container\">\r\n <!--<div class=\"section-label\">CERTIFICATIONS<\/div>-->\r\n <!--<div class=\"section-title\"><h2>Certifications & Accreditations<\/h2><\/div>-->\r\n\r\n <div class=\"cert-grid2\">\r\n <!-- Certificate Card -->\r\n <div class=\"cert-card\">\r\n <div class=\"cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/02\/TSI_CE-2632-CE-Mark_CERT_EXP_20280218-1.png\" alt=\"CSS CE Cert\">\r\n <\/div>\r\n <div class=\"cert-name\"><span style=\"color:#51B8E7;\">TSI<\/span> CE Mark Certificate of Compliance<\/div>\r\n <div class=\"cert-sub\">International Continential Assessments<\/div>\r\n <div class=\"cert-click-text\">Click to view<\/div>\r\n <\/div>\r\n \r\n <!-- Certificate Card -->\r\n <div class=\"cert-card\">\r\n <div class=\"cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/02\/TSI_ISO-9001-2015_CERT_EXP_20260228-1.png\" alt=\"TSI ISO 19001\">\r\n <\/div>\r\n <div class=\"cert-name\"><span style=\"color:#51B8E7;\">TSI<\/span> ISO 9001:2015<\/div>\r\n <div class=\"cert-sub\">T\u00dcV S\u00dcD<\/div>\r\n <div class=\"cert-click-text\">Click to view<\/div>\r\n <\/div>\r\n \r\n <!-- Certificate Card -->\r\n <div class=\"cert-card\">\r\n <div class=\"cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_IQNET_ISO-9001-2015_CSS_CP_BN-CERT_EXP_20280722-1-scaled.png\" alt=\"SBN IQNET ISO 19001\">\r\n <\/div>\r\n <div class=\"cert-name\"><span style=\"color:#51B8E7;\">SBN<\/span> ISO 9001:2015<\/div>\r\n <div class=\"cert-sub\">IQNET \/ SIRIM QAS<\/div>\r\n <div class=\"cert-click-text\">Click to view<\/div>\r\n <\/div>\r\n\r\n <!-- Certificate Card -->\r\n <div class=\"cert-card\">\r\n <div class=\"cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/PTSTS_ISO_9001-2015_CERT_EXP_20250829-scaled.png\" alt=\"PTSTS Certificate\">\r\n <\/div>\r\n <div class=\"cert-name\"><span style=\"color:#51B8E7;\">PTSTS<\/span> ISO 9001:2015<\/div>\r\n <div class=\"cert-sub\">LRQA<\/div>\r\n <div class=\"cert-click-text\">Click to view<\/div>\r\n <\/div>\r\n \r\n <!-- Certificate Card -->\r\n <div class=\"cert-card\">\r\n <div class=\"cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_IQNET_ISO-45001-2018_BN_BT-CERT_EXP_20271009-3-scaled.png\" alt=\"SBN IQNET ISO 45001\">\r\n <\/div>\r\n <div class=\"cert-name\"><span style=\"color:#51B8E7;\">SBN<\/span> ISO 45001:2018<\/div>\r\n <div class=\"cert-sub\">IQNET \/ SIRIM QAS<\/div>\r\n <div class=\"cert-click-text\">Click to view<\/div>\r\n <\/div>\r\n \r\n <!-- Certificate Card -->\r\n <div class=\"cert-card\">\r\n <div class=\"cert-image\">\r\n <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/PTSTS_ISO-45001-2018_CERT_EXP_20270228-scaled.png\" alt=\"PTSTS ISO 45001\">\r\n <\/div>\r\n <div class=\"cert-name\"><span style=\"color:#51B8E7;\">PTSTS<\/span> ISO 45001:2018<\/div>\r\n <div class=\"cert-sub\">LRQA<\/div>\r\n <div class=\"cert-click-text\">Click to view<\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <!-- Center Button -->\r\n <div class=\"ts-cert-more-btn\" \r\n style=\"text-align:center; margin-top:25px;\">\r\n \r\n <a href=\"https:\/\/tristar.com.sg\/staging05\/our-accreditations\/\" \r\n rel=\"noopener\"\r\n style=\"\r\n display:inline-block;\r\n padding:10px 25px;\r\n background:linear-gradient(135deg, #51B8E7 0%, #3fa8d5 100%); \/* blue background *\/\r\n color:#fff; \/* white text *\/\r\n text-decoration:none;\r\n border-radius:6px;\r\n font-size:14px;\r\n font-weight:600;\r\n <!--border:2px solid #0d6efd; \/* Blue border *\/-->\r\n transition:0.3s ease;\r\n \"\r\n onmouseover=\"this.style.background='rgba(13,110,253,0.1)'\"\r\n onmouseout=\"this.style.background='#51B8E7'\">\r\n \r\n View More Certificates\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MODAL -->\r\n <div class=\"cert-modal\" id=\"certModal\">\r\n <div class=\"cert-modal-content\">\r\n <button class=\"cert-modal-close\" id=\"modalClose\">×<\/button>\r\n <img decoding=\"async\" id=\"modalImage\" class=\"cert-modal-img\" src=\"\" alt=\"\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Footer CTA -->\r\n <!--<footer class=\"footer-cta\">-->\r\n <!-- <div class=\"container\">-->\r\n <!-- <h2>Engineering Resources<\/h2>-->\r\n <!-- <p>Need load tables, chemical resistance charts, or BIM files?<\/p>-->\r\n <!-- <div class=\"footer-buttons\">-->\r\n <!-- <a href=\"#\" class=\"btn\">\ud83d\udcc4 Download Full Catalogue<\/a>-->\r\n <!-- <a href=\"#\" class=\"btn\">\ud83d\udcc4 ZAM vs HDG Whitepaper<\/a>-->\r\n <!-- <a href=\"mailto:sales@tristar.com.sg\" class=\"btn\">\u2709\ufe0f Request a Quote<\/a>-->\r\n <!-- <\/div>-->\r\n <!-- <p class=\"copyright\">© 2025 Tri-Star Industries. All Rights Reserved.<\/p>-->\r\n <!-- <\/div>-->\r\n <!--<\/footer>-->\r\n\r\n <script>\r\n(function() {\r\n 'use strict';\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initCSS);\r\n } else {\r\n initCSS();\r\n }\r\n\r\n function initCSS() {\r\n initCertModal();\r\n }\r\n\r\n function initCertModal() {\r\n const modal = document.getElementById(\"certModal\");\r\n const modalImg = document.getElementById(\"modalImage\");\r\n const closeBtn = document.getElementById(\"modalClose\");\r\n const certCards = document.querySelectorAll('.cert-card');\r\n\r\n if (!modal || !modalImage || !modalClose) return;\r\n\r\n certCards.forEach(card => {\r\n card.addEventListener('click', function() {\r\n const img = this.querySelector('.cert-image img');\r\n if (img) {\r\n modalImage.src = img.src;\r\n modalImage.alt = img.alt;\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n });\r\n });\r\n\r\n function closeModal() {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n modalClose.addEventListener('click', closeModal);\r\n\r\n modal.addEventListener('click', function(e) {\r\n if (e.target === modal) {\r\n closeModal();\r\n }\r\n });\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && modal.classList.contains('active')) {\r\n closeModal();\r\n }\r\n });\r\n }\r\n})();\r\n \/\/ Pagination functionality\r\n \/\/ document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ const pageBtns = document.querySelectorAll('.page-btn');\r\n \/\/ const pageContents = document.querySelectorAll('.page-content');\r\n \r\n \/\/ pageBtns.forEach(btn => {\r\n \/\/ btn.addEventListener('click', function() {\r\n \/\/ \/\/ Remove active class from all buttons\r\n \/\/ pageBtns.forEach(b => b.classList.remove('active'));\r\n \r\n \/\/ \/\/ Add active class to clicked button\r\n \/\/ this.classList.add('active');\r\n \r\n \/\/ \/\/ Hide all page contents\r\n \/\/ pageContents.forEach(content => {\r\n \/\/ content.style.display = 'none';\r\n \/\/ content.classList.remove('active');\r\n \/\/ });\r\n \r\n \/\/ \/\/ Show the selected page content\r\n \/\/ const pageId = this.getAttribute('data-page');\r\n \/\/ const targetContent = document.querySelector(`.page-content[data-page=\"${pageId}\"]`);\r\n \/\/ targetContent.style.display = 'grid';\r\n \/\/ targetContent.classList.add('active');\r\n \/\/ });\r\n \/\/ });\r\n \r\n \r\n\r\n\r\n \r\n \/\/ Certificate Modal Script\r\n \/\/ const modal = document.getElementById(\"certModal\");\r\n \/\/ const modalImg = document.getElementById(\"modalImage\");\r\n \/\/ const closeBtn = document.getElementById(\"modalClose\");\r\n\r\n \/\/ document.querySelectorAll(\".cert-card\").forEach(card => {\r\n \/\/ card.addEventListener(\"click\", function () {\r\n \/\/ const img = this.querySelector(\"img\").src;\r\n \/\/ modalImg.src = img;\r\n \/\/ modal.classList.add(\"active\");\r\n \/\/ document.body.style.overflow = 'hidden';\r\n \/\/ });\r\n \/\/ });\r\n\r\n \/\/ function closeModal() {\r\n \/\/ modal.classList.remove(\"active\");\r\n \/\/ document.body.style.overflow = '';\r\n \/\/ }\r\n \r\n \/\/ closeBtn.addEventListener(\"click\", closeModal);\r\n \r\n \/\/ modal.addEventListener(\"click\", e => {\r\n \/\/ if (e.target === modal) closeModal();\r\n \/\/ });\r\n \r\n \/\/ document.addEventListener('keydown', function(e) {\r\n \/\/ if (e.key === 'Escape' && modal.classList.contains('active')) {\r\n \/\/ closeModal();\r\n \/\/ }\r\n \/\/ });\r\n \/\/ });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>M*RAK & Metallic Cable Support Systems \u2014 Tri-Star Industries Engineering Excellence Cable Support Systems From Marine Grade Aluminium to Self-Healing ZAM Steel and M*RAK FRP,…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7543","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cable Support Systems - Tri-Star Group of Companies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cable Support Systems - Tri-Star Group of Companies\" \/>\n<meta property=\"og:description\" content=\"M*RAK & Metallic Cable Support Systems \u2014 Tri-Star Industries Engineering Excellence Cable Support Systems From Marine Grade Aluminium to Self-Healing ZAM Steel and M*RAK FRP,…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/\" \/>\n<meta property=\"og:site_name\" content=\"Tri-Star Group of Companies\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-12T01:37:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/MRAK-logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/product-2__trashed\\\/cable-support-systems\\\/\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/product-2__trashed\\\/cable-support-systems\\\/\",\"name\":\"Cable Support Systems - Tri-Star Group of Companies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/product-2__trashed\\\/cable-support-systems\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/product-2__trashed\\\/cable-support-systems\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MRAK-logo.png\",\"datePublished\":\"2025-11-28T02:17:40+00:00\",\"dateModified\":\"2025-12-12T01:37:51+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/product-2__trashed\\\/cable-support-systems\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/product-2__trashed\\\/cable-support-systems\\\/#primaryimage\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MRAK-logo.png\",\"contentUrl\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MRAK-logo.png\",\"width\":1701,\"height\":401,\"caption\":\"MRAK logo\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#website\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/\",\"name\":\"Tri-Star Group of Companies\",\"description\":\"Leading Global Manufacturer and Supplier of Best in Class Fasteners, Cable Support Systems, Cathodic Protection Systems and Hydraulic Bolt Tensioning and Torquing Tools and Services\",\"publisher\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#organization\",\"name\":\"Tri-Star Group of Companies\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/TSI-LOGO-PNG_S.png\",\"contentUrl\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/TSI-LOGO-PNG_S.png\",\"width\":1080,\"height\":989,\"caption\":\"Tri-Star Group of Companies\"},\"image\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/tri-star-industries1\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cable Support Systems - Tri-Star Group of Companies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/","og_locale":"en_US","og_type":"article","og_title":"Cable Support Systems - Tri-Star Group of Companies","og_description":"M*RAK & Metallic Cable Support Systems \u2014 Tri-Star Industries Engineering Excellence Cable Support Systems From Marine Grade Aluminium to Self-Healing ZAM Steel and M*RAK FRP,…","og_url":"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/","og_site_name":"Tri-Star Group of Companies","article_modified_time":"2025-12-12T01:37:51+00:00","og_image":[{"url":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/MRAK-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/","url":"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/","name":"Cable Support Systems - Tri-Star Group of Companies","isPartOf":{"@id":"https:\/\/tristar.com.sg\/staging05\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/#primaryimage"},"image":{"@id":"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/#primaryimage"},"thumbnailUrl":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/MRAK-logo.png","datePublished":"2025-11-28T02:17:40+00:00","dateModified":"2025-12-12T01:37:51+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tristar.com.sg\/staging05\/product-2__trashed\/cable-support-systems\/#primaryimage","url":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/MRAK-logo.png","contentUrl":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/MRAK-logo.png","width":1701,"height":401,"caption":"MRAK logo"},{"@type":"WebSite","@id":"https:\/\/tristar.com.sg\/staging05\/#website","url":"https:\/\/tristar.com.sg\/staging05\/","name":"Tri-Star Group of Companies","description":"Leading Global Manufacturer and Supplier of Best in Class Fasteners, Cable Support Systems, Cathodic Protection Systems and Hydraulic Bolt Tensioning and Torquing Tools and Services","publisher":{"@id":"https:\/\/tristar.com.sg\/staging05\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tristar.com.sg\/staging05\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/tristar.com.sg\/staging05\/#organization","name":"Tri-Star Group of Companies","url":"https:\/\/tristar.com.sg\/staging05\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tristar.com.sg\/staging05\/#\/schema\/logo\/image\/","url":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/TSI-LOGO-PNG_S.png","contentUrl":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/12\/TSI-LOGO-PNG_S.png","width":1080,"height":989,"caption":"Tri-Star Group of Companies"},"image":{"@id":"https:\/\/tristar.com.sg\/staging05\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/tri-star-industries1\/"]}]}},"_links":{"self":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/7543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/comments?post=7543"}],"version-history":[{"count":20,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/7543\/revisions"}],"predecessor-version":[{"id":8892,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/7543\/revisions\/8892"}],"wp:attachment":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/media?parent=7543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}