null

Outdoor PRODUCT RANGE

<p>Craftsman Hardware offers a premium range of outdoor screw anchors engineered for strength, durability, and corrosion resistance. Our selection includes HP-coated and A4 stainless steel screw anchors — ideal for securing steel plates to concrete and for long-term performance in outdoor construction and mounting applications.</p>
<p><button id="hideButton" class="hide-button">Hide this?</button></p>
<div class="display-box">
<div class="row-custom">
<div class="column-custom">
<h2>IMPORTANCE OF OUTDOOR SCREW ANCHORS</h2>
<p>Outdoor screw anchors are built to withstand the elements while maintaining secure and lasting connections between materials. When mounting steel plates to concrete in outdoor environments, selecting corrosion-resistant fasteners like HP-coated or A4 stainless steel screw anchors ensures structural reliability and extends the life of the installation.</p>
<p>Whether you're securing structural components, fencing, railings, or equipment to concrete, these anchors are designed to handle exposure to moisture, UV rays, and temperature changes without compromising strength or performance. Using the correct outdoor-grade anchor also reduces maintenance needs and prevents early failure caused by rust or corrosion.</p>
</div>
<!---END OF COLUMN--->
<div class="column-custom">
<h2>OUTDOOR SCREW ANCHOR TYPES</h2>
<p>Our outdoor screw anchors are engineered to deliver reliable performance in harsh conditions:</p>
<ul>
<li><strong>HP-Coated Screw Anchors:</strong> These anchors feature a high-performance corrosion-resistant coating, making them ideal for outdoor use in coastal, industrial, or wet environments. Perfect for concrete-to-metal fastening where weather resistance is critical.</li>
<li><strong>A4 Stainless Steel Screw Anchors:</strong> Made from marine-grade stainless steel, these anchors are resistant to rust, acids, and chlorides, making them suitable for long-term outdoor use, especially in corrosive or marine environments.</li>
<li><strong>Concrete Thread Screw Anchors:</strong> Designed to be screwed directly into concrete, these anchors offer a quick and strong connection between steel plates and solid surfaces. Their aggressive thread design ensures grip even in high-load applications.</li>
<li><strong>Flange and Hex Head Outdoor Anchors:</strong> These anchors come with wide surface contact for increased load distribution — ideal for mounting heavy fixtures or equipment outdoors where additional strength is required.</li>
</ul>
<h2>APPLICATIONS</h2>
<p>Our corrosion-resistant outdoor screw anchors are perfect for various construction and structural installations, including:</p>
<ul>
<li><strong>Plate-to-Concrete Mounting:</strong> Secure steel plates, baseplates, and brackets to concrete foundations in outdoor settings.</li>
<li><strong>Outdoor Framing & Structures:</strong> Use for fixing structural supports, steel posts, or frameworks in gardens, public spaces, or industrial yards.</li>
<li><strong>Fencing & Rail Systems:</strong> Anchor outdoor fencing, balustrades, and railings to concrete with confidence in long-term durability.</li>
<li><strong>Heavy-Duty Equipment Installation:</strong> Fasten outdoor electrical boxes, solar panel frames, or machinery to concrete pads using A4 stainless or HP-coated anchors.</li>
</ul>
</div>
</div>
</div>

<script>
    // Check localStorage to see if the display box should be hidden
    if (localStorage.getItem('hideDisplayBox') === 'true') {
        document.querySelector('.display-box').style.display = 'none'; // Hide the display box
        document.getElementById('hideButton').textContent = 'Learn more'; // Set button text to "Learn more"
    }

    // Function to toggle the display box and button text
    document.getElementById('hideButton').addEventListener('click', function() {
        var displayBox = document.querySelector('.display-box');
        if (displayBox.style.display === 'none') {
            displayBox.style.display = 'block'; // Show the display box
            this.textContent = 'Hide this?'; // Change button text back to "Hide this?"
            localStorage.removeItem('hideDisplayBox'); // Remove the preference from localStorage
        } else {
            displayBox.style.display = 'none'; // Hide the display box
            this.textContent = 'Learn more'; // Change button text to "Learn more"
            localStorage.setItem('hideDisplayBox', 'true'); // Store the preference in localStorage
        }
    });

    // Disable right-click context menu
    document.addEventListener('contextmenu', function(e) {
        e.preventDefault();
    });

    // Disable text selection on the body
    document.addEventListener('selectstart', function(e) {
        e.preventDefault();
    });

    // Function to filter the table
    function filterTable() {
        const input = document.getElementById('filterInput');
        const filter = input.value.toLowerCase();
        const table = document.getElementById('sawTable');
        const tr = table.getElementsByTagName('tr');

        for (let i = 1; i < tr.length; i++) {
            const td = tr[i].getElementsByTagName('td');
            let found = false;
            for (let j = 0; j < td.length - 1; j++) { // Exclude the last column (Details)
                if (td[j].textContent.toLowerCase().includes(filter)) {
                    found = true;
                    break;
                }
            }
            tr[i].style.display = found ? '' : 'none'; // Show or hide the row
        }
    }

    var acc = document.getElementsByClassName("accordion2");
    var i;

    for (i = 0; i < acc.length; i++) {
        acc[i].addEventListener("click", function() {
            this.classList.toggle("active");
            var panel = this.nextElementSibling;
            if (panel.style.display === "block") {
                panel.style.display = "none";
            } else {
                panel.style.display = "block";
            }
        });
    }
</script>
</p>
<style>
        .display-box {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            max-width: 1400px;
            margin: auto;
        }
.hide-button {
    background-color: #f2f2f2;
    border: none;
    padding: 10px 20px; /* Increased padding for a larger clickable area */
    cursor: pointer;
    font-size: 16px; /* Increased font size for better visibility */
    border-radius: 5px; /* Rounded corners for a nicer look */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.hide-button:hover {
    background-color: #ddd; /* Change background color on hover */
}
                body {
            font-family: Arial, sans-serif;
            user-select: none; /* Prevent text selection */
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        input {
            margin-bottom: 20px;
        }
        .link-cell {
            background-color: #f2f2f2;
            color: blue;
            text-decoration: underline;
            cursor: pointer;
        }
        .table-container {
            max-height: 300px;
            overflow-y: auto; /* Enable vertical scrolling */
            border: 1px solid #ddd; /* Optional: Add border to the container */
        }
      /* Media query for mobile devices */
        @media (max-width: 600px) {
            th, td {
                font-size: 10px; /* Set font size to 10px on mobile */
               padding: 4px; /* Reduce padding for mobile */
            }
        }
      .accordion2 {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion2:hover {
  background-color: #ccc; 
}
      .panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
    </style>