{"id":7982,"date":"2025-11-30T21:47:42","date_gmt":"2025-11-30T13:47:42","guid":{"rendered":"https:\/\/tristar.com.sg\/staging05\/?page_id=7982"},"modified":"2026-04-01T19:00:06","modified_gmt":"2026-04-01T11:00:06","slug":"fasteners","status":"publish","type":"page","link":"https:\/\/tristar.com.sg\/staging05\/fasteners\/","title":{"rendered":"Fasteners"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7982\" class=\"elementor elementor-7982\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e33fbc elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default tp-parallax-no\" data-id=\"4e33fbc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div data-aos=\"\" class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-95b29f4\" data-id=\"95b29f4\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;tp_sticky_col_effect_enable&quot;:false}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-96ce81b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"96ce81b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Fastener<\/title>\r\n  <meta name=\"description\" content=\"High-integrity bolting and fastener solutions engineered by Tri-Star Industries \u2014  subsea fasteners, U-bolts,pipe clamp, and custom-engineered fasteners with surface coating for extreme industrial environments.\" \/>\r\n  <style>\r\n    .tristar-css-wrapper {\r\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n      color: #1a202c;\r\n      line-height: 1.6;\r\n      background: #0a0e1a;\r\n      overflow-x: hidden;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n    .tristar-css-wrapper * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n    \/* Hero Banner *\/\r\n    .tristar-css-wrapper .ts-hero {\r\n      position: relative;\r\n      min-height: 70vh;\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\/4-Blue-Hex-Nut-scaled.jpg') center\/cover;\r\n      overflow: hidden;\r\n      padding: 50px 30px;\r\n    }\r\n    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-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    }\r\n    \/* Content Sections *\/\r\n    .tristar-css-wrapper .ts-section {\r\n      padding: 80px 30px;\r\n      background: #0a0e1a;\r\n      position: relative;\r\n    }\r\n    .tristar-css-wrapper .ts-section:nth-child(even) {\r\n      background: #0f1419;\r\n    }\r\n    .tristar-css-wrapper .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    .tristar-css-wrapper .section-title {\r\n      text-align: center;\r\n      font-size: clamp(1.8rem, 3vw, 2.4rem);\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      margin-bottom: 50px;\r\n      position: relative;\r\n      padding: 0 20px;\r\n    }\r\n    .tristar-css-wrapper .section-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    .tristar-css-wrapper .ts-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 20px;\r\n    }\r\n    \/* Content Blocks *\/\r\n    .tristar-css-wrapper .content-block {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 60px;\r\n      gap: 40px;\r\n      padding: 20px 0;\r\n    }\r\n    .tristar-css-wrapper .content-block img {\r\n      width: 38%;\r\n      height: auto;\r\n      border-radius: 12px;\r\n      transition: transform 0.3s ease;\r\n      box-shadow: 0 12px 35px rgba(0,0,0,0.4);\r\n    }\r\n    .tristar-css-wrapper .content-block img:hover {\r\n      transform: scale(1.03);\r\n    }\r\n    .tristar-css-wrapper .content-text {\r\n      width: 48%;\r\n      color: rgba(255,255,255,0.8);\r\n      padding: 15px 0;\r\n    }\r\n    .tristar-css-wrapper .content-text h2 {\r\n      color: #ffffff;\r\n      font-size: 1.4rem;\r\n      margin-bottom: 20px;\r\n      line-height: 1.3;\r\n    }\r\n    .tristar-css-wrapper .content-text p {\r\n      margin-bottom: 15px;\r\n      line-height: 1.7;\r\n    }\r\n    .tristar-css-wrapper .content-text ul {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 15px 0;\r\n    }\r\n    .tristar-css-wrapper .content-text ul li {\r\n      margin-bottom: 12px;\r\n      padding-left: 25px;\r\n      position: relative;\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n    }\r\n    .tristar-css-wrapper .content-text ul li::before {\r\n      content: '\u2713';\r\n      position: absolute;\r\n      left: 0;\r\n      color: #51B8E7;\r\n      font-weight: bold;\r\n      font-size: 18px;\r\n    }\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    .tristar-css-wrapper .ts-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 14px 28px;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      border-radius: 10px;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n      margin-top: 25px;\r\n      margin-right: 15px;\r\n    }\r\n    .tristar-css-wrapper .ts-btn-primary {\r\n      background: linear-gradient(135deg, #51B8E7 0%, #3fa8d5 100%);\r\n      color: #fff;\r\n    }\r\n    .tristar-css-wrapper .ts-btn-primary: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    \r\n\r\n\r\n\r\n\r\n    \/* Slider *\/\r\n    .tristar-css-wrapper .slider {\r\n      position: relative;\r\n      width: 100%;\r\n      max-width: 700px;\r\n      height: 400px;\r\n      margin: 35px auto;\r\n      overflow: hidden;\r\n      border-radius: 15px;\r\n      background: rgba(255,255,255,0.03);\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n      box-shadow: 0 15px 40px rgba(0,0,0,0.4);\r\n    }\r\n    .tristar-css-wrapper .slides {\r\n      display: flex;\r\n      width: 100%;\r\n      height: 100%;\r\n      transition: transform 0.5s ease-in-out;\r\n    }\r\n    .tristar-css-wrapper .slides img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      flex-shrink: 0;\r\n    }\r\n    .tristar-css-wrapper .prev, .tristar-css-wrapper .next {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      background: rgba(81,184,231,0.25);\r\n      backdrop-filter: blur(10px);\r\n      border: 1px solid rgba(81,184,231,0.4);\r\n      color: #fff;\r\n      padding: 14px 18px;\r\n      cursor: pointer;\r\n      border-radius: 10px;\r\n      font-size: 20px;\r\n      z-index: 10;\r\n      transition: all 0.3s;\r\n    }\r\n    .tristar-css-wrapper .prev:hover, .tristar-css-wrapper .next:hover {\r\n      background: rgba(81,184,231,0.4);\r\n      transform: translateY(-50%) scale(1.1);\r\n    }\r\n    .tristar-css-wrapper .prev { left: 20px; }\r\n    .tristar-css-wrapper .next { right: 20px; }\r\n    .tristar-css-wrapper .disabled {\r\n      opacity: 0.3;\r\n      cursor: not-allowed;\r\n    }\r\n    .tristar-css-wrapper .dots {\r\n      text-align: center;\r\n      position: absolute;\r\n      bottom: 25px;\r\n      width: 100%;\r\n      z-index: 10;\r\n    }\r\n    .tristar-css-wrapper .dot {\r\n      display: inline-block;\r\n      width: 12px;\r\n      height: 12px;\r\n      margin: 0 8px;\r\n      background: rgba(255,255,255,0.3);\r\n      border-radius: 50%;\r\n      cursor: pointer;\r\n      transition: all 0.3s;\r\n    }\r\n    .tristar-css-wrapper .dot.active {\r\n      background: #51B8E7;\r\n      transform: scale(1.4);\r\n    }\r\n    \/* Color Chart *\/\r\n    .tristar-css-wrapper .color-chart {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: 30px;\r\n      margin-top: 40px;\r\n      max-width: 1000px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      padding: 20px 0;\r\n    }\r\n    .tristar-css-wrapper .color-wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      transition: all 0.3s ease;\r\n    }\r\n    .tristar-css-wrapper .color-wrapper:hover {\r\n      transform: translateY(-8px);\r\n    }\r\n    .tristar-css-wrapper .color-label {\r\n      margin-top: 15px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      text-align: center;\r\n      color: #ffffff;\r\n    }\r\n    \/* Fastener (Hex bolt head) *\/\r\n    .tristar-css-wrapper .fastener {\r\n      width: 70px;\r\n      height: 70px;\r\n      background: #ccc;\r\n      clip-path: polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%);\r\n      position: relative;\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n      transition: transform 0.3s ease;\r\n      border: 2px solid rgba(255,255,255,0.1);\r\n    }\r\n\r\n    .tristar-css-wrapper .fastener::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 25px;\r\n      height: 25px;\r\n      background: rgba(10,14,26,0.8);\r\n      border-radius: 50%;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n    .tristar-css-wrapper .fastener:hover {\r\n      transform: scale(1.15);\r\n    }\r\n    \/* Certificate Section *\/\r\n    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-cert-grid {\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    .tristar-css-wrapper .ts-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    }\r\n    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-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    .tristar-css-wrapper .ts-cert-card:hover::before {\r\n      transform: scaleX(1);\r\n    }\r\n    .tristar-css-wrapper .ts-cert-image {\r\n      width: 100%;\r\n      height: 280px;\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    }\r\n    .tristar-css-wrapper .ts-cert-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: contain;\r\n      padding: 20px;\r\n      transition: transform 0.4s;\r\n    }\r\n    .tristar-css-wrapper .ts-cert-card:hover .ts-cert-image {\r\n      box-shadow: 0 8px 25px rgba(81,184,231,0.15);\r\n    }\r\n    .tristar-css-wrapper .ts-cert-card:hover .ts-cert-image img {\r\n      transform: scale(1.05);\r\n    }\r\n    .tristar-css-wrapper .ts-cert-title {\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      text-align: center;\r\n      margin-bottom: 5px;\r\n    }\r\n    .tristar-css-wrapper .ts-cert-subtitle {\r\n      font-size: 12px;\r\n      color: rgba(255,255,255,0.6);\r\n      text-align: center;\r\n    }\r\n    .tristar-css-wrapper .ts-cert-hover-text {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      background: linear-gradient(180deg, transparent 0%, rgba(81,184,231,0.95) 100%);\r\n      color: #ffffff;\r\n      padding: 15px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      text-align: center;\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n      transition: all 0.4s;\r\n    }\r\n    .tristar-css-wrapper .ts-cert-card:hover .ts-cert-hover-text {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n    \/* Modal Styles *\/\r\n    .tristar-css-wrapper .ts-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    }\r\n    .tristar-css-wrapper .ts-modal.active {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .tristar-css-wrapper .ts-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: 30px;\r\n      box-shadow: 0 25px 80px rgba(0, 0, 0, 0.7);\r\n      overflow: auto;\r\n    }\r\n    .tristar-css-wrapper .ts-modal-close {\r\n      position: absolute;\r\n      top: 15px;\r\n      right: 15px;\r\n      width: 40px;\r\n      height: 40px;\r\n      background: rgba(0, 0, 0, 0.1);\r\n      border: none;\r\n      border-radius: 50%;\r\n      font-size: 24px;\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    .tristar-css-wrapper .ts-modal-close:hover {\r\n      background: rgba(81,184,231,0.2);\r\n      transform: rotate(90deg);\r\n    }\r\n    .tristar-css-wrapper .ts-modal-image {\r\n      width: 100%;\r\n      height: auto;\r\n      max-height: 80vh;\r\n      object-fit: contain;\r\n    }\r\n    \/* Highlight Box *\/\r\n    .tristar-css-wrapper .highlight-box {\r\n      background: rgba(255,255,255,0.03);\r\n      border-radius: 12px;\r\n      padding: 40px 30px;\r\n      margin-top: 30px;\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n      box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n    }\r\n    .tristar-css-wrapper .highlight-box h2 {\r\n      text-align: center;\r\n      color: #ffffff;\r\n      margin-bottom: 25px;\r\n      font-size: 1.5rem;\r\n    }\r\n    .tristar-css-wrapper .highlight-box ul {\r\n      list-style: none;\r\n      padding: 0;\r\n      max-width: 900px;\r\n      margin: auto;\r\n    }\r\n    .tristar-css-wrapper .highlight-box ul li {\r\n      margin-bottom: 12px;\r\n      padding-left: 25px;\r\n      position: relative;\r\n      line-height: 1.8;\r\n      color: rgba(255,255,255,0.8);\r\n    }\r\n    .tristar-css-wrapper .highlight-box ul li::before {\r\n      content: '\u2713';\r\n      position: absolute;\r\n      left: 0;\r\n      color: #51B8E7;\r\n      font-weight: bold;\r\n      font-size: 18px;\r\n    }\r\n\r\n    \/* Updated White Container with Full-Size Images (No Empty Spaces, No Cropping) *\/\r\n    .tristar-css-wrapper .white-container {\r\n      background: linear-gradient(135deg, rgba(10,14,26,0.95) 0%, rgba(20,30,48,0.9) 100%);\r\n      padding: 80px 30px;\r\n      margin: 40px 0;\r\n      border-radius: 16px;\r\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\r\n      border: 1px solid rgba(81,184,231,0.2);\r\n    }\r\n    .tristar-css-wrapper .white-container .container-header {\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n    }\r\n    .tristar-css-wrapper .white-container .container-header h2 {\r\n      color: #51B8E7;\r\n      font-size: 2.2rem;\r\n      font-weight: 700;\r\n      margin-bottom: 15px;\r\n    }\r\n    .tristar-css-wrapper .white-container .container-header p {\r\n      color: rgba(255,255,255,0.8);\r\n      font-size: 1.1rem;\r\n      line-height: 1.6;\r\n      max-width: 700px;\r\n      margin: 0 auto;\r\n    }\r\n    .tristar-css-wrapper .white-container .cards-container {\r\n      display: flex;\r\n      gap: 30px;\r\n      flex-wrap: wrap;\r\n      align-items: stretch;\r\n    }\r\n    .tristar-css-wrapper .white-container .card-left {\r\n      flex: 1;\r\n      min-width: 300px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 30px;\r\n    }\r\n    .tristar-css-wrapper .white-container .card {\r\n      background: rgba(255,255,255,0.05);\r\n      backdrop-filter: blur(10px);\r\n      border-radius: 16px;\r\n      padding: 0;\r\n      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      color: #ffffff;\r\n      border: 1px solid rgba(81,184,231,0.1);\r\n      overflow: hidden;\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .tristar-css-wrapper .white-container .card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 4px;\r\n      background: linear-gradient(90deg, #51B8E7, #3fa8d5);\r\n      transform: scaleX(0);\r\n      transition: transform 0.4s;\r\n    }\r\n    .tristar-css-wrapper .white-container .card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 15px 35px rgba(81,184,231,0.2);\r\n      border-color: rgba(81,184,231,0.3);\r\n    }\r\n    .tristar-css-wrapper .white-container .card:hover::before {\r\n      transform: scaleX(1);\r\n    }\r\n    .tristar-css-wrapper .white-container .card-image {\r\n      width: 100%;\r\n      height: 220px;\r\n      overflow: hidden;\r\n      position: relative;\r\n      flex-shrink: 0;\r\n    }\r\n    .tristar-css-wrapper .white-container .card-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.5s ease;\r\n    }\r\n    .tristar-css-wrapper .white-container .card:hover .card-image img {\r\n      transform: scale(1.08);\r\n    }\r\n    .tristar-css-wrapper .white-container .card-content {\r\n      padding: 25px;\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    .tristar-css-wrapper .white-container .card h3 {\r\n      color: #ffffff;\r\n      font-size: 1.4rem;\r\n      font-weight: 600;\r\n      margin-bottom: 15px;\r\n      position: relative;\r\n      padding-bottom: 10px;\r\n    }\r\n    .tristar-css-wrapper .white-container .card h3::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 40px;\r\n      height: 3px;\r\n      background: #51B8E7;\r\n      border-radius: 2px;\r\n    }\r\n    .tristar-css-wrapper .white-container .card p {\r\n      color: rgba(255,255,255,0.8);\r\n      line-height: 1.7;\r\n      margin-bottom: 15px;\r\n    }\r\n    .tristar-css-wrapper .white-container .card-right {\r\n      flex: 1;\r\n      min-width: 300px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    .tristar-css-wrapper .white-container .card-right .card {\r\n      height: 100%;\r\n      min-height: 500px;\r\n    }\r\n    .tristar-css-wrapper .white-container .card-right .card-image {\r\n      height: 280px;\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    .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    \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          width:100%;\r\n        overflow-x: auto;               \/* key: horizontal scrolling *\/\r\n        -webkit-overflow-scrolling: touch; \/* smooth scrolling on iOS *\/\r\n\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 table *\/ \r\n  \r\n  \/*small highlight tag*\/\r\n  .tristar-product-tag {\r\n      display: inline-block;\r\n      background: rgba(81,184,231,0.15);\r\n      color: #51B8E7;\r\n      padding: 5px 12px;\r\n      border-radius: 16px;\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      margin-right: 6px;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n\r\n    @media (max-width: 768px) {\r\n      .tristar-css-wrapper .ts-hero {\r\n        min-height: 60vh;\r\n        padding: 40px 20px;\r\n      }\r\n\r\n      .tristar-css-wrapper .ts-section {\r\n        padding: 60px 20px;\r\n      }\r\n\r\n      .tristar-css-wrapper .content-block {\r\n        flex-direction: column;\r\n        gap: 30px;\r\n      }\r\n\r\n      .tristar-css-wrapper .content-block img,\r\n      .tristar-css-wrapper .content-text {\r\n        width: 100%;\r\n      }\r\n\r\n      .tristar-css-wrapper .slider {\r\n        height: 300px;\r\n        max-width: 100%;\r\n      }\r\n\r\n      .tristar-css-wrapper .ts-cert-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 20px;\r\n      }\r\n\r\n      .tristar-css-wrapper .color-chart {\r\n        gap: 20px;\r\n      }\r\n\r\n      .tristar-css-wrapper .ts-modal-content {\r\n        max-width: 95vw;\r\n        max-height: 95vh;\r\n        padding: 20px;\r\n      }\r\n      \r\n        \/*hero button*\/\r\n      .hero-toolbar__grid { grid-template-columns: repeat(2, 1fr); \r\n      }\r\n\r\n\r\n      .tristar-css-wrapper .white-container .cards-container {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .tristar-css-wrapper .white-container .card-left,\r\n      .tristar-css-wrapper .white-container .card-right {\r\n        min-width: 100%;\r\n      }\r\n      .tristar-css-wrapper .white-container .card-right .card {\r\n        min-height: auto;\r\n      }\r\n      .tristar-css-wrapper .white-container .card-image,\r\n      .tristar-css-wrapper .white-container .card-right .card-image {\r\n        height: 200px;\r\n      }\r\n      \r\n    }\r\n    @media (max-width: 480px) {\r\n      .tristar-css-wrapper .ts-cert-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .tristar-css-wrapper .ts-hero {\r\n        padding: 30px 15px;\r\n      }\r\n\r\n      .tristar-css-wrapper .ts-section {\r\n        padding: 50px 15px;\r\n      }\r\n\r\n      .tristar-css-wrapper .color-chart {\r\n        gap: 15px;\r\n      }\r\n\r\n      .tristar-css-wrapper .fastener {\r\n        width: 60px;\r\n        height: 60px;\r\n      }\r\n      \/*hero button*\/\r\n      .hero-toolbar__grid { grid-template-columns: 1fr; \r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"tristar-css-wrapper\">\r\n  <!-- Hero Banner -->\r\n  <section class=\"ts-hero\">\r\n    <div class=\"ts-hero-content\">\r\n      <div class=\"ts-hero-badge\">BOLTS & NUTS<\/div>\r\n      <br>\r\n      <div style=\"display:flex; justify-content:center; align-items:center; gap:20px; padding:20px 0;\">\r\n          <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastercote-logo.png\" alt=\"Fasteners Logo Banner 1\" style=\"width:50%; height:auto;\" \/>\r\n          <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/NanoGalv_white.png\" alt=\"NanoGalv logo\" style=\"width:50%; height:auto;\" \/>\r\n      <\/div>\r\n         \r\n      <h1>\r\n         <span class=\"highlight\">Fasteners<\/span><br>\r\n      <\/h1>\r\n        \r\n      <p>\r\n        High-integrity bolting and fastener solutions engineered by Tri-Star Industries \u2014  <br> critical fasteners, U-bolts, pipe clamp, and custom-engineered fasteners with surface coating for extreme industrial environments.\r\n      <\/p>\r\n      <div class=\"hero-content\">\r\n          <div class=\"hero-buttons\">\r\n                    <a href=\"#materials\" class=\"btn\">Materials<\/a>\r\n                    <a href=\"#fasteners\" class=\"btn\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\">Fasteners<\/a>\r\n                     <a href=\"#api-fastener\" class=\"btn\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\">API Monograms<\/a>\r\n                    <a href=\"#coating\" class=\"btn\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\">Coating<\/a>\r\n                     <a href=\"#nanogalv\" class=\"btn\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2);\" >NanoGalv<\/a>\r\n                <\/div>\r\n      <\/div>\r\n         \r\n\r\n\r\n<\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- Specialized Materials -->\r\n  <section id=\"materials\" class=\"ts-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"section-label\">MATERIALS<\/div>\r\n      <h2 class=\"section-title\">Specialized Materials for Extreme Conditions<\/h2>\r\n      <div class=\"content-block\">\r\n        <div class=\"content-text\">\r\n          <p>We offer an extensive range of materials engineered for superior mechanical strength, high-temperature resilience, and corrosion resistance:<\/p>\r\n          <ul>\r\n              <li><b>Carbon Alloy Steel: <\/b> B7, B7M, L7,L7M, B16. 20Cr<\/li>\r\n            <li><b>Nickel Alloys:<\/b> Inconel, Incoloy, Hastelloy, Monel 400, K500<\/li>\r\n            <li><b>Stainless Steel & Duplex:<\/b> B8, B8M, B8T, Duplex, Super Duplex, Titanium<\/li>\r\n            <li><b>Specialty Bronzes:<\/b> Phosphor Bronze, Manganese Bronze, Silicon Bronze (on request)<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/1-Stud-Bolt-scaled.jpg\" alt=\"Stud Bolts\">\r\n      <\/div>\r\n      \r\n        <!-- table Inventory of Materials -->\r\n        <div class=\"ts-section tristar-css-wrapper\">\r\n          <div class=\"ts-container\">\r\n            <h2 class=\"section-title\">Extensive Inventory of Materials<\/h2>\r\n            <div class=\"title-accent\"><\/div>\r\n        \r\n            <div class=\"table-container\" role=\"region\" aria-label=\"Bolt & Nut Table\" tabindex=\"0\">\r\n              <table>\r\n                <thead>\r\n                  <tr>\r\n                    <th>Material<\/th>\r\n                    <th>Bolt Grade<\/th>\r\n                    <th>Nut Grade<\/th>\r\n                    <th>Diameter<\/th>\r\n                  <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                  <tr>\r\n                    <td data-label=\"Material\">Alloy Steel<\/td>\r\n                    <td data-label=\"Bolt Grade\">ASTM A193 : B7, B7M<\/td>\r\n                    <td data-label=\"Nut Grade\">ASTM A194 2H, 2HM<\/td>\r\n                    <td data-label=\"Diameter\">1\/2\" - 4\"<\/td>\r\n                  <\/tr>\r\n                  <tr>\r\n                    <td><\/td>\r\n                    <td>ASTM A193 : B16<\/td>\r\n                    <td>ASTM A194 7L<\/td>\r\n                    <td>1\/2\" - 4\"<\/td>\r\n                  <\/tr>\r\n                  <tr>\r\n                    <td><\/td>\r\n                    <td>ASTM A320 : L7, L7M, L43<\/td>\r\n                    <td>ASTM A194 7L, 7ML<\/td>\r\n                    <td>1\/2\" - 2 1\/2\"<\/td>\r\n                  <\/tr>\r\n        \r\n                  <tr>\r\n                    <td data-label=\"Material\">Stainless Steel<\/td>\r\n                    <td>ASTM A193 : B8, B8M, B8T, B8MLN, B8CLNCuB, B8MLCuN, B8ML4CuN <br>\r\n                      <small>(Class 1, 1A, 1B, 1C, 1D, 2, 2B, 2C)<\/small>\r\n                    <\/td>\r\n                    <td>ASTM A194 8, 8A, 8M, 8MA, 8T, 8MLN, 8CLNCuB, 8MLCuN, 8ML4CuN<\/td>\r\n                    <td>1\/2\" - 4\"<\/td>\r\n                  <\/tr>\r\n                  <tr>\r\n                    <td><\/td>\r\n                    <td>ASTM A320 : B8, B8M, B8T, B8MLN <br>\r\n                      <small>(Class 1, 1A, 2)<\/small>\r\n                    <\/td>\r\n                    <td>ASTM A194 8, 8A, 8M, 8MA, 8T, 8MLN<\/td>\r\n                    <td>1\/2\" - 4\"<\/td>\r\n                  <\/tr>\r\n        \r\n                 <!--merged columns-->               \r\n                <tr>\r\n                  <td data-label=\"Material\">High Temperature Stainless Steel<\/td>\r\n                  <!-- Merge Bolt + Nut Grade into one cell -->\r\n                  <td data-label=\"Bolt\/Nut Grade\" colspan=\"2\">ASTM A453 : 660 (Class A, B, C, D)<\/td>\r\n                  <td>1\/2\" - 4\"<\/td>\r\n                <\/tr>\r\n                \r\n                <tr>\r\n                  <td data-label=\"Material\">Super Duplex<\/td>\r\n                  <td data-label=\"Bolt\/Nut Grade\" colspan=\"2\">ASTM A1082 : UNS 32750, 32760S<\/td>\r\n                  <td>1\/2\" - 4\"<\/td>\r\n                <\/tr>\r\n                \r\n                <tr>\r\n                  <td data-label=\"Material\">Non-Ferrous<\/td>\r\n                  <td data-label=\"Bolt\/Nut Grade\" colspan=\"2\">ASTM F468 : UNS C63000 - Nickel Aluminium Bronze Alloy<\/td>\r\n                  \r\n                    <td style=\"width:150px;\">1\/2\" \u2013 1 1\/2\"<\/td>\r\n\r\n                <\/tr>\r\n                \r\n                <tr>\r\n                  <td data-label=\"Material\">High Temperature Steel<\/td>\r\n                  <td data-label=\"Bolt\/Nut Grade\" colspan=\"2\">EN10269 : 20CrMoVTiB4-10 \/ 1.7729<\/td>\r\n                  <td>1\/2\" - 4\"<\/td>\r\n                <\/tr>\r\n                \r\n                <tr>\r\n                  <td data-label=\"Material\">CRA<\/td>\r\n                  <td data-label=\"Bolt\/Nut Grade\" colspan=\"2\">\r\n                    - Monel K500 - Nickel Copper Alloy <br>\r\n                    - Inconel : 625, 718, 925 - Nickel Chromium Superalloy <small>(NORSOK M-650)<\/small><br>\r\n                    - S20910\r\n                  <\/td>\r\n                  <td>1\/2\" - 4\"<\/td>\r\n                <\/tr>\r\n                \r\n                 <!--end of merged columns-->   \r\n\r\n        \r\n                  <tr>\r\n                    <td data-label=\"Material\">Carbon \/ Alloy Steel<\/td>\r\n                    <td>BS EN ISO 898: Grade 8.8, 10.9, 12.9<\/td>\r\n                    <td>BS EN ISO 898: Class 8, 10, 12<\/td>\r\n                    <td>M8 \u2013 M39<\/td>\r\n                  <\/tr>\r\n                <\/tbody>\r\n              <\/table>\r\n            <\/div>\r\n        \r\n            <p style=\"color:#9fb0c6;font-size:0.9rem;margin-top:0.75rem;text-align:center;\">\r\n              *Grades and diameters are indicative. Confirm per project specifications and standards.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- Surface Coatings 1 -->\r\n  <section id=\"coating\" class=\"ts-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"section-label\">SURFACE PROTECTION<\/div>\r\n      <h2 class=\"section-title\">Advanced Plating & Coating for Longevity<\/h2>\r\n      <div class=\"content-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/2-Fluocarbon-Xylan-Coating-scaled.jpg\" alt=\"Xylan Coatings\">\r\n        <div class=\"content-text\">\r\n            <span class=\"tristar-product-tag\">Plating<\/span>\r\n            <span class=\"tristar-product-tag\">Mastercote PTFE<\/span>\r\n            <span class=\"tristar-product-tag\">NanoGalv<\/span>\r\n          <ul>\r\n             <li><strong>Galvanizing & Plating: <\/strong>NanoGalv, Hot-dip, mechanical galvanized, Zinc-Nickel, Cadmium, and Electroless Nickel plating for heavy-duty protection.<\/li>\r\n            <li><strong>Fluoropolymer Coatings:<\/strong> Whitford-approved Xylan PTFE coater delivering low-friction, high-durability coatings for offshore and high-pressure applications.<\/li>\r\n            <li><strong>Custom Coatings:<\/strong> Tailored solutions for corrosion resistance, non-galling, and anti-seizing requirements.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n  <\/section>\r\n\r\n  <!-- Surface Coatings 2 - PTFE -->\r\n  <section class=\"ts-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"section-label\">SURFACE PROTECTION<\/div>\r\n      <h2 class=\"section-title\">Polytetrafluoroethylene PTFE<\/h2>\r\n      <h4 style=\"color: #fff; display:flex; justify-content:center; align-items:center; text-align:center; width:100% !important; margin-top:0; margin-bottom:0; padding-left:20px; padding-right:20px;\">Corrosion Resistant and Anti-Seize Coatings<\/h4>\r\n      \r\n        <div class=\"content-block\" style=\"display:flex; flex-wrap:wrap; gap:20px;\" >\r\n          <div class=\"content-text\" style=\"flex:0 0 calc(33.333% - 20px); box-sizing:border-box; text-align:center;\">\r\n          \r\n          <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastercote-logo.png\" alt=\"Xylan Coating illustration\" style=\"width:100%; height:auto; background-color:#ffffff; padding:20px\">\r\n                  <p>Superior Fluorocarbon \r\n                    Coated Bolts & Nuts<\/p>\r\n          <\/div>\r\n          <div class=\"content-text\" style=\"flex:0 0 calc(33.333% - 20px); box-sizing:border-box; text-align:center;\">\r\n           <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastergard_2.png\" alt=\"Xylan Coating illustration\" style=\"width:100%; height:auto; background-color:#ffffff; padding:20px;\">\r\n          <p>Ceramic\/Metallic Base\r\n            PTFE Topcoat<\/p>\r\n        <\/div>\r\n          <div class=\"content-text\" style=\"flex:0 0 calc(33.333% - 20px); box-sizing:border-box; text-align:center;\">\r\n          <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2026\/02\/MasterNiZcote_2.png\" alt=\"MasterNiZcote logo\" style=\"width:100%; height:auto; background-color:#ffffff; padding:20px;\">\r\n          <p>Zinc Nickel Base\r\n            PTFE Topcoat<\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"content-block\">\r\n          <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastercote-Fasteners-Coating-Illustration-Chart_revised-2.png\" alt=\"Xylan Coating illustration\" style=\"width:100%; height:auto;\">\r\n        <\/div>\r\n      \r\n      \r\n    <\/div>\r\n   <\/div> \r\n  <\/section>\r\n  \r\n    <!-- Surface Coatings 3 - NanoGalv --> \r\n    <section id=\"nanogalv\" class=\"ts-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"section-label\">SURFACE PROTECTION<\/div>\r\n      <h2 class=\"section-title\">NanoGalv\u00ae Coating Technology <\/h2>\r\n      <div class=\"content-block\">\r\n        <div class=\"content-text\">\r\n          <p>Tri-Star Industries Pte Ltd is proud to be the first licensed manufacturer of NanoGalv\u00ae by Modumetal, and the preferred supplier of NanoGalv\u00ae-coated fasteners across Asia and Australia. Our strategic partnership with Modumetal brings cutting-edge nanolaminated alloy technology to industries that demand superior corrosion protection, mechanical integrity, and service longevity.\r\n          <\/p>\r\n          \r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Modumetal-x-TSI-authorization.png\" alt=\"Modumetal-x-TSI-authorizations\">\r\n      <\/div>\r\n\r\n      <div class=\"content-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/NanoGalv-Stud-Bolt-4.png\" alt=\"NanoGalv-Stud-Bolt Coatings\">\r\n        \r\n        <div class=\"content-text\">\r\n          <p>\r\n            NanoGalv\u00ae is a commercially available nanolaminated metallic alloy coating applied to carbon steel substrates such as bolts, nuts, washers, and connectors. Engineered to replace traditional coatings like cadmium, hot-dip galvanizing, epoxy, and PTFE, NanoGalv offers up to 10x the corrosion resistance, with no compromise on structural or mechanical performance.\r\n          <\/p>\r\n          <p>\r\n              Its nano-layered structure delivers substantial improvements in:\r\n          <\/p>\r\n          <ul>\r\n              <li>\r\n                  Corrosion resistance\r\n              <\/li>\r\n              <li>\r\n               Hydrogen embrittlement resistance\r\n              <\/li>\r\n              <li>\r\n                  Lubricity & torque control\r\n              <\/li>\r\n              <li>\r\n                  Wear resistance\r\n              <\/li>\r\n              <li>\r\n                  Stress relief & fatigue performance\r\n              <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  \r\n    <!-- Updated White Container with Full-Size Images -->\r\n  <div class=\"ts-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"white-container\">\r\n        <div class=\"container-header\">\r\n          <h2>Testing, Compliance & Applications <\/h2>\r\n          <p>NanoGalv\u00ae sets a new standard in corrosion resistance with performance that goes beyond traditional coatings.<\/p>\r\n        <\/div>\r\n        <div class=\"cards-container\">\r\n          <div class=\"card-left\">\r\n            <div class=\"card\">\r\n              <!--<div class=\"card-image\">-->\r\n              <!--  <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/NanoGalv-Comparison-Results-scaled.png\" alt=\"NanoGalv Comparison\">-->\r\n              <!--<\/div>-->\r\n            <div class=\"ts-cert-card\">\r\n              <div class=\"ts-cert-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/NanoGalv-Comparison-Results-scaled.png\" alt=\"NanoGalv Comparison\">\r\n              <\/div>\r\n             <div class=\"ts-cert-subtitle\">\r\n                  Click to view full\r\n             <\/div>\r\n             \r\n            <\/div>\r\n              <div class=\"card-content\">\r\n                <h3>Proven Performance<\/h3>\r\n                <p>Tested under the toughest conditions, NanoGalv\u00ae delivers exceptional durability over 30,000 hours of salt fog exposure and zero red rust in cyclic corrosion tests.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card\">\r\n             <div class=\"ts-cert-card\">\r\n              <div class=\"ts-cert-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/NanoGalv-Performance-Testing_revised-scaled.png\" alt=\"Surface Coatings\">\r\n              <\/div>\r\n             <div class=\"ts-cert-subtitle\">\r\n                  Click to view full\r\n             <\/div>\r\n             \r\n            <\/div>\r\n\r\n              <div class=\"card-content\">\r\n                <h3>Industry Compliance<\/h3>\r\n                <p>Fully meets API, ASTM, and ISO specifications, ensuring reliability for critical applications in oil & gas, marine, and industrial sectors.\r\n                    Want the full compliance list? Contact us today to learn more.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"card-right\">\r\n            <div class=\"card\">\r\n            <div class=\"ts-cert-card\">\r\n              <div class=\"ts-cert-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/NanoGalv-Compliance-Specs-by-Clients.png\" alt=\"Certified Quality\" width=100%>\r\n              <\/div>\r\n             <div class=\"ts-cert-subtitle\">\r\n                  Click to view full\r\n             <\/div>\r\n             \r\n            <\/div>\r\n              \r\n              <div class=\"card-content\">\r\n                <h3>Recognized Across Leading Oil & Gas Standards<\/h3>\r\n                <p>NanoGalv\u00ae is trusted by major operators and EPCs worldwide, with approvals and qualifications from ExxonMobil, Shell, Chevron, BP, Black & Veatch, Woodside Energy, ConocoPhilips and more\u2014covering key specs like GP 56\u201102\u201113, PIM\u2011SU\u20115300, and DEP 30.48.00.32. New listings are continuously added.<\/p>\r\n                <!--<p>From material selection to final delivery, our quality assurance process guarantees reliability in the most demanding applications.<\/p>-->\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n  <!-- Stud Bolts -->\r\n  <section id=\"fasteners\" class=\"ts-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"section-label\">PRODUCTS<\/div>\r\n      <h2 class=\"section-title\">Stud Bolts & Specialty Bolting Solutions<\/h2>\r\n      <div class=\"content-block\">\r\n        <div class=\"content-text\">\r\n          <p>Crafted from high-quality bars, our stud bolts and nuts are available in plain, Mastercote PTFE coated, cadmium, zinc-nickel plated, galvanized, and electroless nickel finishes.<\/p>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/3-Stud-Bolt-2.jpg\" alt=\"Stud Bolts\">\r\n      <\/div>\r\n      \r\n    <!--Bolt - TABLE-->  \r\n      <section id=\"fasteners\" aria-labelledby=\"fasteners-title\">\r\n              <h4 class=\"section-title\">Fasteners \u2014 Product Overview<\/h4>\r\n            \r\n              <table class=\"tsi-table tsi-sortable\">\r\n                <thead>\r\n                  <tr>\r\n                    <th scope=\"col\">Category<\/th>\r\n                    <th scope=\"col\">Items<\/th>\r\n                    <!--<th scope=\"col\">Standard References<\/th>-->\r\n                  <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                  <tr>\r\n                    <td data-label=\"Category\">Stud<\/td>\r\n                    <td data-label=\"Items\">\r\n                      Full Threaded Stud Bolt, Double Ended Stud\r\n                    <\/td>\r\n            \r\n                  <\/tr>\r\n            \r\n                  <tr>\r\n                    <td data-label=\"Category\">Hex Head Bolt<\/td>\r\n                    <td data-label=\"Items\">\r\n                      Hex Bolt, Heavy Hex Bolt\r\n                    <\/td>\r\n            \r\n                  <\/tr>\r\n            \r\n                  <tr>\r\n                    <td data-label=\"Category\">Screw<\/td>\r\n                    <td data-label=\"Items\">\r\n                      Socket Cap Screw, Countersunk Screw, 12 Point Screw, Jack Screw, Set Screw\r\n                    <\/td>\r\n            \r\n            \r\n                  <tr>\r\n                    <td data-label=\"Category\">Nut<\/td>\r\n                    <td data-label=\"Items\">\r\n                      Hex Nut, Heavy Hex Nut, Tommy Bar Holes Nut, Spherical Nut, Round Nut\r\n                    <\/td>\r\n            \r\n                  <\/tr>\r\n            \r\n                  <tr>\r\n                    <td data-label=\"Category\">Washer<\/td>\r\n                    <td data-label=\"Items\">\r\n                      Flat Washer, Square Washer, Spherical Washer, Serrated Washer\r\n                    <\/td>\r\n            \r\n                  <\/tr>\r\n            \r\n                  <tr>\r\n                    <td data-label=\"Category\">Custom Item<\/td>\r\n                    <td data-label=\"Items\">\r\n                      Collar Stud Bolt, Anchor Foundation Bolt, U Bolt, Clamps, CNC Fasteners, CNC Parts\r\n                    <\/td>\r\n                   \r\n                  <\/tr>\r\n                  \r\n                <tr>\r\n                    <td data-label=\"Category\">Reference<\/td>\r\n                    <td data-label=\"Items\">\r\n                      ASTM, ASME, ISO, EN, API 20E, API 20F, NORSOK\r\n                    <\/td>\r\n                   \r\n                <\/tr>\r\n            \r\n                <\/tbody>\r\n              <\/table>\r\n        <\/section>\r\n     <!--end of Bolt - TABLE-->    \r\n\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Critical Fasteners -->\r\n  <section id=\"api-fastener\" class=\"ts-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"section-label\">PRODUCTS<\/div>\r\n      <h2 class=\"section-title\">Critical Fasteners \u2013 API 20E & 20F Certified<\/h2>\r\n      <div class=\"content-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2024\/04\/BN-Special3.jpg\" alt=\"Subsea Fasteners\">\r\n        <div class=\"content-text\">\r\n          <p>Tri-Star Industries delivers high-strength bolting systems designed for subsea and offshore environments.<\/p>\r\n          <ul>\r\n            <li>Certified under API 20E - BSL 1, BSL 2, BSL 3; API 20F - BSL 2.<\/li>\r\n            <li>Tailored to Your Specifications \u2013 Manufactured for precision performance in power plants, refineries,  marine structures, energy sector, subsea (Oil & Gas, Offshore, Refining & Petrochemicals, Subsea equipment, and infrastructure.<\/li>\r\n            <li>Proven Reliability \u2013 Trusted across critical infrastructure projects worldwide.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Anchor & U-Bolts -->\r\n  <section class=\"ts-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"section-label\">PRODUCTS<\/div>\r\n      <h2 class=\"section-title\">Anchor Bolts, Pipe Clamps, U-Bolts & Structural Bolts <BR>\u2013 Engineered for Structural Stability<\/h2>\r\n      <div class=\"content-block\">\r\n        <div class=\"content-text\">\r\n          <ul>\r\n            <li>Thread Configurations: Imperial \/ Metric.<\/li>\r\n            <li>Material Selection: Carbon Steel, Stainless Steel, and High-Performance Alloys.<\/li>\r\n            <li>Protective Coatings: Zinc, Zinc-Nickel, Cadmium, Hot-Dip & Mechanical Galvanizing.<\/li>\r\n            <li>Optional Enhancements: Neoprene, PTFE, EPDM, Polyshrink, Thermoplastic Rod for vibration damping and extended longevity.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/5-U-Bolt.png\" alt=\"U-Bolts\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!--Catalogue & Contact button-->\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\/06\/SBN_Fasteners.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><br>\r\n\r\n  <!-- Accreditation & Certification -->\r\n  <section class=\"ts-cert-section\">\r\n    <div class=\"ts-container\">\r\n      <div class=\"section-label\">CERTIFICATIONS<\/div>\r\n      <h2 class=\"section-title\">Accreditations<\/h2>\r\n      <p style=\"color: rgba(255,255,255,0.7); text-align: center; max-width: 700px; margin: 0 auto 15px; font-size: 14px;\">\r\n        Tri-Star Industries holds multiple ISO and CE certifications across all manufacturing facilities, ensuring the highest standards of quality, safety, and compliance.\r\n      <\/p>\r\n      <div class=\"ts-cert-grid\">\r\n        <!-- Row 1 --> \r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\" id=\"API-monogram\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/06\/SBN_AT_API-20E-0014_CERT_EXP_20270220-scaled.png\" alt=\"SBN API-20E\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n              API-20E Monogram\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">API<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/06\/SBN_AT_API-20E-0014_CERT_EXP_20270220-scaled.png\" alt=\"SBN API-20F\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n              API-20F Monogram\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">API<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/02\/TSI_QUALITY-APPROVED-COATER-QAC_CERT_EXP_20261218-1.png\" alt=\"TSI QAC\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">TSI<\/span>\r\n              Quality Approved Coater\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">API<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <!-- Row 2 -->\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_QUALITY-APPROVED-COATER-QAC_CERT_EXP_20270319-scaled.png\" alt=\"SBN QAC\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n              Quality Approved Coater\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">API<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-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 9001\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">TSI<\/span>\r\n              ISO 9001:2015\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">T\u00dcV S\u00dcD<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_IQNET_ISO-9001-2015_BN_BT-CERT_EXP_20271009-1-scaled.png\" alt=\"SBN ISO 9001\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n              ISO 9001:2015 (1)\r\n         <\/div>\r\n         <div class=\"ts-cert-subtitle\">IQNET SIRIM QAS<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <!-- Row 3 -->\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-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-3-scaled.png\" alt=\"SBN ISO 9001\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n              ISO 9001:2015 (2)\r\n         <\/div>\r\n         <div class=\"ts-cert-subtitle\">IQNET SIRIM QAS<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_APIQR_ISO-9001-2015_CERT_EXP_20270220-scaled.png\" alt=\"SBN ISO 9001\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n              ISO 9001:2015\r\n         <\/div>\r\n         <div class=\"ts-cert-subtitle\">APIQR<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_API-SPEC-Q1_CERT_EXP_20270220-scaled.png\" alt=\"SBN API SPEC Q1\">\r\n          <\/div>\r\n         <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n             API Spec Q1\r\n         <\/div>\r\n         <div class=\"ts-cert-subtitle\">API<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <!-- Row 4 -->\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-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 ISO 9001\">\r\n          <\/div>\r\n          <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">PTSTS<\/span>\r\n             ISO 9001:2015\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">LRQA<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/TSA_ISO-9001-2015_QMS_CERT_EXP_20280201.png\" alt=\"TSA ISO 9001\">\r\n          <\/div>\r\n          <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">TSA<\/span>\r\n             ISO 9001:2015\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">BUREAU VERITAS<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/TSME_ISO-9001-2015_CERT_EXP_20270914-scaled.png\" alt=\"TSME ISO 9001\">\r\n          <\/div>\r\n          <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">TSME<\/span>\r\n             ISO 9001:2015\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">BUREAU VERITAS<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <!-- Row 5 -->\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-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-1-scaled.png\" alt=\"SBN ISO 45001\">\r\n          <\/div>\r\n          <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n             ISO 45001:2018 (1)\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">IQNET SIRIM QAS<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/SBN_IQNET_ISO-45001-2018_CSS_CP_BN-CERT_EXP_20280722-3-scaled.png\" alt=\"SBN ISO 45001\">\r\n          <\/div>\r\n          <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">SBN<\/span>\r\n             ISO 45001:2018 (2)\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">IQNET SIRIM QAS<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-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=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">PTSTS<\/span>\r\n             ISO 45001:2018\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">LRQA<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>\r\n        <!-- Row 6 -->\r\n        <div class=\"ts-cert-card\">\r\n          <div class=\"ts-cert-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/08\/PTSTS-_ISO-14001-2015_CERT_EXP_20270228-scaled.png\" alt=\"PTSTS ISO 14001\">\r\n          <\/div>\r\n          <div class=\"ts-cert-title\">\r\n              <span style=\"color:#51B8E7;\">PTSTS<\/span>\r\n             ISO 14001:2015\r\n         <\/div>\r\n          <div class=\"ts-cert-subtitle\">LRQA<\/div>\r\n          <div class=\"ts-cert-hover-text\">Click to view full certificate<\/div>\r\n        <\/div>        \r\n      <\/div>\r\n    <\/div>\r\n    <!-- Center Button -->\r\n\r\n<div style=\"display: flex; justify-content: center; gap: 100px; margin-top: 30px;\">\r\n                <a href=\"https:\/\/tristar.com.sg\/staging05\/our-accreditations\/\" class=\"btn\" target=\"_blank\"\r\n                rel=\"noopener noreferrer\">\r\n                    View More Certificates<\/a>\r\n                \r\n            <\/div><br>\r\n\r\n\r\n  <\/section>\r\n\r\n  <!-- Certificate Modal -->\r\n  <div class=\"ts-modal\" id=\"certModal\">\r\n    <div class=\"ts-modal-content\">\r\n      <button class=\"ts-modal-close\" id=\"modalClose\">&times;<\/button>\r\n      <img decoding=\"async\" class=\"ts-modal-image\" id=\"modalImage\" src=\"\" alt=\"Certificate\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\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    initSlider();\r\n    initCertModal();\r\n  }\r\n\r\n  function initSlider() {\r\n    const sliderContainer = document.querySelector('#fastenerSlider');\r\n\r\n    if (!sliderContainer) return;\r\n\r\n    const slides = sliderContainer.querySelector('.slides');\r\n    const images = sliderContainer.querySelectorAll('.slides img');\r\n    const prev = sliderContainer.querySelector('.prev');\r\n    const next = sliderContainer.querySelector('.next');\r\n    const dots = sliderContainer.querySelectorAll('.dot');\r\n\r\n    if (!slides || !images.length || !prev || !next || !dots.length) {\r\n      return;\r\n    }\r\n\r\n    let index = 0;\r\n    function updateButtons() {\r\n      prev.classList.toggle('disabled', index === 0);\r\n      next.classList.toggle('disabled', index === images.length - 1);\r\n    }\r\n    function updateDots() {\r\n      dots.forEach(dot => dot.classList.remove('active'));\r\n      if (dots[index]) {\r\n        dots[index].classList.add('active');\r\n      }\r\n    }\r\n    function showSlide(i) {\r\n      if (i >= 0 && i < images.length) {\r\n        index = i;\r\n        slides.style.transform = `translateX(${-index * 100}%)`;\r\n        updateButtons();\r\n        updateDots();\r\n      }\r\n    }\r\n    prev.addEventListener('click', function(e) {\r\n      e.preventDefault();\r\n      showSlide(index - 1);\r\n    });\r\n\r\n    next.addEventListener('click', function(e) {\r\n      e.preventDefault();\r\n      showSlide(index + 1);\r\n    });\r\n    dots.forEach(function(dot) {\r\n      dot.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const index = parseInt(this.getAttribute('data-index'), 10);\r\n        if (!isNaN(index)) {\r\n          showSlide(index);\r\n        }\r\n      });\r\n    });\r\n    updateButtons();\r\n    updateDots();\r\n  }\r\n  function initCertModal() {\r\n    const modal = document.getElementById('certModal');\r\n    const modalImage = document.getElementById('modalImage');\r\n    const modalClose = document.getElementById('modalClose');\r\n    const certCards = document.querySelectorAll('.ts-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('.ts-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<\/script>\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>Fastener BOLTS &#038; NUTS Fasteners High-integrity bolting and fastener solutions engineered by Tri-Star Industries \u2014 critical fasteners, U-bolts, pipe clamp, and custom-engineered fasteners with surface&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7982","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>Fasteners - 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\/fasteners\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fasteners - Tri-Star Group of Companies\" \/>\n<meta property=\"og:description\" content=\"Fastener BOLTS &#038; NUTS Fasteners High-integrity bolting and fastener solutions engineered by Tri-Star Industries \u2014 critical fasteners, U-bolts, pipe clamp, and custom-engineered fasteners with surface&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tristar.com.sg\/staging05\/fasteners\/\" \/>\n<meta property=\"og:site_name\" content=\"Tri-Star Group of Companies\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T11:00:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastercote-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=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/fasteners\\\/\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/fasteners\\\/\",\"name\":\"Fasteners - Tri-Star Group of Companies\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/fasteners\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/fasteners\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Mastercote-logo.png\",\"datePublished\":\"2025-11-30T13:47:42+00:00\",\"dateModified\":\"2026-04-01T11:00:06+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/fasteners\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/fasteners\\\/#primaryimage\",\"url\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Mastercote-logo.png\",\"contentUrl\":\"https:\\\/\\\/tristar.com.sg\\\/staging05\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Mastercote-logo.png\",\"width\":1934,\"height\":414,\"caption\":\"Mastercote 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":"Fasteners - 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\/fasteners\/","og_locale":"en_US","og_type":"article","og_title":"Fasteners - Tri-Star Group of Companies","og_description":"Fastener BOLTS &#038; NUTS Fasteners High-integrity bolting and fastener solutions engineered by Tri-Star Industries \u2014 critical fasteners, U-bolts, pipe clamp, and custom-engineered fasteners with surface&hellip;","og_url":"https:\/\/tristar.com.sg\/staging05\/fasteners\/","og_site_name":"Tri-Star Group of Companies","article_modified_time":"2026-04-01T11:00:06+00:00","og_image":[{"url":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastercote-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tristar.com.sg\/staging05\/fasteners\/","url":"https:\/\/tristar.com.sg\/staging05\/fasteners\/","name":"Fasteners - Tri-Star Group of Companies","isPartOf":{"@id":"https:\/\/tristar.com.sg\/staging05\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tristar.com.sg\/staging05\/fasteners\/#primaryimage"},"image":{"@id":"https:\/\/tristar.com.sg\/staging05\/fasteners\/#primaryimage"},"thumbnailUrl":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastercote-logo.png","datePublished":"2025-11-30T13:47:42+00:00","dateModified":"2026-04-01T11:00:06+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tristar.com.sg\/staging05\/fasteners\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tristar.com.sg\/staging05\/fasteners\/#primaryimage","url":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastercote-logo.png","contentUrl":"https:\/\/tristar.com.sg\/staging05\/wp-content\/uploads\/2025\/11\/Mastercote-logo.png","width":1934,"height":414,"caption":"Mastercote 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\/7982","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=7982"}],"version-history":[{"count":20,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/7982\/revisions"}],"predecessor-version":[{"id":9307,"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/pages\/7982\/revisions\/9307"}],"wp:attachment":[{"href":"https:\/\/tristar.com.sg\/staging05\/wp-json\/wp\/v2\/media?parent=7982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}